:root {
  --default-anchor-color: #337ab7;
  /*  --ucb-red-color: #e04032;
  --ucb-red-color-rgba: rgb(239, 64, 50, 0);
  --font-primary-color: rgba(0,0,0,0.87);
  --font-sidemenu-item-color: #778188;
  --font-tileroundmenu-item-color: #474d52;
  --font-sidemenu-item-active-color: var(--ucb-red-color);
  --font-sidemenu-item-icon-fill: #929aa0;*/
}

html {
  font-size: inherit !important;
}

HTML.htmlStandAlonePage, HTML.htmlStandAlonePage BODY
{
  height: 100%;
}

BODY
{
}

BODY.standalonepage
{
  background-color: transparent;
}

  BODY.standalonepage #wrapper > .navbar-static-top,
  BODY.standalonepage #wrapper > #page-footer,
  BODY.standalonepage #wrapper > #sidebar {
    display: none !important;
  }


  BODY.standalonepage #wrapper > #page-wrapper {
    margin-left: 0px !important;
    border-left: none !important;
  }


  BODY.standalonepage #wrapper .fixedfooter {
    margin-left: 0px !important;
    left: 0px !important;
  }

    BODY.standalonepage #wrapper .fixedfooter .amcwebcontrols-btn-holder {
      margin-left: 0px !important;
      margin-right: 0px !important;
    }

#wrapper {
    position:relative;
}

/*FIX MS krizek v texboxu*/
::-ms-clear {
  display: none;
  width: 0px;
  height: 0px;
}
/*FIX*/

#blocking-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1051;
  background-color: rgba(0,0,0,0.87);
  opacity: .5;
}

#blocking-overlay .blockwindow-loading, #amcWebControlsModal .blockwindow-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -21px 0 0 -27px;
}

*
{
 xborder-radius: 0 !important;
}

/*WebForm*/

.webform-tab {

}

  .webform-tab-height100percent {

  }
  /*Alt1 standardni tabulka*/
  .webformdatacontrol-text-itemlist {
    z-index: 1049;
    background-color: white;
    overflow: auto !important;
    position: absolute;
    top: -1000px;
    left: -1000px;
    max-height: 400px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.15);
    background-clip: padding-box;
    list-style: none;
    padding: 5px 0;
    margin: 2px 0 0;
  }

.webformdatacontrol-text-itemlist-innercont
{
  position:relative;
  
}

.webformdatacontrol-text-itemseperator
{
  height:0px;
  border:0px;
  border-top: 1px solid rgb(202, 202, 202);
  padding:0px;
  margin:0px;
  white-space: nowrap;
  cursor: default;
  font-size: 0px;
  line-height: 0px;
}

.webformdatacontrol-text-item
{
  border:0px;
  border-collapse: collapse;
  padding: 1px;
  cursor: pointer;
  padding: 3px 2px;
  xwhite-space:nowrap;

}

  .webformdatacontrol-text-item i {
    padding-right: 6px;
    padding-left: 2px;
    xcolor: transparent;
  }

  .webformdatacontrol-text-item:hover, .webformdatacontrol-text-item-selected {
    text-decoration: none;
    background-color: #f5f5f5;
  }

.form-horizontal { 
  display: table; 

}
.control-label, .form-horizontal .control-label { 
  text-align: left; 
  white-space: nowrap; 

}
.webformrow, .form-horizontal .webformrow { 
  margin: 0; 
  display: table-row;  

}
.webformrow-leftcell, 
.form-horizontal .webformrow .webformrow-leftcell {  
  display: table-cell; 
  padding:  4px 1em 4px 0; 
  vertical-align: middle; 
  line-height:20px;  
}

.webformrow.webformrow-verticalalign-top .webformrow-leftcell,
.form-horizontal .webformrow.webformrow-verticalalign-top .webformrow-leftcell,
.form-horizontal .webformrow.webformrow-verticalalign-top .webformrow-rightcell,
.form-horizontal .webformrow.webformrow-verticalalign-top .webformrow-rightcell .tooltemplate-table > tbody > tr > td {
  vertical-align: top;
}

  .webformrow.webformrow-verticalalign-middle .webformrow-leftcell,
  .form-horizontal .webformrow.webformrow-verticalalign-middle .webformrow-leftcell,
  .form-horizontal .webformrow.webformrow-verticalalign-middle .webformrow-rightcell,
  .form-horizontal .webformrow.webformrow-verticalalign-middle .webformrow-rightcell .tooltemplate-table > tbody > tr > td {
    vertical-align: middle;
  }

  .webformrow.webformrow-verticalalign-bottom .webformrow-leftcell,
  .form-horizontal .webformrow.webformrow-verticalalign-bottom .webformrow-leftcell,
  .form-horizontal .webformrow.webformrow-verticalalign-bottom .webformrow-rightcell,
  .form-horizontal .webformrow.webformrow-verticalalign-bottom .webformrow-rightcell .tooltemplate-table > tbody > tr > td {
    vertical-align: bottom;
  }

.webformrow-rightcell, .form-horizontal .webformrow .webformrow-rightcell { 
  display: table-cell;   
  width: 100%; 

}
.webformrow-rightcell > .webformdatacontrol-text:only-child, 
.webformrow-rightcell > .webformdatacontrol-number:only-child  {
}
  
 .webformdatacontrol-datetime2 {
    width: 186px;
  }
  .webformrow-rightcell .tooltemplate-table .tooltemplate-table-leftcell > .webformdatacontrol-number {
    width: 186px;
  }

.webformdatacontrol-number {
  max-width: 186px;
}

.webformdatacontrol-number > input[type='text'] {
  min-width: 76px;
}

.webformdatacontrol-datetime2[datetime-type='DateTime'] { 
  width: 11em;
}
.webformdatacontrol-datetime2[datetime-type='Date'] {
  width: 110px;
}
.webformdatacontrol-datetime2[datetime-type='DateAndTime'] {
  width: 186px;
}
.webformdatacontrol-datetime2[datetime-type='Time'] {
  width: 5em;
}

.webformrow-rightcell > table.tooltemplate-table {
  width: 100%;
}

.webformrow-rightcell > table.tooltemplate-table tr > td.tooltemplate-table-leftcell {
  vertical-align:middle;
  white-space:nowrap;
}


.webformrow-rightcell > table.tooltemplate-table tr > td.tooltemplate-table-rightcell {
  vertical-align: middle;
  white-space: nowrap;
}

.webformrow-rightcell > table.tooltemplate-table tr > td.tooltemplate-table-rightcell:not(:empty) {
  padding-left: 4px;
}

.webformrow-rightcell > table.tooltemplate-table tr > td.tooltemplate-table-leftcell.leftcell-maxwidth {
  width: 100%;
}

.webformrow-rightcell > table.tooltemplate-table tr > td.tooltemplate-table-rightcell.rightcell-maxwidth {
  width: 100%;
}

.webformdatacontrol-datetime2.formdatacontrol-static[datetime-type='DateTime'],
.webformdatacontrol-datetime2.formdatacontrol-static[datetime-type='Date'],
.webformdatacontrol-datetime2.formdatacontrol-static[datetime-type='DateAndTime'],
.webformdatacontrol-datetime2.formdatacontrol-static[datetime-type='Time'] {
  width: initial;
}


.webformdatacontrol-datetime2-date {
  display: inline-block;
  margin-right: 2px;
  width: 110px;
}
.webformdatacontrol-datetime2-time { display:inline-block; width: 74px; }
.webformdatacontrol-datetime2 .input-group-addon { cursor: pointer; }
.webformdatacontrol-datetime2-time .input-group .input-group-addon  { cursor: default; }
.webformdatacontrol-datetime2-time .input-group .mousepointer  { cursor: pointer; }
.webformdatacontrol-datetime2, .webformdatacontrol-bool {white-space: nowrap; }
.webformdatacontrol-datetime2, .webformdatacontrol-bool, .webformdatacontrol-text, .webformdatacontrol-number {  display: inline-block; margin: 2px 0 2px 0; }
.webformdatacontrol-datetime2 > input[type=text]:first-child { min-width: 10ex; }
.webformdatacontrol-datetime2 {
  width: 186px;
}
.webformdatacontrol-bool .webcontrols-ui-datacontrol-tristate-text, .webformdatacontrol-bool SPAN
{
  white-space: normal;
  padding: 5px;
}

.webformdatacontrol-bool > .radio-inline {
  padding-top: 0px;
}

div[datetime-type=DateAndTime][datetime-timedetail=Seconds] > .webformdatacontrol-datetime2-time {
  width: 90px;
}

div[datetime-type=Time][datetime-timedetail=Seconds] > .webformdatacontrol-datetime2-time {
  width: 90px;
}


.webformrow-rightcell > .webformdatacontrol-number {
  xtext-align: right;
}

.input-group-btn > .webformdatacontrol-datetime2, 
.input-group-btn > .webformdatacontrol-bool, 
.input-group-btn > .webformdatacontrol-text, 
.input-group-btn > .webformdatacontrol-number
{
  margin: 0px;
}

.webformdatacontrol-number.formdatacontrol-static > .form-control-static {
  text-align: right;
  padding-right: 5px;
  width: 100%;
}

.webformrow-rightcell > .webformdatacontrol-number.formdatacontrol-static {
  width: 186px;
}

.webformrow-rightcell[amc-data-ui-blockdisplay='true'] > .webformdatacontrol-number {
  width: 100%;
  max-width: none;
}



.webformdatacontrol-number.formdatacontrol-static > .form-control-static > span:first-child:not(:empty) {
  padding-left: 3px;
  padding-right: 3px;
}


  .webformrow-timestamped {
  }

    .webformrow-timestamped > .webformrow-rightcell > .webformdatacontrol-bool, .webformrow-timestamped > .webformrow-rightcell > .webformdatacontrol-text, .webformrow-timestamped > .webformrow-rightcell > .webformdatacontrol-number, .webformrow-timestamped > .webformrow-rightcell > .webformdatacontrol-select {
      xdisplay: inline-block;
    }

  .webformdatacontrol-select {
    width: 100%;
  }

  .webformrow-timestamped > .webformrow-rightcell > .webformdatacontrol-text, .webformrow-timestamped > .webformrow-rightcell > .webformdatacontrol-number, .webformrow-timestamped > .webformrow-rightcell > .webformdatacontrol-select {
    width: 50%;
  }


  @media (max-width: 1024px) {
    .webformrow-timestamped > .webformrow-rightcell > .webformdatacontrol-text, .webformrow-timestamped > .webformrow-rightcell > .webformdatacontrol-number, .webformrow-timestamped > .webformrow-rightcell > .webformdatacontrol-select {
      width: 100%;
    }
  }

  .webformdatacontrol-number > INPUT[type=text] {
    text-align: right;
  }

  .webformdatacontrol-text-droparrow {
    cursor: pointer;
  }

  .webformdatacontrol-select {
    display: inline-table;
    vertical-align: middle;
  }

  .webformdatacontrol-text[amc-control-attr-loading='true'] > .webformdatacontrol-text-droparrow > i:first-child {
    display: none;
  }

  .webformdatacontrol-text:not([amc-control-attr-loading]) > .webformdatacontrol-text-droparrow > i:last-child,
  .webformdatacontrol-text[amc-control-attr-loading='false'] > .webformdatacontrol-text-droparrow > i:last-child {
    display: none;
  }

  .modal-header-webformdatacontrol-text-loading {
    float: right;
    display: none;
  }

  #AmcWebControls_DataControlTextItemList_Container[amc-control-attr-loading='true'] .modal-header-webformdatacontrol-text-loading {
    display: inline-block;
  }


  INPUT[type=text]::-webkit-input-placeholder {
    text-align: left;
  }

  INPUT[type=text]:-moz-placeholder { /* Firefox 18- */
    text-align: left;
  }

  INPUT[type=text]::-moz-placeholder { /* Firefox 19+ */
    text-align: left;
  }

  INPUT[type=text]:-ms-input-placeholder {
    text-align: left;
  }

  INPUT[type=text]::-ms-input-placeholder {
    text-align: left;
  }

  INPUT[type=text]::placeholder {
    text-align: left;
  }


  .amcdatagrid-filtercontrol::placeholder {
    color: #ccc;
  }

  .amcdatagrid-filtercontrol::-webkit-input-placeholder {
    color: #ccc;
  }

  .amcdatagrid-filtercontrol:-ms-input-placeholder {
    color: #ccc;
  }

  .amcdatagrid > thead > tr > td.amcdatagrid-filter-icon {
    width: 22px;
  }

  .amcdatagrid > thead > tr > td.amcdatagridheader-selectorallcell {
    padding-left: 5px;
    padding-right: 5px;
    width: 22px;
  }

  .amcdatagrid > tbody > tr > td.amcdatagriditem-selectorcell {
    padding-left: 5px;
    padding-right: 5px;
    width: 22px;
  }

  .amcdatagriditem-selectorcell > .amcdatagriditem-selector > INPUT[type=checkbox] {
    margin: 0;
  }

  .amcdatagrid .amcdatagrid-filters > TD.amcdatagrid-filters-icon {
    vertical-align: middle !important;
    xcolor: #ddd;
    xbackground-color: transparent;
  }

  .webformrow-rightcell > .webformdatacontrol-timestamp {
    margin-left: 0.5em;
  }

    .webformrow-rightcell > .webformdatacontrol-timestamp:only-child {
      margin-left: 0;
    }


  .webformdatacontrol-number > DIV.input-group-btn INPUT.form-control, .webformdatacontrol-number > DIV.input-group-btn SELECT.form-control, .webformdatacontrol-text > DIV.input-group-btn INPUT.form-control, .webformdatacontrol-text > DIV.input-group-btn SELECT.form-control {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    xborder-left: 0px;
  }

  .webformdatacontrol-text-infotext {
    color: lightgray;
    font-size: 9pt;
    padding: 2px 5px 0px 5px;
    xmargin: 2px;
    border-top: 1px solid #ddd;
    text-align: right;
  }


  div.form-control-static {
    min-height: 26px;
    line-height: 26px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0;
    display: inline-block;
  }

  span.form-control-static {
    line-height: 26px;
    min-height: 26px;
  }

  pre {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

    pre.form-control-static {
      display: block;
      padding: inherit;
      margin: inherit;
      padding-top: 0px;
      padding-bottom: 0px;
      margin-bottom: 0;
      font-size: 1em;
      line-height: 26px;
      color: inherit;
      word-break: break-all;
      word-wrap: break-word;
      background-color: inherit;
      border: inherit;
      border-radius: 0px;
    }

  a {
    outline: 0;
  }

  .formdatacontrol-static {
    display: inline-block;
  }
  /*
.webcontrols-ui-rowcontainer { display: block;  }
.form-horizontal { }
.webformrow, .form-horizontal .webformrow { margin: 0; display: block; }
.webformrow-leftcell, .form-horizontal .webformrow .webformrow-leftcell { display: block;  padding:  0; vertical-align: middle; text-align: left; }
.webformrow-rightcell, .form-horizontal .webformrow .webformrow-rightcell {  display: block;  padding:  4px 0 4px 0;  width: 100%;   }
.webformdatacontrol-text {  }
*/

  .col-centered {
    float: none;
    margin: 0 auto;
  }

  .webcontrols-ui-row-leftcell-mandatory {
    color: Red;
  }

  .webformdatacontrol-datetime {
    display: inline-block;
  }

    .webformdatacontrol-datetime .form-control {
      max-width: 8em;
    }

      .webformdatacontrol-datetime .form-control:first-child {
        margin: 0 4px 0 0;
      }

  .input-sm {
    font-size: inherit;
  }

  .form-control, .form-control .input-sm {
    padding-left: 6px;
  }

  .form-control {
    display: inline-block;
  }

  .input-group-addon {
    padding: 6px 6px;
  }

  .tab-content {
    padding-top: 15px;
  }

  .page-header {
    padding-bottom: 9px;
    margin: 20px 0 10px;
    border-bottom: 1px solid #eee;
    font-size: 14pt;
    font-weight: normal;
  }

  .ui-datepicker {
    z-index: 100000 !important;
  }

  .input-xs {
    line-height: 1.4285;
  }

  .input-xs {
    height: 26px;
    padding: 3px;
    xfont-size: 12px;
    line-height: 1.4285;
    border-radius: 3px;
  }

  .input-md {
    font-size: 18px;
  }

  .input-lg {
    font-size: 24px;
  }


  select.input-xs {
    height: 26px;
    line-height: 26px;
  }

  .input-group-addon {
    padding: 4px 4px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
  }

  TABLE.amcdatagrid {
    border-spacing: 0px;
    font-size: inherit;
    border-collapse: collapse;
  }

    TABLE.amcdatagrid > tbody > tr:hover, TABLE.amcdatagrid > tbody > tr:focus {
      background-color: #f5f5f5;
    }

    TABLE.amcdatagrid > tbody > tr.amcdatagrid-row.rowselected {
      background-color: #f2f2f2;
    }


    TABLE.amcdatagrid > thead > TR.amcdatagrid-header > td {
      font-size: 10pt;
    }

  .amcdatagrid > thead > tr > th,
  .amcdatagrid > tbody > tr > th,
  .amcdatagrid > tfoot > tr > th,
  .amcdatagrid > thead > tr > td,
  .amcdatagrid > tbody > tr > td,
  .amcdatagrid > tfoot > tr > td {
    padding: 3px;
    line-height: 1;
    xvertical-align: top;
  }

  .amcdatagrid-header-number, .amcdatagrid-header-datetime {
    text-align: right;
  }


  .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 1px;
  }

  .amcdatagrid-footerbottom-right A.btn,
  .amcdatagrid-headertopbutton-right A.btn,
  .amcdatagrid-footerbottom-right BUTTON.btn,
  .amcdatagrid-headertopbutton-right BUTTON.btn {
    margin-right: 4px;
  }

  .amcdatagrid-footerbottom-left A.btn,
  .amcdatagrid-headertopbutton-left A.btn,
  .amcdatagrid-footerbottom-left BUTTON.btn,
  .amcdatagrid-headertopbutton-left BUTTON.btn {
    margin-right: 4px;
  }


  .amcdatagrid > tfoot > tr.amcdatagrid-footerbottom > td {
    line-height: 30px;
  }


  .amcdatagrid-filters > TD, .amcdatagrid-filters > TD {
    xmax-width: 16em;
    font-size: 10pt;
  }

    .amcdatagrid-filters > TD INPUT, .amcdatagrid-filters > TD SELECT {
      font-size: 10pt;
    }

  .amcdatagrid .amcdatagrid-filters > TD, .amcdatagrid .amcdatagrid-headertop > TD .col-xs-4 {
    padding: 0;
  }

  .amcdatagrid > thead > TR.amcdatagrid-filters > TD.amcdatagrid-filterdatetime {
    max-width: 16em;
  }


  TABLE.amcdatagrid THEAD > TR.amcdatagrid-filters > TD:first-child {
    border-left: 1px solid #ddd;
  }

  TABLE.amcdatagrid THEAD > TR.amcdatagrid-filters > TD {
    border-right: 1px solid #ddd;
  }

  TABLE.amcdatagrid THEAD > TR:first-child.amcdatagrid-filters > TD {
    border-top: 1px solid #ddd;
  }

    TABLE.amcdatagrid THEAD > TR:first-child.amcdatagrid-filters > TD.amcdatagrid-filternumber INPUT {
      text-align: right;
    }

  .amcdatagrid-alternatingitem {
    bxackground-color: #f8f8f8;
  }

  .amcdatagrid .amcdatagrid-headertop > TD, .amcdatagrid .amcdatagrid-filters > TD, .amcdatagrid .amcdatagrid-header > TD {
    border-color: #ddd;
    background-color: #f1f1f1;
  }

  .amcdatagrid .amcdatagrid-headertop > TD {
    padding: 10px 15px;
  }

  .amcdatagrid > tbody > TR > TD {
    font-size: 10pt;
  }

  .webcontrols-ui-amcdatagridheaderbutton {
    cursor: pointer;
  }

  .amcdatagrid .amcdatagrid-header > TD {
    padding-left: 3px;
    white-space: nowrap;
  }

    .amcdatagrid .amcdatagrid-header > TD.headerwrap {
      white-space: normal;
    }

  .amcdatagrid .amcdatagrid-header.headerwrap > TD {
    white-space: normal;
  }

  .amcdatagrid-filtercontrol, .amcdatagrid-filtercontrol INPUT, .amcdatagrid-filtercontrol SELECT {
    color: Black;
    border: 0 none;
    xmargin: 0;
    xoutline: 0;
    width: 100%;
  }

  SELECT.amcdatagrid-filtercontrol {
    padding: 2px;
  }

  INPUT.amcdatagrid-filtercontrol {
    padding: 3px;
  }

  .amcdatagrid-pager-tbxpageindex, .amcdatagrid-pager-ddlpageSize, SELECT.amcdatagrid-pager-ddlpageSize {
    max-width: 6em;
    min-width: 4em;
    width: auto;
    padding: 1px 5px;
    font-size: 10pt;
    height: 26px;
    text-align: center;
    vertical-align: middle;
  }

  .amcdatagrid-pager-pageSize {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
  }

  .amcdatagridpager-inputgroup .input-group {
    border-collapse: collapse;
  }

  .amcdatagrid-headertop-colcenter {
    text-align: center;
  }

  .amcdatagridpager {
    display: table;
    margin: 0 auto;
  }

  .amcdatagridpager-rowgroup {
    display: table-row;
  }

  .amcdatagridpager-inputgroup, .amcdatagridpager-pagesizecont, .amcdatagridpager-pagerinfo, .amcdatagrid-pager-ddlpageSize {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0 2px 0 2px;
  }

  [disabled].btn-amcgridpager, [disabled].btn-amcgridpager:hover, [disabled].btn-amcgridpager:focus {
    filter: alpha(opacity=90);
    background-color: #eee;
    color: Gray;
    opacity: 1;
  }

  .amcdatagridpager-inputgroup > .input-group .input-group-btn > .btn-amcgridpager {
    background-color: #eee;
  }

  .amcdatagrid-sortindex, .amcdatagrid-chevron {
    margin-left: 4px;
  }

  .amcdatagrid-filtercontrol-double, .amcdatagrid-filtercontrol-date, .amcdatagrid-filtercontrol-datetime {
    width: 50%;
  }

    .amcdatagrid-filtercontrol-double:first-child, .amcdatagrid-filtercontrol-date:first-child, .amcdatagrid-filtercontrol-datetime:first-child {
      border-right: 1px solid #ddd;
    }

  table.table.table-condensed.table-amcdatagrid > thead > tr.amcdatagrid-filters > td.amcdatagrid-filter {
    padding: 1px !important;
  }

    table.table.table-condensed.table-amcdatagrid > thead > tr.amcdatagrid-filters > td.amcdatagrid-filter > input {
      box-shadow: inset 0 -1px 0px #ccc;
    }


  .amcwebcontrols-ui-webform-footerwrapper {
    text-align: center;
  }
  /*.amcwebcontrols-ui-webform-footerwrapper > div.*/
  .fixedfooter {
    position: fixed;
    bottom: 0px;
    z-index: 1025;
    background-color: White;
    padding: 4px;
    width: 100%;
    border-top: 1px solid #ddd;
    left: 0px;
    line-height: 0px;
  }

  #wrapper #logoclientrightMobile {
    display: none;
  }

  #wrapper[data-sidemenu-togglestate=close] #sidebar-nav-close-button > i:before {
    content: '\f178';
  }

  #wrapper[data-sidemenu-togglestate=open] #sidebar-nav-close-button > i:before {
    content: '\f177';
  }


  @media(max-width:768px) {

    #wrapper #logoclientrightMobile > img {
      max-width: 100%;
      height: auto;
    }

    #wrapper #logoclientrightMobile {
      display: block;
      width: 120px;
    }

    a.navbar-brand > img {
      max-width: 100%;
      height: auto;
    }

    a.navbar-brand {
      display: block;
      width: 120px;
    }

    #wrapper #logoclientright {
      display: none;
    }
  }

  @media(min-width:768px) {
    #wrapper[data-sidemenu-togglestate=close] #side-menu {
      xdisplay: none;
      width: 48px;
      xtransition: .2s;
      overflow: hidden;
    }

      #wrapper[data-sidemenu-togglestate=close] #side-menu > li > a > span.menuitem-text,
      #wrapper[data-sidemenu-togglestate=close] #side-menu > li > a > span.menuitem-sufix,
      #wrapper[data-sidemenu-togglestate=close] #side-menu > li > ul {
        display: none;
        visibility: hidden;
      }

    #wrapper[data-sidemenu-togglestate=open] #side-menu {
      xdisplay: block;
      width: 280px;
      transition: .2s;
    }

    #wrapper[data-sidemenu-togglestate=close] #sidebar {
      width: 48px;
      transition: width .3s;
    }

    #wrapper[data-sidemenu-togglestate=open] #sidebar {
      width: 280px;
      transition: width .3s;
    }

    #wrapper[data-sidemenu-togglestate=close] #page-wrapper {
      margin-left: 48px;
      transition: .3s;
    }

    #wrapper[data-sidemenu-togglestate=open] #page-wrapper {
      margin-left: 280px;
      transition: .3s;
    }
  }

  #wrapper[data-sidemenu-togglestate=close] #page-footer {
    display: none;
  }

  #page-wrapper[data-togglestate=open] .fixedfooter > .btn-group-centerwrapper > .btn,
  #page-wrapper[data-togglestate=open] .fixedfooter > .amcwebcontrols-btn-holder > .btn,
  #page-wrapper[data-togglestate=close] .fixedfooter > .btn-group-centerwrapper > .btn,
  #page-wrapper[data-togglestate=close] .fixedfooter > .amcwebcontrols-btn-holder > .btn,
  BODY.standalonepage .fixedfooter > .amcwebcontrols-btn-holder > .btn {
    margin-top: 6px;
    margin-bottom: 6px;
  }


  .fixedfooter > .btn-group-centerwrapper,
  .fixedfooter > .amcwebcontrols-btn-holder {
    padding-left: 6px;
    padding-right: 6px;
  }

  @media(min-width:768px) {
    #page-wrapper[data-togglestate=open] .fixedfooter,
    #wrapper[data-sidemenu-togglestate=open] .fixedfooter {
      left: 280px;
      margin-left: 1px;
    }

    #page-wrapper[data-togglestate=close] .fixedfooter,
    #wrapper[data-sidemenu-togglestate=close] .fixedfooter {
      left: 40px;
      margin-left: 1px;
    }

    #page-wrapper[data-togglestate=open] .fixedfooter > .btn-group-centerwrapper,
    #page-wrapper[data-togglestate=open] .fixedfooter > .amcwebcontrols-btn-holder,
    #wrapper[data-sidemenu-togglestate=open] .fixedfooter > .btn-group-centerwrapper,
    #wrapper[data-sidemenu-togglestate=open] .fixedfooter > .amcwebcontrols-btn-holder {
      margin-right: 280px;
      margin-left: 1px;
    }

    #page-wrapper[data-togglestate=close] .fixedfooter > .btn-group-centerwrapper,
    #page-wrapper[data-togglestate=close] .fixedfooter > .amcwebcontrols-btn-holder,
    #wrapper[data-sidemenu-togglestate=close] .fixedfooter > .btn-group-centerwrapper,
    #wrapper[data-sidemenu-togglestate=close] .fixedfooter > .amcwebcontrols-btn-holder {
      margin-right: 40px;
      margin-left: 1px;
    }
  }


  TABLE.amcdatagrid > TBODY > TR > TD {
    xborder-right: 1px solid #f9f9f9;
  }

    TABLE.amcdatagrid > TBODY > TR > TD:last-child {
      border-right: 0 none;
    }

  .amcdatagridpager-pagerbottominfo {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .webformrow-singlecell {
    display: table-cell;
  }

  .webcontrols-ui-rowcontainer {
    border-spacing: 0 !important;
    border-collapse: collapse !important;
    width: 100%;
  }

  HR {
    margin: 10px 0 10px 0;
  }

  /*form-control input-sm input-xs amcdatagrid-pager-tbxpageindex*/
  /*WebForm*/

  /*Jquery UI*/

  .ui-widget-content {
    border: 1px solid #ccc;
    background: white;
    color: Black;
  }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
      border: 0 none;
      border-bottom: 1px solid #ccc;
      background: rgba(243,243,243,.85);
      xfont-weight: bold;
      color: inherit;
    }

  .ui-menu {
    padding: 0px;
  }

    .ui-menu .ui-menu-item {
      margin: 0;
      padding: 0;
      padding: 2px 0.1em;
      line-height: 1.5em;
      width: 100%;
      font-weight: normal;
      /* support: IE10, see #8844 */
      list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
      border-bottom: 1px solid lightgray;
      border-collapse: collapse;
      xwhite-space: nowrap;
    }


  /*autocomplete*/

  .ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    font-size: 1em; /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
  * html .ui-autocomplete {
    height: 200px;
  }
  /*autocomplete*/

  .ui-widget-header {
    background: lightgray;
    border: 1px solid black;
  }

  /*Jquery UI*/



  .bootstrap-checkbox {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

    .bootstrap-checkbox i {
      position: absolute;
      left: -0px;
      top: -0px;
      font-size: 13px;
    }
  /*TODO doladit v gridu*/
  .input-group .input-group-btn .btn-xs {
    display: inline-block;
    padding: 3.2px 5px;
    xborder-radius: 3px;
  }


  .btn-xs:focus,
  .btn-xs:active:focus,
  .btn-xs.active:focus,
  .btn-xs.focus,
  .btn-xs:active.focus,
  .btn-xs.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }

  .btn-xs:hover,
  .btn-xs:focus,
  .btn-xs.focus {
    color: #333;
    text-decoration: none;
  }

  .btn-xs:active,
  .btn-xs.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  }

  .input-group-addon:not(first-child) {
    border-left: 0;
  }

  .btn-group-centerwrapper {
    text-align: center;
  }

  .btn-group-leftwrapper {
    text-align: left;
  }

  .btn-group-rightwrapper {
    text-align: right;
  }

  .table-simple, .table-simple TR TD {
    border: 0 none;
    border-collapse: collapse;
    padding: 1px 2px;
  }

    .table-simple TBODY TR:first-child TD {
      font-weight: bold;
    }

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 6px;
    padding-left: 6px;
  }


  #page-wrapper {
    position: relative;
    padding-top: 5px;
    padding-left: 16px;
    padding-right: 16px;
  }


    #page-wrapper > #page-content {
      xpadding-bottom: 60px;
      background-color: white;
    }

  #page-content {
    padding-left: 0px;
    padding-right: 0px;
    xmin-height: 468px;
  }

  #page-footer {
    z-index: 1000;
    position: absolute;
    bottom: 2px;
    left: 6px;
  }

  .btn-xs,
  .btn-group-xs > .btn {
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    xmargin-bottom: 2px;
  }

  .webformcontrolgroup-inline {
  }

  .input-group {
    display: inline-table;
    vertical-align: middle;
  }

    .input-group > .input-group-btn {
      position: relative;
      font-size: inherit;
      white-space: nowrap;
    }

  /*
.webformcontrolgroup-inline .input-group
{
  display: inline-table;
  vertical-align: middle;
}
*/

  #sidebar-nav-close-button {
    font-weight: bold;
    padding: 6px 17px 6px 17px;
    border-bottom: 1px solid #e7e7e7;
    color: #f2f2f2;
    display: block;
    cursor: pointer;
    text-align: right;
  }

  /*#sidebar-nav-close-button {
  display: none;
}*/

  @media(max-width:768px) {
    #sidebar-nav-close-button {
      display: none;
    }

    #page-footer {
      display: none;
    }
  }

  .webformpanel,
  .amcwebform > .amcwebform-col > .panel {
    border: 0 none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 6px;
  }



    .login-panel > .panel-heading,
    .webformpanel > .webformpanel-heading {
      background-color: transparent;
      padding-top: 6px;
      padding-bottom: 6px;
    }


      .webformpanel > .webformpanel-heading > h3,
      .webformpanel-heading > h3,
      .webformpanel > .webformpanel-heading > h4,
      .webformpanel-heading > h4,
      .webformpanel-title,
      .amcwebform > .amcwebform-col > .panel > .panel-heading > h3,
      .amcwebform > .amcwebform-col > .panel > .panel-heading > h4,
      .amcwebform > .amcwebform-col > .panel > .panel-heading > .panel-title,
      .amcwebform > .amcwebform-col > .panel > .panel-heading,
      .webform-panel-title,
      .login-panel .panel-title {
        text-transform: uppercase;
        background-color: transparent;
      }

  .webformpanel-heading > .webformpanel-title > a {
    text-decoration: none;
  }

    .webformpanel-heading > .webformpanel-title > a > i {
      display: none;
    }

    .webformpanel-heading > .webformpanel-title > a.collapsed > i.fa-caret-down {
      display: initial;
    }

    .webformpanel-heading > .webformpanel-title > a:not(.collapsed) > i.fa-caret-up {
      display: initial;
    }

  /*@media(max-width:768px) {

  .webformpanel.webformpanel-autohide-md[data-paneltoggle=collapse] > .panel-collapse {
    display: none;
  }

  .panel[data-paneltoggle=collapse] .webformpanel-heading > .webformpanel-title > a.collapsed > i.fa-caret-down {
    display: initial;
  }

  .panel[data-paneltoggle=collapse] .webformpanel-heading > .webformpanel-title > a.collapsed > i.fa-caret-up {
    display: none;
  }

}*/

  .webform-panel-title {
    font-size: 18px;
  }

  .amcwebform > .amcwebform-col > .panel > .panel-body,
  .webformpanel > .panel-body {
    padding: 10px 6px 8px 6px;
  }

  .amcwebform > .amcwebform-col > .panel > .panel-body {
    padding: 8px 4px 8px 4px;
  }

  .DataGrid TR TD,
  .amcdatagrid tr td,
  .table-datagrid tr td,
  .webformpanel tr td,
  .table-amcdatagrid tr td {
    border: 0 none; /*Resit pripadne na konkretnim miste, toto zrusi vychozi nastaveni ktere se prebira z tabulky*/
  }

  .table-datagrid > tbody > TR:first-child > td {
    border-bottom: 2px solid #eceeef;
    border-top: 0;
    font-weight: bold;
  }

  .table-amcdatagrid > thead > TR.amcdatagrid-header > td {
    border-bottom: 2px solid #eceeef;
    border-top: 0;
    font-weight: bold;
  }

  .table-amcdatagrid > tfoot > TR:first-child > td {
    border-top: 2px solid #eceeef;
    border-bottom: 0;
    font-weight: bold;
  }

  /*
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef;
}
.thead-inverse th {
    color: #fff;
    background-color: #373a3c;
}*/

  legend {
    font-size: inherit;
  }

  .article-preview-img {
    float: left;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    margin-right: 10px;
  }


  .amcdatagrid-footerbottom-left, .amcdatagrid-headertopbutton-left {
    display: inline-block;
    clear: none;
    float: left;
    padding: 5px 0 5px 0;
    margin-right: 4px;
    xwhite-space: nowrap;
  }

  .amcdatagrid-footerbottom-right, .amcdatagrid-headertopbutton-right {
    display: inline-block;
    clear: none;
    float: left;
    padding: 5px 0 5px 0;
    xmargin-left: 8px;
  }

  .amcdatagrid-pages-ddlpageSize {
  }

  .navbar-applname {
    float: right !important;
    padding-right: 15px;
    line-height: 50px;
    font-weight: bold;
  }

  .nav > li > a.administratecontrol {
    position: inherit;
    display: inline;
    padding: 0px 0px;
  }

  .nav-tabs > li.active > a.administratecontrol,
  .nav-tabs > li.active > a.administratecontrol:hover,
  .nav-tabs > li.active > a.administratecontrol:focus {
    color: inherit;
    cursor: inherit;
    background-color: inherit;
    border: 0 none;
    border-bottom-color: inherit;
  }

  .nav-tabs > li > a.administratecontrol {
    margin-right: 0px;
    line-height: inherit;
    border: 0 none;
    border-radius: 0 0 0 0;
  }

  .DataGrid TD, .DataGrid TH {
    padding: 4px;
  }


  #page-wrapper {
    position: relative;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  #page-content {
    xpadding-bottom: 0px;
  }

  .amcwebform > .amcwebform-col > DIV.panel {
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 30px;
  }

    .amcwebform > .amcwebform-col > DIV.panel > .panel-body {
    }

  .amcwebform {
    xbackground-color: Black;
    margin-right: -10px;
    margin-left: -10px;
  }



  #page-bottomgradient {
    height: 40px;
    background: White;
    background: -webkit-linear-gradient(White, transparent); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(White, transparent); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(White, transparent); /* For Firefox 3.6 to 15 */
    background: linear-gradient(White, transparent); /* Standard syntax */
  }


  .timeline {
    padding-left: 16px;
    padding-right: 16px;
  }

  .ArticleWrapper {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 5px;
    background-color: White;
  }

  #page-content > .row > .col-lg-12 > .ArticleWrapper {
    padding-bottom: 45px;
  }

  .ArticleListWrapper {
    background-color: White;
  }

  .ArticleContent {
  }

  #page-content > .row {
    margin: 0px;
  }


    #page-content > .row > .col-lg-12 {
      padding-left: 0px;
      padding-right: 0px;
    }

  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
    cursor: not-allowed;
  }

  .article-title {
    border-bottom: 1px solid #ddd;
  }


  .approvewf-approver-wraper {
    text-align: center;
    vertical-align: top;
  }

  .approvewf-approver-item {
    display: inline-block;
    width: 285px;
    text-align: left;
    min-width: 240px;
  }

    .approvewf-approver-item .webcontrols-ui-rowcontainer {
      width: 100%;
    }


  .webformrow-rightcell > .layouttable > .row {
    margin: 0 0 0 0;
  }

    .webformrow-rightcell > .layouttable > .row > DIV {
      padding: 0 0 0 0;
    }

  .modal-fix-md {
    width: 768px;
  }

  @media (max-width: 460px) {
    .approvewf-approver-item {
      width: 100%;
    }
  }

  @media (max-width: 768px) {
    .modal-fix-md {
      width: 98%;
    }

    .modal-dialog {
      margin: 4px auto;
    }
  }

  @media (min-width: 768px) {

    .webformrow-rightcell > .layouttable > .row > DIV {
      padding-bottom: 0px;
    }

    .modal-lg {
      width: 100%;
      margin: 5px auto;
    }

    .webformrow-rightcell > .layouttable > .row > DIV.col-sm-3,
    .webformrow-rightcell > .layouttable > .row > DIV.col-sm-4,
    .webformrow-rightcell > .layouttable > .row > DIV.col-sm-5,
    .webformrow-rightcell > .layouttable > .row > DIV.col-sm-6,
    .webformrow-rightcell > .layouttable > .row > DIV.col-xs-3,
    .webformrow-rightcell > .layouttable > .row > DIV.col-xs-4,
    .webformrow-rightcell > .layouttable > .row > DIV.col-xs-5,
    .webformrow-rightcell > .layouttable > .row > DIV.col-xs-6 {
      padding-right: 2px;
    }

      .webformrow-rightcell > .layouttable > .row > DIV.col-sm-6:last-child,
      .webformrow-rightcell > .layouttable > .row > DIV.col-xs-6:last-child {
        padding-right: 0px;
      }

    #side-menu {
      padding-bottom: 40px;
    }
  }

  @media (min-width: 992px) {
    .modal-lg {
      width: 99%;
    }



    .webformrow-rightcell > .layouttable > .row > DIV.col-md-3,
    .webformrow-rightcell > .layouttable > .row > DIV.col-md-4,
    .webformrow-rightcell > .layouttable > .row > DIV.col-md-5,
    .webformrow-rightcell > .layouttable > .row > DIV.col-md-6,
    .webformrow-rightcell > .layouttable > .row > DIV.col-sm-3,
    .webformrow-rightcell > .layouttable > .row > DIV.col-sm-4,
    .webformrow-rightcell > .layouttable > .row > DIV.col-sm-5,
    .webformrow-rightcell > .layouttable > .row > DIV.col-sm-6,
    .webformrow-rightcell > .layouttable > .row > DIV.col-xs-3,
    .webformrow-rightcell > .layouttable > .row > DIV.col-xs-4,
    .webformrow-rightcell > .layouttable > .row > DIV.col-xs-5,
    .webformrow-rightcell > .layouttable > .row > DIV.col-xs-6 {
      padding-right: 2px;
    }

      .webformrow-rightcell > .layouttable > .row > DIV.col-md-6:last-child,
      .webformrow-rightcell > .layouttable > .row > DIV.col-sm-6:last-child,
      .webformrow-rightcell > .layouttable > .row > DIV.col-xs-6:last-child {
        padding-right: 0px;
      }
  }

  @media (min-width: 1200px) {
    .modal-lg {
      width: 99%;
    }


    .webformrow-rightcell > .layouttable > .row > DIV.col-lg-3,
    .webformrow-rightcell > .layouttable > .row > DIV.col-lg-4,
    .webformrow-rightcell > .layouttable > .row > DIV.col-lg-5,
    .webformrow-rightcell > .layouttable > .row > DIV.col-lg-6,
    .webformrow-rightcell > .layouttable > .row > DIV.col-md-3,
    .webformrow-rightcell > .layouttable > .row > DIV.col-md-4,
    .webformrow-rightcell > .layouttable > .row > DIV.col-md-5,
    .webformrow-rightcell > .layouttable > .row > DIV.col-md-6,
    .webformrow-rightcell > .layouttable > .row > DIV.col-sm-3,
    .webformrow-rightcell > .layouttable > .row > DIV.col-sm-4,
    .webformrow-rightcell > .layouttable > .row > DIV.col-sm-5,
    .webformrow-rightcell > .layouttable > .row > DIV.col-sm-6,
    .webformrow-rightcell > .layouttable > .row > DIV.col-xs-3,
    .webformrow-rightcell > .layouttable > .row > DIV.col-xs-4,
    .webformrow-rightcell > .layouttable > .row > DIV.col-xs-5,
    .webformrow-rightcell > .layouttable > .row > DIV.col-xs-6 {
      padding-right: 2px;
    }

      .webformrow-rightcell > .layouttable > .row > DIV.col-lg-6:last-child,
      .webformrow-rightcell > .layouttable > .row > DIV.col-md-6:last-child,
      .webformrow-rightcell > .layouttable > .row > DIV.col-sm-6:last-child,
      .webformrow-rightcell > .layouttable > .row > DIV.col-xs-6:last-child {
        padding-right: 0px;
      }
  }

  @media (min-width: 1400px) {
    .modal-lg {
      width: 99%;
    }
  }

  @media (min-width: 1600px) {
    .modal-lg {
      width: 99%;
    }
  }

  @media (min-width: 1800px) {
    .modal-lg {
      width: 99%;
    }
  }



  .modal-header button {
    margin-left: 10px;
  }

  .modal-header.close {
    font-size: 18px;
  }

  .modal-header {
    min-height: 56px;
    xpadding-bottom: 15px;
    xpadding-top: 15px;
  }

    .modal-header .close {
      margin-top: 0px;
    }

  #amcWebControlsModalDialogFrame {
    width: 100%;
    border: 0 none;
    margin: 0;
    padding: 0;
    outline: 0;
  }


  .btn-sq-lg {
    width: 150px !important;
    height: 150px !important;
    margin-bottom: 5px;
  }

  .btn-sq {
    width: 100px !important;
    height: 100px !important;
    font-size: 10px;
  }

  .btn-sq-sm {
    width: 50px !important;
    height: 50px !important;
    font-size: 10px;
  }

  .btn-sq-xs {
    width: 25px !important;
    height: 25px !important;
    padding: 2px;
  }

  #navbartoprightUserInfo {
    padding-left: 8px;
    line-height: 50px;
  }

  .navbar-brand {
    padding: 0px 0px 0px 15px;
    line-height: 50px;
  }

    .navbar-brand IMG {
      margin: auto;
      vertical-align: middle;
      display: inline-block;
    }

  .page-footer-logoAfm {
    height: 15px;
  }

  .nav-logoclientright {
    padding: 0px 15px 0px 0px;
    float: right;
    clear: none;
    content: normal;
    line-height: 50px;
  }

    .nav-logoclientright img {
      margin: auto;
      vertical-align: middle;
      display: inline-block;
    }

  .errorText {
    color: #8a6d3b !important;
  }

  .warningText {
    color: #a94442 !important;
  }

  .successText {
    color: #3c763d !important;
  }

  .panel-default > .emptytitle {
    padding: 0;
    border-bottom: 0 none;
  }

  .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #23527c;
  }

    .btn-primary:hover {
      color: #fff;
      background-color: #23527c;
      border-color: #004444;
    }

    .btn-primary:focus,
    .btn-primary.focus {
      color: #fff;
      background-color: #23527c;
      border-color: #002222;
    }

    .btn-primary:hover {
      color: #fff;
      background-color: #23527c;
      border-color: #004444;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
      color: #fff;
      background-color: #23527c;
      border-color: #004444;
    }

      .btn-primary:active:hover,
      .btn-primary.active:hover,
      .open > .dropdown-toggle.btn-primary:hover,
      .btn-primary:active:focus,
      .btn-primary.active:focus,
      .open > .dropdown-toggle.btn-primary:focus,
      .btn-primary:active.focus,
      .btn-primary.active.focus,
      .open > .dropdown-toggle.btn-primary.focus {
        color: #fff;
        background-color: #23527c;
        border-color: #002222;
      }

  .btn-lg-iconleft, .btn-lg-iconright {
    line-height: 1.3333333;
  }

  .btn-md-iconleft, .btn-md-iconright {
    xline-height: 1.3333333;
  }

  .btn-sm-iconleft, .btn-sm-iconright {
    line-height: 1.5;
  }

  .btn-xs-iconleft, .btn-xs-iconright {
    line-height: 1.5;
  }

  .btn-lg-iconright-absolute,
  .btn-lg-iconleft-absolute,
  .btn-md-iconright-absolute,
  .btn-md-iconleft-absolute,
  .btn-sm-iconright-absolute,
  .btn-sm-iconleft-absolute,
  .btn-xs-iconright-absolute,
  .btn-xs-iconleft-absolute {
    position: absolute;
    xtop: 50%;
    xtransform: translateY(-50%);
  }

  .btn-lg-iconright-absolute,
  .btn-md-iconright-absolute,
  .btn-sm-iconright-absolute,
  .btn-xs-iconright-absolute {
    right: 1.2em;
  }


  .btn-lg-iconleft-absolute,
  .btn-md-iconleft-absolute,
  .btn-sm-iconleft-absolute,
  .btn-xs-iconleft-absolute {
    left: 1.2em;
  }

  /*.btn-lg-iconleft-absolute {
    left: 27px;
  }

  .btn-lg-iconright-absolute {
    right: 27px;
  }*/


  .bs-wizard {
    margin-top: 40px;
    padding: 0 0 10px 0;
  }

    .bs-wizard > .bs-wizard-step {
      padding: 0;
      position: relative;
    }

      .bs-wizard > .bs-wizard-step + .bs-wizard-step {
      }

      .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
        color: #595959;
        font-size: 16px;
        margin-bottom: 5px;
      }

      .bs-wizard > .bs-wizard-step .bs-wizard-info {
        color: #999;
        font-size: 14px;
      }

      .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
        position: absolute;
        width: 30px;
        height: 30px;
        display: block;
        background: #337ab7;
        top: 45px;
        left: 50%;
        margin-top: -15px;
        margin-left: -15px;
        border-radius: 50%;
      }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
          content: ' ';
          width: 14px;
          height: 14px;
          background: #23527c;
          border-radius: 50px;
          position: absolute;
          top: 8px;
          left: 8px;
        }

      .bs-wizard > .bs-wizard-step > .progress {
        position: relative;
        border-radius: 0px;
        height: 8px;
        box-shadow: none;
        margin: 20px 0;
      }

        .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
          width: 0px;
          box-shadow: none;
          background: #337ab7;
        }

      .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
        width: 100%;
      }

      .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
        width: 50%;
      }

      .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
        width: 0%;
      }

      .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
        width: 100%;
      }

      .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
        background-color: #f5f5f5;
      }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
          opacity: 0;
        }

      .bs-wizard > .bs-wizard-step:first-child > .progress {
        left: 50%;
        width: 50%;
      }

      .bs-wizard > .bs-wizard-step:last-child > .progress {
        width: 50%;
      }

      .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
        pointer-events: none;
      }


  .amc-red {
    color: tomato !important;
  }

  .amc-yellow {
    color: #fccf4b !important;
  }

  .amc-orange {
    color: orange !important;
  }

  .amc-green {
    color: forestgreen !important;
  }

  .amc-purple {
    color: purple !important;
  }

  .amc-blue {
    color: cornflowerblue !important;
  }

  .amc-black {
    color: black !important;
  }

  #side-menu li a {
    padding-left: 4px;
  }

  #side-menu .nav-second-level li a {
    padding-left: 14px;
  }

  #side-menu .nav-second-level li {
    border-bottom: 0;
  }

    #side-menu .nav-second-level li:last-child {
      border-bottom: 1px solid #e7e7e7;
    }

    #side-menu .nav-second-level li > ul > li > a {
      padding-left: 24px;
    }

    #side-menu .nav-second-level li > ul > li {
      border-bottom: 0;
    }

      #side-menu .nav-second-level li > ul > li > ul > li > a {
        padding-left: 34px;
      }

      #side-menu .nav-second-level li > ul > li > ul > li > ul > li > a {
        padding-left: 44px;
      }

      #side-menu .nav-second-level li > ul > li > ul > li {
        border-bottom: 0;
      }

  .menuitemtext {
    display: inline-block;
    margin-right: 0.75em;
  }

  #side-menu li a div.menuitemtext {
    margin-left: 27px;
  }

  #side-menu li a.hasIcon div.menuitemtext {
    margin-left: 4px;
  }

  #side-menu li.active, #side-menu .nav-second-level li.active {
    border-bottom: 0px;
  }

  .webcontrols-ui-row-leftcell-mandatory {
    color: inherit;
  }

    .webcontrols-ui-row-leftcell-mandatory::after {
      content: "*";
    }

  .amcpager {
    margin: 10px 0 10px 0;
  }

    .amcpager DIV.recordsinfo {
      display: inline-block;
      font-size: 12px;
      line-height: 1.5;
    }

  .row {
    margin-right: 0px;
    margin-left: 0px;
  }

  .amcwebform > .amcwebform-col > DIV.panel {
    padding-left: 4px;
    padding-right: 4px;
  }

  @media(max-width:767px) {
    ul.timeline > li > .timeline-badge {
      top: 16px;
      left: 0px;
      margin-left: 0;
    }

    .amcwebform > .amcwebform-col > DIV.panel {
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
    }

      .amcwebform > .amcwebform-col > DIV.panel > .panel-heading {
        padding: 6px 10px;
      }

        .amcwebform > .amcwebform-col > DIV.panel > .panel-heading #panelMenuButton {
          display: none;
        }

    #amcWebControlsModalDialog > .modal-content > .modal-header {
      padding: 8px 15px;
      min-height: unset;
    }

    #amcWebControlsModalDialog > .modal-content > .modal-footer {
      padding: 4px 15px;
    }
  }

  .panel-body {
    padding: 15px 5px 15px 5px;
  }

  .page403-errormsg {
    padding: 1em;
    font-size: 18pt;
    color: orange;
    text-align: center;
  }


  .page404-errormsg {
    padding: 1em;
    font-size: 18pt;
    color: red;
    text-align: center;
  }


  .page500-errormsg {
    padding: 1em;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
  }

  .page500-errormsgdescription {
    font-size: 10pt;
    text-align: center;
  }

  .dmsTree {
    padding: 0;
  }

    .dmsTree .list-group-item:first-child {
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
    }

    .dmsTree .list-group-item:last-child {
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
    }

  .dmsTree-header {
    padding: 10px 15px;
    font-weight: bold;
    border-bottom: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
  }

  .dmsDocumentList {
    padding: 0;
    xmargin-bottom: 20px;
  }

  .documentList-header {
    padding: 10px 15px;
    font-weight: bold;
    border-bottom: 1px solid #e7e7e7;
  }


  .dmsDocumentList-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
  }

  .documentList {
  }

  .modal-body {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-y: auto;
  }


  @media screen and (max-width: 767px) {
    .table-responsive {
      overflow-y: hidden !important;
    }
  }

  .webformdatacontrol-validationstatus-success {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  }

  .webformdatacontrol-validationstatus-warning {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  }

  .webformdatacontrol-validationstatus-error {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  }

  .nav-menuItemText {
    margin-right: 10px;
  }


  .webcontrols-ui-datacontrol-tristate-text {
    padding-left: .5em;
  }

  TABLE.tablewidthauto {
    width: auto;
  }

  .panel-decription {
    color: #337ab7;
    xpadding-left: 0.5em;
  }

  .panel-hideheading {
  }

    .panel-hideheading .panel-heading {
      display: none;
    }

  .panel-heading .panel-title {
    display: inline-block;
    margin-right: 0.5em;
  }

  .webformrow-titlebold {
  }

    .webformrow-titlebold .webformrow-leftcell {
      font-weight: bold;
    }

  .col-nopadding {
    padding: 0 0 0 0;
  }

  @media (min-width: 992px) {
    .modal-md {
      width: 750px;
    }
  }

  .panel-heading > div > ul.nav-langs li:last-child {
    margin-right: 5px;
  }


  .login-custtitle {
    text-align: center;
    font-weight: bold;
    font-size: 1.8em;
    margin-top: 1.8em;
  }

  .login-panel, .defaultpagemenu-panel {
    margin-top: 10%;
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    -webkit-box-shadow: none;
  }

    .login-panel .panel-heading {
      background-color: transparent;
    }

      .login-panel .panel-heading .panel-title {
        background-color: transparent;
      }

  .panel-application-title {
    text-align: center;
    font-weight: bold;
    font-size: 1.8em;
    margin-top: 1em;
  }

  .panel-application-description {
    text-align: center;
    font-size: 1em;
    margin-top: 0.2em;
  }

  .modal-body {
    padding: 6px 3px 6px 3px;
  }

  #RequestProgressPopup_Progress {
    margin-left: 10px;
    margin-right: 10px;
  }

  #RequestProgressPopup_StatusMessage, #RequestProgressPopup_TimeRemainingMessage /*, #RequestProgressPopup_ProgressBar  #RequestProgressPopup_Progress*/ {
    padding-left: 10px;
    padding-right: 10px;
  }

  #RequestProgressPopup_StatusMessages {
    overflow: auto;
    min-height: 200px;
    max-height: 600px;
  }

  .webform-statusmesssage-item {
    padding-left: 10px;
    padding-right: 10px;
  }



  .amcdatagrid-rendertype-desktop-btn {
    display: none;
  }

  @media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    .no-more-tables > table,
    .no-more-tables > table > thead,
    .no-more-tables > table > tbody,
    .no-more-tables th,
    .no-more-tables > table > tbody > tr > td,
    .no-more-tables > table > tbody > tr,
    .no-more-tables > table > thead > tr.amcdatagrid-filters,
    .no-more-tables > table > thead > tr.amcdatagrid-filters > td {
      display: block;
    }

      /* Hide table headers (but not display: none;, for accessibility) */
      .no-more-tables > table > thead > tr.amcdatagrid-header,
      .no-more-tables > table > thead > tr.amcdatagrid-filters { /*TODO*/
        position: absolute;
        top: -9999px;
        left: -9999px;
      }

      .no-more-tables > table > tbody > tr,
      .no-more-tables > table > thead > tr.amcdatagrid-filters {
        border-bottom: 1px solid #ccc;
        margin-bottom: .625em;
      }

        .no-more-tables > table > tbody > tr:last-child, .no-more-tables > table > tbody > tr:last-child td {
          border-bottom: 0 none;
        }

        .no-more-tables > table > tbody > tr > td,
        .no-more-tables > table > thead > tr.amcdatagrid-filters > td {
          /* Behave like a "row" */
          border: none;
          border-bottom: 1px solid #eee;
          position: relative;
          padding-left: 50%;
          white-space: normal;
          text-align: left;
          min-height: 1.5em;
        }

          .no-more-tables > table > tbody > tr > td:before,
          .no-more-tables > table > thead > tr.amcdatagrid-filters > td:before {
            /* Now like a table header */
            position: absolute;
            float: left;
            /* Top/left values mimic padding */
            xtop: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
          }

          /*
        Label the data
        */
          .no-more-tables > table > tbody > tr > td:before,
          .no-more-tables > table > thead > tr.amcdatagrid-filters > td:before {
            content: attr(data-title);
          }

      .no-more-tables > table > thead .amcdatagrid-rendertype-mobile-btn, .no-more-tables > table > tfoot .amcdatagrid-rendertype-mobile-btn {
        display: none;
      }

      .no-more-tables > table > thead .amcdatagrid-rendertype-desktop-btn, .no-more-tables > table > tfoot .amcdatagrid-rendertype-desktop-btn {
        display: inline-block;
      }
  }


  /* Force table to not be like tables anymore */
  .no-more-tables-force > table,
  .no-more-tables-force > table > thead,
  .no-more-tables-force > table > tbody,
  .no-more-tables-force th,
  .no-more-tables-force > table > tbody > tr > td,
  .no-more-tables-force > table > tbody > tr,
  .no-more-tables-force > table > thead > tr.amcdatagrid-filters,
  .no-more-tables-force > table > thead > tr.amcdatagrid-filters > td {
    display: block;
  }

    /* Hide table headers (but not display: none;, for accessibility) */
    .no-more-tables-force > table > thead > tr.amcdatagrid-header,
    .no-more-tables-force > table > thead > tr.amcdatagrid-filters { /*TODO*/
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

    .no-more-tables-force > table > tbody > tr,
    .no-more-tables-force > table > thead > tr.amcdatagrid-filters {
      border-bottom: 1px solid #ccc;
      margin-bottom: .625em;
    }

      .no-more-tables-force > table > tbody > tr:last-child, .no-more-tables-force > table > tbody > tr:last-child td {
        border-bottom: 0 none;
      }

      .no-more-tables-force > table > tbody > tr > td,
      .no-more-tables-force > table > thead > tr.amcdatagrid-filters > td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
        min-height: 1.5em;
      }

        .no-more-tables-force > table > tbody > tr > td:before,
        .no-more-tables-force > table > thead > tr.amcdatagrid-filters > td:before {
          /* Now like a table header */
          position: absolute;
          float: left;
          /* Top/left values mimic padding */
          xtop: 6px;
          left: 6px;
          width: 45%;
          padding-right: 10px;
          white-space: nowrap;
          text-align: left;
          font-weight: bold;
        }

        /*
  Label the data
  */
        .no-more-tables-force > table > tbody > tr > td:before,
        .no-more-tables-force > table > thead > tr.amcdatagrid-filters > td:before {
          content: attr(data-title);
        }

    .no-more-tables-force > table > thead .amcdatagrid-rendertype-mobile-btn, .no-more-tables-force > table > tfoot .amcdatagrid-rendertype-mobile-btn {
      display: none;
    }

    .no-more-tables-force > table > thead .amcdatagrid-rendertype-desktop-btn, .no-more-tables-force > table > tfoot .amcdatagrid-rendertype-desktop-btn {
      display: inline-block;
    }






  .table > thead > tr > th.va-middle,
  .table > tbody > tr > th.va-middle,
  .table > tfoot > tr > th.va-middle,
  .table > thead > tr > td.va-middle,
  .table > tbody > tr > td.va-middle,
  .table > tfoot > tr > td.va-middle {
    vertical-align: middle;
  }


  .dropdown-menu > li > .likeanchor {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
  }




    .dropdown-menu > li > .likeanchor:hover,
    .dropdown-menu > li > .likeanchor:focus {
      color: #262626;
      text-decoration: none;
      background-color: #f5f5f5;
    }

  .dropdown-menu > .active > .likeanchor,
  .dropdown-menu > .active > .likeanchor:hover,
  .dropdown-menu > .active > .likeanchor:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
  }

  .input-group-addon-passwordeye {
    cursor: pointer;
  }


  .nav-tabs > li.amctab-custom-font-color > a {
    opacity: 0.8;
  }

  .nav-tabs > li > a:hover {
    opacity: 1;
  }

  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus {
    opacity: 1;
  }


  .amc-control-multitext-item-remove, .amc-control-multibind-item-remove {
    opacity: 0.8;
  }

    .amc-control-multitext-item-remove:hover, .amc-control-multibind-item-remove:hover {
      opacity: 1;
    }

  .amc-control-multitext-item-text, .amc-control-multibind-item-text {
    padding-left: 4px;
  }

  .amc-control-multibind-title {
    font-weight: bold;
    padding-left: 2px;
  }

  .amc-control-multibind > hr:first-of-type {
    display: none;
  }


  .amc-control-blinking-text {
    animation-name: blinkingText;
    animation-duration: 0.75s;
  }

  .table-width-auto {
    width: auto;
  }

  @keyframes blinkingText {
    0% {
    }

    25% {
      font-weight: bold;
    }

    50% {
      font-weight: bold;
    }

    60% {
      font-weight: bold;
    }

    100% {
    }
  }

  div.Alstanet-Amc-ListItemLoading {
    text-align: center;
  }

  div.Alstanet-Amc-ListItemLoad {
    text-align: center;
    font-weight: bold;
    xcolor: tomato;
  }


  .panel-heading .panel-appname {
    text-align: center;
    display: block;
    font-weight: bold;
  }

  .tooltip-nowrap {
    white-space: nowrap;
  }

  .tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1;
  }

  .tooltip-inner {
    max-width: 600px;
    color: #000;
    text-align: inherit;
    background-color: #fff;
    border: 1px solid #ddd;
  }

  .tooltip.top .tooltip-arrow {
    border-top-color: #555;
  }

  .tooltip.top-left .tooltip-arrow {
    border-top-color: #555;
  }

  .tooltip.top-right .tooltip-arrow {
    border-top-color: #555;
  }

  .tooltip.right .tooltip-arrow {
    border-right-color: #555;
  }

  .tooltip.left .tooltip-arrow {
    border-left-color: #555;
  }

  .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000;
  }

  .tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #555;
  }

  .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #555;
  }

  .attachment-viewer {
    display: table;
    width: 100%;
  }

  .attachmentlistviewer-header {
    padding: 8px 15px;
    min-height: unset;
  }

  .attachment-viewer-header {
    xfloat: right;
    width: 130px;
    display: table-cell;
    vertical-align: top;
    padding: 22px 8px 0px 8px;
  }

  .attachment-viewer-header-cont {
    overflow: hidden;
    overflow-y: scroll;
    vertical-align: top;
  }
  /*
@media (max-width: 800px) {
  .attachment-viewer-header {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }
}*/

  .attachment-viewer-frame {
    border: 0 none;
    xfloat: left;
    xwidth: 768px;
    display: table-cell;
    width: 100%;
  }




  .attachment-viewer-item {
    padding: 0 6px;
    margin: 6px 2px;
    display: inline-block;
    border: 1px solid #ddd;
    width: 90px;
    border-radius: 2px;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }

    .attachment-viewer-item .item-header {
      line-height: 1.4;
      overflow: hidden;
      padding: 2px 0px;
    }

    .attachment-viewer-item .item-header-title {
      white-space: nowrap;
    }

    .attachment-viewer-item:hover, .attachment-viewer-item.active {
      border-color: #66afe9;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }


    .attachment-viewer-item .item-header {
      line-height: 1.4;
      overflow: hidden;
      padding: 2px 0px;
    }

    .attachment-viewer-item .item-icon {
      font-size: 36px;
      vertical-align: central;
      text-align: center;
      padding: 10px 0px;
      opacity: 0.4;
      height: 80px;
    }

      .attachment-viewer-item .item-icon.content {
        background-color: white;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
        opacity: 1;
      }

  .attachmentlistviewer-dialog {
    width: 94%;
  }

  @media (max-width: 999px) {
    .attachmentlistviewer-dialog {
      margin: 4px auto;
      width: unset;
    }
  }

  .attachment-list {
  }

  .attachment-list-item {
    padding: 0 6px;
    margin: 6px 2px;
    display: inline-block;
    border: 1px solid #ddd;
    max-width: 90px;
    min-width: 70px;
    width: 19.99999%;
    /*max-width: 120px;
  min-width: 100px;
  width: 23.999999%;*/
    border-radius: 2px;
    position: relative;
    vertical-align: top;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    color: #555;
  }


  @media (max-width: 768px) {
    .attachment-list-item {
      width: 22.99999%;
      max-width: unset;
      min-width: unset;
    }
  }


  .attachment-list.listtype .attachment-list-item {
    display: block;
    max-width: none;
    min-width: unset;
    width: 100%;
    margin: 0px;
    margin-bottom: 4px;
    margin-top: 4px;
    border: 0 none;
    border-radius: 0px;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-right-radius: 2px;
  }

  .attachment-list .attachment-list-item[amc-control-viewer-enable="true"] {
    cursor: pointer;
  }

  .attachment-list-item:hover {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  }

  .attachment-list.listtype .attachment-list-item:hover {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  }

  .attachment-list-item .item-header {
    line-height: 1.4;
    overflow: hidden;
    padding: 2px 0px;
  }

  .attachment-list-item .item-header-title {
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    overflow-x: hidden;
    max-width: 70px;
  }

  .attachment-list.listtype .attachment-list-item .item-header-title {
    padding-left: 18px;
    font-size: 12px;
    max-width: 80%;
  }

  .attachment-list .attachment-list-item .item-header-info, .attachment-viewer-item .item-header-info {
    display: none;
  }

  .attachment-list.listtype .attachment-list-item .item-header-info {
    display: block;
    padding-left: 18px;
    font-size: 8px;
  }


  .attachment-list-item .item-icon {
    font-size: 36px;
    vertical-align: central;
    text-align: center;
    xpadding: 10px 0px;
    opacity: 0.4;
    height: 80px; /*116*/
  }

  .attachment-list.listtype .attachment-list-item .item-icon {
    font-size: inherit;
    vertical-align: central;
    text-align: center;
    padding: 0px 0px;
    opacity: 0.4;
    position: absolute;
    top: 2px;
    left: 4px;
    height: auto;
  }

  .attachment-list-item .item-icon.content {
    background-color: white;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    opacity: 1;
  }

  .attachment-list.listtype .attachment-list-item .item-icon.content {
    background-color: transparent;
    height: 16px;
    width: 16px;
  }

  .attachment-list-item .item-vieweractive {
    display: none;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 100;
    opacity: 0.2;
  }

  .attachment-list.listtype .attachment-list-item .item-vieweractive {
    right: unset;
    left: 4px;
    top: 2px;
  }

  .attachment-list-item.selected [amc-control-type="selector"] {
    xdisplay: block;
    color: tomato;
  }

  .attachment-list-item[amc-control-viewer-enable="true"]:hover .item-vieweractive {
    xdisplay: block;
  }

  .attachment-list .attachmentList-item-info {
    display: none;
  }

  .attachment-list.listtype .attachmentList-item-info {
    display: inline-block;
  }

  .attachment-list-item .item-icon:hover {
  }

  .attachment-list-header {
    margin: 2px;
  }

  .attachment-list-header-item {
    display: inline-block;
    margin: 0 6px;
    cursor: pointer;
    float: left;
  }

    .attachment-list-header-item.right {
      float: right;
    }

    .attachment-list-header-item.active, .attachment-list-header-item:hover, .attachment-list-header-item:focus {
      color: #23527c;
    }

  .item-menu-bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    xpadding: 6px;
  }

  .attachment-list.listtype .item-menu-bottom {
    bottom: auto;
    left: auto;
    top: 0px;
    right: 0px;
    width: auto;
  }

  .item-menu-bottom-item {
    width: 50%;
    text-align: center;
    color: #555;
    display: inline-block;
    xopacity: 0.4;
    xxbackground-color: #000;
    cursor: pointer;
    padding: 3px 0px;
    opacity: 1;
    background-color: #eee;
    xbackground-color: white;
  }

  /*padding: 4px 4px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;*/

  .attachment-list.listtype .item-menu-bottom-item {
    width: 2em;
    padding: 2px 0px;
    opacity: 1;
    xbackground-color: #eee;
    height: 32px;
    line-height: 28px;
    xborder: 1px solid #ccc;
    border-left: 0 none;
    border-right: 0 none;
    background-color: transparent;
  }

    .attachment-list.listtype .item-menu-bottom-item:first-child {
      xborder-left: 1px solid #ccc;
    }

    .attachment-list.listtype .item-menu-bottom-item:last-child {
      border-right: 1px solid #ccc;
    }

    .attachment-list.listtype .item-menu-bottom-item .fa-lg {
      font-size: inherit;
      line-height: inherit;
      vertical-align: inherit;
    }

  .item-menu-bottom-item:hover {
    background-color: #ccc;
  }

  .attachment-list.listtype .item-menu-bottom-item:hover {
    background-color: #eee;
  }

  .attachment-list.listtype .item-menu-bottom-item:last-child {
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-topright: 2px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
  }

  .attachment-list.listtype .item-menu-bottom-item:hover {
    opacity: 1;
    xcolor: white;
    background-color: #eee;
  }

  .attachmentlistviewer-dialog {
    margin: 4px auto;
  }

  .attachmentlist-uploadedfile-item {
    display: inline-block;
  }

  .webcontrol-rowsblock > .webformrow > .webformrow-leftcell {
    xpadding-left: 1em;
  }

  .webcontrol-rowsblock.indented > .webformrow > .webformrow-leftcell > span::before {
    content: "\00a0\f0da\00a0";
    font: normal normal normal 14px/1 FontAwesome;
  }

  .attachmentlist-add-block {
    margin: 2px 0px;
  }

  .attachmentlist-uploadedfile-list {
    margin-top: 6px;
    display: none;
  }

  .attachmentlist-uploadedfile-toaddinfo {
    margin-top: 6px;
    display: none;
  }

  .attachmentlist-uploadedfile-item {
    cursor: pointer;
  }

    .attachmentlist-uploadedfile-item > .attachment-list-uploadedfile-selector > i {
      color: #ddd;
    }

    .attachmentlist-uploadedfile-item.active > .attachment-list-uploadedfile-selector > i {
      color: forestgreen;
    }

  .attachmentlist-uploadedfile-toaddinfo {
    cursor: pointer;
  }

    .attachmentlist-uploadedfile-toaddinfo[data-togglestate=open] > .fa-caret-down {
      display: none;
    }

    .attachmentlist-uploadedfile-toaddinfo[data-togglestate=close] > .fa-caret-down {
      display: inline-block;
    }

    .attachmentlist-uploadedfile-toaddinfo[data-togglestate=open] > .fa-caret-up {
      display: inline-block;
    }

    .attachmentlist-uploadedfile-toaddinfo[data-togglestate=close] > .fa-caret-up {
      display: none;
    }

  .attachment-list-uploadedfile-filesize {
    xfont-weight: bold;
    padding-left: 4px;
  }


  .attachmentlist-input {
  }

    .attachmentlist-input > label {
      font-weight: normal;
      height: 26px;
      xpadding: 3px;
      line-height: 1.4285;
      border-radius: 3px;
      color: #555;
      border: 1px solid #ccc;
      width: 100%;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      xoverflow: hidden;
      cursor: pointer;
      margin: 0;
      position: relative;
    }

      .attachmentlist-input > label > .text {
        xfloat: left;
        xmax-width: 50%;
        white-space: nowrap;
        display: inline-block;
        width: 66%;
        text-overflow: ellipsis;
        overflow: hidden;
        xheight: 26px;
        padding: 3px;
        line-height: 1.4285;
        padding-left: 4px;
      }

      .attachmentlist-input > label > .left-icon {
        height: 26px;
        line-height: 1.4285;
        background-color: #eee;
        display: inline-block;
        margin: -1px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        padding: 3px;
        border: 1px solid #ccc;
        float: left;
      }

      .attachmentlist-input > label > .right-add {
        height: 26px;
        line-height: 1.4285;
        background-color: #eee;
        display: inline-block;
        margin: -1px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        padding: 3px;
        border: 1px solid #ccc;
        float: right;
        display: none;
      }

      .attachmentlist-input > label > .right-remove {
        height: 26px;
        line-height: 1.4285;
        background-color: #eee;
        display: inline-block;
        margin: -1px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        padding: 3px;
        border: 1px solid #ccc;
        float: right;
        display: none;
      }

      .attachmentlist-input > label > .right-clear {
        float: right;
        height: 26px;
        line-height: 1.4285;
        padding: 3px;
        padding-right: 5px;
        margin: -1px;
        display: none;
        position: absolute;
        right: 26px;
      }

    .attachmentlist-input.hasFiles > label > .right-clear {
      display: inline-block;
    }

  .attachmentlist-input-group .attachmentlist-input:first-child .right-add {
    display: inline-block;
  }

  .attachmentlist-input-group .attachmentlist-input:not(:first-child) .right-remove {
    display: inline-block;
  }


  /*TileMenu.aspx*/

  .tileMenu {
    background-color: transparent;
    overflow: auto;
    clear: both;
  }

    .tileMenu::after {
      content: "";
      clear: both;
    }

    .tileMenu > .cell {
      display: block;
      width: 100%;
      cursor: pointer;
      position: relative;
      text-decoration: none;
      overflow: hidden;
      float: left;
    }

      .tileMenu > .cell:hover > .inner,
      .tileMenu > .cell:focus > .inner {
        transition: all .5s;
        transform: scale(1.2);
      }

      .tileMenu > .cell::before {
        content: "";
        display: none;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(33, 33, 33, 0.55);
        z-index: 50;
      }

      .tileMenu > .cell:hover::before,
      .tileMenu > .cell:focus::before {
        display: block;
      }

      .tileMenu > .cell > .inner {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        overflow: hidden;
      }

      .tileMenu > .cell > .cellTopMenu {
        position: absolute;
        display: block;
        top: 6px;
        left: 10px;
        overflow: hidden;
        max-height: 0px;
        transition: max-height .15s ease-out;
        z-index: 55;
      }

      .tileMenu > .cell:hover > .cellTopMenu,
      .tileMenu > .cell:focus > .cellTopMenu {
        max-height: 300px;
        transition: max-height .25s ease-in;
      }

  @media (max-width: 768px) {
    .tileMenu > .cell > .cellTopMenu,
    .tileMenu > .cell > .cellTopMenu {
      max-height: 300px;
      transition: max-height .25s ease-in;
    }

      .tileMenu > .cell > .cellTopMenu > .cellTopMenuItem {
        background-color: rgba(33, 33, 33, 0.55);
        border-radius: 4px;
      }

    .tileMenu > .cell:hover > .cellTopMenu > .cellTopMenuItem,
    .tileMenu > .cell:focus > .cellTopMenu > .cellTopMenuItem {
      background-color: transparent;
    }
  }

  .tileMenu > .cell > .cellTopMenu > .cellTopMenuItem:hover,
  .tileMenu > .cell > .cellTopMenu > .cellTopMenuItem:focus {
    opacity: .8;
  }

  .tileMenu > .cell > .cellTopMenu > .cellTopMenuItem {
    font-size: 20pt;
    color: white;
    display: inline-block;
    margin: 0 4px 0 4px;
    padding: 0 4px 0 4px;
    vertical-align: middle;
  }

  .tileMenu > .cell .cellTextWrapper {
    background-color: black;
    line-height: 1.6;
    opacity: .7;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 50;
    transition: opacity .15s ease-out;
  }


  .tileMenu > .cell:hover .cellTextWrapper,
  .tileMenu > .cell:focus .cellTextWrapper {
    opacity: 1;
    transition: opacity .25s ease-in;
  }


  .tileMenu > .cell .cellTextWrapper > .cellTextWrapperText {
    color: White;
    font-size: 1.5em;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 50;
    visibility: hidden;
  }

  .tileMenu > .cell .cellText {
    color: White;
    font-size: 1.5em;
    position: absolute;
    bottom: 2px;
    left: 10px;
    z-index: 100;
  }


  .tileMenu > .cell .inner-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 132pt;
    color: rgba(0,0,0,0.87);
  }

  /*TileMenu.aspx*/

  .webformblockdialog > .modal-dialog > .modal-content > .modal-body {
    padding: 6px;
  }

  .webformblockdialog > .modal-dialog > .modal-content > .modal-header > h4 {
    margin: 0;
  }



  .btn-danger {
    color: #fff;
    background-color: tomato;
    border-color: #d43f3a;
  }

    .btn-danger:focus,
    .btn-danger.focus {
      color: #fff;
      background-color: #ff5233;
      border-color: #761c19;
    }

    .btn-danger:hover {
      color: #fff;
      background-color: #ff5233;
      border-color: #ac2925;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
      color: #fff;
      background-color: #ff5233;
      background-image: none;
      border-color: #ac2925;
    }

      .btn-danger:active:hover,
      .btn-danger.active:hover,
      .open > .dropdown-toggle.btn-danger:hover,
      .btn-danger:active:focus,
      .btn-danger.active:focus,
      .open > .dropdown-toggle.btn-danger:focus,
      .btn-danger:active.focus,
      .btn-danger.active.focus,
      .open > .dropdown-toggle.btn-danger.focus {
        color: #fff;
        background-color: #ac2925;
        border-color: #761c19;
      }

    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus {
      background-color: tomato;
      border-color: #d43f3a;
    }

    .btn-danger .badge {
      color: tomato;
      background-color: #fff;
    }


  .btn-success {
    color: #fff;
    background-color: forestgreen;
    border-color: #4cae4c;
  }

    .btn-success:focus,
    .btn-success.focus {
      color: #fff;
      background-color: #449d44;
      border-color: #255625;
    }

    .btn-success:hover {
      color: #fff;
      background-color: #449d44;
      border-color: #398439;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
      color: #fff;
      background-color: #449d44;
      background-image: none;
      border-color: #398439;
    }

      .btn-success:active:hover,
      .btn-success.active:hover,
      .open > .dropdown-toggle.btn-success:hover,
      .btn-success:active:focus,
      .btn-success.active:focus,
      .open > .dropdown-toggle.btn-success:focus,
      .btn-success:active.focus,
      .btn-success.active.focus,
      .open > .dropdown-toggle.btn-success.focus {
        color: #fff;
        background-color: #398439;
        border-color: #255625;
      }

    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus {
      background-color: forestgreen;
      border-color: #4cae4c;
    }

    .btn-success .badge {
      color: forestgreen;
      background-color: #fff;
    }


  .masterpage-logo-app-title {
    display: inline-block;
    line-height: 56px;
    color: White;
    padding-left: 2em;
    float: left;
  }

  @media(max-width:480px) {
    .masterpage-logo-app-title {
      padding-left: 0.5em;
      font-size: 0.7em;
    }
  }


  #amcWebControlsModal > #WaitingMessage {
    color: white;
    z-index: 10000;
    font-size: 1.4em;
  }

  .Alstanet-Amc-FormDataControlFile {
    margin: 2px 0px;
  }

  div.Alstanet-Amc-FormDataControlFile-BtnAdd {
    font-weight: normal;
    height: 26px;
    xpadding: 3px;
    line-height: 1.4285;
    border-radius: 3px;
    color: #555;
    border: 1px solid #ccc;
    width: 100%;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    xoverflow: hidden;
    cursor: pointer;
    margin: 0;
    position: relative;
    padding-left: 28px;
    font: inherit;
    overflow: hidden;
    xfloat: left;
  }

    div.Alstanet-Amc-FormDataControlFile-BtnAdd > span {
      white-space: nowrap;
      overflow: hidden;
    }

    div.Alstanet-Amc-FormDataControlFile-BtnAdd > i {
      height: 26px;
      line-height: 1.4285;
      background-color: #eee;
      display: inline-block;
      xmargin: -1px;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      padding: 3px;
      border: 1px solid #ccc;
      xfloat: left;
      position: absolute;
      left: -1px;
      top: -1px;
      width: 26px;
      text-align: center;
    }


  .Alstanet-Amc-FormDataControlFile-ItemList {
  }

  .Alstanet-Amc-FormDataControlFile-Item {
    margin-bottom: 1px;
  }

  .Alstanet-Amc-FormDataControlFile-Remove {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
  }

  .Alstanet-Amc-FormDataControlFile-Name {
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px;
    width: initial;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .Alstanet-Amc-FormDataControlFile-ProgressBar {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: 100%;
    background-color: #e9ecef;
    position: relative;
    border-radius: 3px;
  }

  .Alstanet-Amc-FormDataControlFile-Progress {
    position: absolute;
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
    height: 12px;
    width: 0px;
    background-color: #337ab7;
    margin-bottom: 0px;
    border-radius: 3px;
  }

  .Alstanet-Amc-FormDataControlFile-ProgressText {
    position: absolute;
    z-index: 1000;
    left: initial;
    display: inline-block;
    width: 100%;
    font: inherit;
    text-align: center;
    font-size: 10px;
  }

  .Alstanet-Amc-FormDataControlFile-SelUseCompression {
    /*width: 49%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  height: 26px;
  padding: 3px;
  xfont-size: 12px;
  line-height: 1.4285;
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  vertical-align:middle;
  xfloat: right;*/
    display: none !important;
  }

  .mapdialog-canvas {
    height: 400px;
    width: 100%;
    margin: 0 auto
  }

  .mapdialog-coordinates {
    vertical-align: middle;
    line-height: 30px;
    float: right;
  }

  .mapdialog-coordinates-lat {
    font-weight: bold;
  }

  .mapdialog-coordinates-lng {
    font-weight: bold;
  }

  .mapdialog-coordinates-title::after {
    content: ": "
  }


  .webformdatacontrol-text {
    position: relative;
  }

    .webformdatacontrol-text.is-changed > .form-control,
    .webformdatacontrol-datetime2.is-changed .form-control,
    .webformdatacontrol-number.is-changed > .form-control,
    .webformdatacontrol-bool.is-changed > .form-control,
    .webformdatacontrol-bool.is-changed > input[type="checkbox"] {
      border-color: #ffa500;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(255, 165, 0, 0.4);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(255, 165, 0, 0.4);
    }

  [amc-control-ajaxcontrol="text"].webformdatacontrol-text.is-changed::after {
    position: absolute;
    font-family: 'FontAwesome';
    top: 4px;
    right: 34px;
    content: "\f071";
    z-index: 50;
    color: orange;
  }

  .webformdatacontrol-text.is-changed:not([amc-control-ajaxcontrol])::after {
    position: absolute;
    font-family: 'FontAwesome';
    top: 4px;
    right: 6px;
    content: "\f071";
    z-index: 50;
    color: orange;
  }


  .webformdatacontrol-number.is-changed::after {
    position: absolute;
    font-family: 'FontAwesome';
    top: 4px;
    left: 6px;
    content: "\f071";
    z-index: 50;
    color: orange;
  }


  .webformdatacontrol-text.is-validation-required > .form-control,
  .webformdatacontrol-datetime2.is-validation-required .form-control,
  .webformdatacontrol-number.is-validation-required > .form-control,
  .webformdatacontrol-bool.is-validation-required > .form-control,
  .webformdatacontrol-bool.is-validation-required > input[type="checkbox"] {
    border-color: #ffa500;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(255, 99, 71, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(255, 99, 71, 0.4);
  }

  [amc-control-ajaxcontrol="text"].webformdatacontrol-text.is-validation-required::after {
    position: absolute;
    font-family: 'FontAwesome';
    top: 4px;
    right: 34px;
    content: "\f071";
    z-index: 50;
    color: tomato;
  }

  .webformdatacontrol-text.is-validation-required:not([amc-control-ajaxcontrol])::after {
    position: absolute;
    font-family: 'FontAwesome';
    top: 4px;
    right: 6px;
    content: "\f071";
    z-index: 50;
    color: tomato;
  }

  table.table-datagrid > tbody > tr > td .webformdatacontrol-text,
  table.table-datagrid > tbody > tr > td .webformdatacontrol-text textarea,
  table.table-datagrid > tbody > tr > td .webformdatacontrol-text input[type=text] {
    width: 100%;
  }

  .webformdatacontrol-number.is-validation-required::after {
    position: absolute;
    font-family: 'FontAwesome';
    top: 4px;
    left: 6px;
    content: "\f071";
    z-index: 50;
    color: tomato;
  }

  #amcWebControlsModalDialog > .modal-content > .modal-header > .modal-title {
    display: inline-block;
  }


  .is-changed-form-warning {
    cursor: pointer
  }

  .amc-control-multi-item {
    display: inline-block;
  }

    .amc-control-multi-item[amc-control-data-editable="false"]:not(:last-child) > .amc-control-multi-item-text::after {
      content: "\2022";
      padding-left: 4px;
      padding-right: 4px;
    }
  /*.amcwebform::after {
  position: absolute;
  font-family: 'FontAwesome';
  top: 4px;
  right: 6px;
  content: "\f071";
  z-index: 50;
  color: orange;
}*/
  .portal-usercontrol-pager {
    display: inline-block;
  }

    .portal-usercontrol-pager select {
      font-size: 12px;
      font-family: inherit;
    }

    .portal-usercontrol-pager .pager-info {
      font-size: 12px;
      font-family: inherit;
    }

  .clsAmcApplIconImage {
    display: inline-block;
  }

  .tileMenu > .cell > .inner-icon > .clsAmcApplIconImage {
    width: 132pt;
  }

    .tileMenu > .cell > .inner-icon > .clsAmcApplIconImage > img {
      width: 132pt;
    }


  .webformdatacontrol-text-droparrow > .clsAmcApplIconImage > img {
    max-height: 14px;
  }

  .sidebar .active > a > span.menuitem-sufix > .fa.arrow:before {
    content: "\f107";
  }

  .sidebar {
    margin-top: 0px;
  }


  .navbar-static-top {
    background-color: transparent;
    margin-bottom: 0px;
  }

  /*Side menu update*/

  #side-menu.nav > li a {
    position: relative;
    display: flex;
    padding: 10px 0px 10px 0px;
    vertical-align: middle;
    white-space: nowrap;
  }


  #side-menu.nav a span.menuitem-icon {
    text-align: center;
    position: relative;
    vertical-align: top;
  }


  #side-menu.nav a span.menuitem-text {
    flex: 1;
    white-space: normal;
    display: flex;
    align-items: flex-end;
  }

  #side-menu.nav a span.menuitem-sufix {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    right: 12px;
  }


  #side-menu.nav > li > a > span.menuitem-icon {
    width: 48px;
  }

    #side-menu.nav > li > a > span.menuitem-icon svg {
      width: 20px;
      height: 20px;
      vertical-align: middle;
    }

    #side-menu.nav > li > a > span.menuitem-icon img {
      width: 20px;
      height: 20px;
      vertical-align: middle;
    }


  #side-menu.nav > li span.menuitem-icon svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
  }

  #side-menu.nav > li span.menuitem-icon img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
  }

  #side-menu.nav > li > a.active > span.menuitem-text,
  #side-menu.nav > li.active > a > span.menuitem-text {
  }


  #side-menu.nav span.menuitem-text {
    padding-right: 24px;
  }

  #side-menu.nav > li > a > span.menuitem-sufix .arrow {
    float: unset;
  }

  #side-menu.nav > li > a {
    xpadding-left: 24px;
  }

  #side-menu.nav > li > ul.nav-second-level > li span.menuitem-icon {
    width: 24px;
  }



  #side-menu.nav > li > ul.nav-second-level > li > a {
    padding-left: 24px;
  }



  #side-menu.nav > li > ul.nav-second-level > li ul.nav-second-level li a {
    padding-left: 32px;
  }

  #side-menu.nav > li > ul.nav-second-level > li ul.nav-second-level > li ul.nav-second-level > li a {
    padding-left: 40px;
  }


  #side-menu .nav-second-level li > ul > li > a {
    padding-left: 0px;
  }

  #side-menu .nav-second-level li > ul > li > ul > li > a {
    padding-left: 0px;
  }

  #side-menu {
    width: 280px;
  }


  @media(max-width:768px) {
    #side-menu.nav > li > a > span.menuitem-text {
      width: 100%;
    }

    #side-menu {
      width: unset;
    }
  }

  /*Side menu update*/

  /*lg*/

  tr.webformrow-lg > td.webformrow-leftcell > span,
  .webformdatacontrol-lg .form-control-static {
    font-size: 24px;
    line-height: 1.33333;
  }

  tr.webformrow-lg [amc-control-datacontrol] .input-group-addon,
  .webformdatacontrol-lg .input-group-addon {
    font-size: 24px;
  }

  .webformdatacontrol-lg .webformdatacontrol-datetime2-date {
    width: 184px;
  }

  .webformdatacontrol-lg .webformdatacontrol-datetime2-time {
    width: 124px;
  }

  .webformdatacontrol-lg.webformdatacontrol-datetime2[datetime-type='Date'] {
    width: 188px;
  }


  div.webformdatacontrol-lg[datetime-type=DateAndTime][datetime-timedetail=Seconds] > .webformdatacontrol-datetime2-time {
    width: 160px;
  }

  div.webformdatacontrol-lg[datetime-type=Time][datetime-timedetail=Seconds] > .webformdatacontrol-datetime2-time {
    width: 160px;
  }

  .webformdatacontrol-datetime2.webformdatacontrol-lg {
    width: 310px;
  }

  .webformdatacontrol-number.webformdatacontrol-lg {
    max-width: 310px;
  }

  div.webformdatacontrol-datetime2.webformdatacontrol-lg[datetime-type=DateAndTime][datetime-timedetail=Seconds] {
    width: 346px;
  }

  /*lg*/

  /*md*/

  tr.webformrow-md > td.webformrow-leftcell > span,
  .webformdatacontrol-md .form-control-static {
    font-size: 18px;
    line-height: 1.42857143;
  }

  tr.webformrow-md [amc-control-datacontrol] .input-group-addon,
  .webformdatacontrol-md .input-group-addon {
    font-size: 18px;
  }

  .webformdatacontrol-md .webformdatacontrol-datetime2-date {
    width: 142px;
  }

  .webformdatacontrol-md .webformdatacontrol-datetime2-time {
    width: 100px;
  }

  .webformdatacontrol-md.webformdatacontrol-datetime2[datetime-type='Date'] {
    width: 148px;
  }


  div.webformdatacontrol-md[datetime-type=DateAndTime][datetime-timedetail=Seconds] > .webformdatacontrol-datetime2-time {
    width: 124px;
  }

  div.webformdatacontrol-md[datetime-type=Time][datetime-timedetail=Seconds] > .webformdatacontrol-datetime2-time {
    width: 124px;
  }

  .webformdatacontrol-datetime2.webformdatacontrol-md {
    width: 244px;
  }

  .webformdatacontrol-number.webformdatacontrol-md {
    max-width: 244px;
  }

  div.webformdatacontrol-datetime2.webformdatacontrol-md[datetime-type=DateAndTime][datetime-timedetail=Seconds] {
    width: 268px;
  }


  /*md*/

  /*sm*/
  tr.webformrow-sm > td.webformrow-leftcell > span,
  .webformdatacontrol-sm .form-control-static {
    font-size: 16px;
    line-height: 1.5;
  }

  tr.webformrow-sm [amc-control-datacontrol] .input-group-addon,
  .webformdatacontrol-sm .input-group-addon {
    font-size: 16px;
  }

  .webformdatacontrol-sm .webformdatacontrol-datetime2-date {
    width: 128px;
  }

  .webformdatacontrol-sm .webformdatacontrol-datetime2-time {
    width: 88px;
  }

  .webformdatacontrol-sm.webformdatacontrol-datetime2[datetime-type='Date'] {
    width: 128px;
  }

  div.webformdatacontrol-sm[datetime-type=DateAndTime][datetime-timedetail=Seconds] > .webformdatacontrol-datetime2-time {
    width: 110px;
  }

  div.webformdatacontrol-sm[datetime-type=Time][datetime-timedetail=Seconds] > .webformdatacontrol-datetime2-time {
    width: 110px;
  }

  .webformdatacontrol-datetime2.webformdatacontrol-sm {
    width: 218px;
  }

  .webformdatacontrol-number.webformdatacontrol-sm {
    max-width: 218px;
  }

  div.webformdatacontrol-datetime2.webformdatacontrol-sm[datetime-type=DateAndTime][datetime-timedetail=Seconds] {
    width: 240px;
  }


  /*sm*/

  .webformdatacontrol-sm .input-sm {
    font-size: 16px;
  }

  .webformdatacontrol-sm .input-xs {
    font-size: 14px;
  }

  @media screen and (max-width: 767px) {
    .table-responsive {
      border: 0 none;
    }
  }

  @media screen and (max-width: 767px) {
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
      white-space: normal;
    }
  }


  #olmap {
    width: 100%;
    height: 100%;
  }

  .ol-popup {
    position: absolute;
    background-color: white;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    padding: 6px;
    border-radius: 2px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 120px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
  }

    .ol-popup:after, .ol-popup:before {
      top: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
    }

    .ol-popup:after {
      border-top-color: white;
      border-width: 10px;
      left: 48px;
      margin-left: -10px;
    }

    .ol-popup:before {
      border-top-color: #cccccc;
      border-width: 11px;
      left: 48px;
      margin-left: -11px;
    }

  .ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
    color: black;
  }

    .ol-popup-closer:after {
      xfont-family: FontAwesome;
      content: "x";
    }

  .ol-popup #popup-content .item-title {
    font-weight: bold;
  }

  .ol-popup #popup-content .item-description {
    white-space: nowrap;
  }

  #olmap {
    touch-action: none; /* Zakáže gestové zoomování stránky */
  }



  /*TileRoundMenu.aspx*/

  .tileRoundMenu {
    background-color: transparent;
    overflow: auto;
    clear: both;
  }

    .tileRoundMenu::after {
      content: "";
      clear: both;
    }

    .tileRoundMenu > .cell {
      display: block;
      width: 100%;
      cursor: pointer;
      position: relative;
      text-decoration: none;
      overflow: hidden;
      float: left;
    }



      .tileRoundMenu > .cell::before {
        content: "";
        display: none;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(33, 33, 33, 0.55);
        z-index: 50;
      }

      .tileRoundMenu > .cell:hover::before,
      .tileRoundMenu > .cell:focus::before {
        xdisplay: block;
      }



      .tileRoundMenu > .cell > .inner {
        width: 80%;
        height: 80%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        overflow: hidden;
        border-radius: 40%;
        position: absolute;
        left: 50%;
        top: 44%;
        transform: translate(-50%, -50%);
        xfilter: grayscale(100%);
        transition: filter 0.2s ease;
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.2); /* Jemné rozostření okrajů */
      }

      .tileRoundMenu > .cell:hover > .inner,
      .tileRoundMenu > .cell:focus > .inner {
        filter: grayscale(0%);
        box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.2); /* Jemné rozostření okrajů */
      }


      .tileRoundMenu > .cell .cellTextWrapper {
        background-color: transparent;
        line-height: 1.2;
        position: absolute;
        xbottom: 0px;
        left: 0px;
        top: 88%;
        width: 100%;
        z-index: 50;
        text-align: center;
        vertical-align: text-top;
        xheight: 14%;
        height: calc(14px * 1.2 * 2);
        display: flex;
        align-items: flex-start;
        overflow: hidden;
      }


      .tileRoundMenu > .cell:hover > .cellTextWrapper > .cellTextWrapperText,
      .tileRoundMenu > .cell:focus > .cellTextWrapper > .cellTextWrapperText {
        color: var(--font-sidemenu-item-active-color);
      }


      .tileRoundMenu > .cell .cellTextWrapper > .cellTextWrapperText {
        color: var(--font-tileroundmenu-item-color);
        padding-left: 10px;
        padding-right: 10px;
        z-index: 50;
        display: inline-block;
        text-transform: uppercase;
        transition: color 0.2s ease;
        flex: 1;
        height: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Omezí na 2 řádky */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
      }

      .tileRoundMenu > .cell .inner-icon {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 42pt;
        color: rgba(0,0,0,0.87);
      }


      .tileRoundMenu > .cell > .inner > .inner-icon img {
        width: 100%;
      }


  @media(max-width:1136px) {
    .tileRoundMenu > .cell .cellTextWrapper > .cellTextWrapperText {
      font-size: 12px;
    }


    .tileRoundMenu > .cell .cellTextWrapper {
      height: calc(12px * 1.2 * 2);
    }
  }

  @media(max-width:1024px) {
    .tileRoundMenu > .cell .cellTextWrapper > .cellTextWrapperText {
      font-size: 10px;
      font-weight: 600;
    }
  }

  @media(max-width:900px) {

    .tileRoundMenu > .cell > .inner {
      width: 70%;
      height: 70%;
      top: 38%;
    }

    .tileRoundMenu > .cell .cellTextWrapper {
      height: calc(10px * 1.2 * 2);
      bottom: inherit;
      top: 78%;
    }

      .tileRoundMenu > .cell .cellTextWrapper > .cellTextWrapperText {
      }
  }

  @media(max-width:768px) {
    .tileRoundMenu > .cell .cellTextWrapper > .cellTextWrapperText {
      font-size: 10px;
    }

    .tileRoundMenu > .cell .inner-icon {
      font-size: 32pt;
    }
  }


  @media(max-width:640px) {
    .tileRoundMenu > .cell .cellTextWrapper > .cellTextWrapperText {
      xfont-size: 8px;
    }

    .tileRoundMenu > .cell .inner-icon {
      font-size: 28pt;
    }
  }

  @media(max-width:430px) {
    .tileRoundMenu > .cell .cellTextWrapper > .cellTextWrapperText {
    }

    .tileRoundMenu > .cell .inner-icon {
      font-size: 24pt;
    }
  }


  #page-buttonMenu-up {
    display: none;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.2);
  }

    #page-buttonMenu-up > .page-buttonMenu-up-pageTitle {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-left: 8px;
      padding-right: 8px;
      flex: 1;
      line-height: 36px;
    }

      #page-buttonMenu-up > .page-buttonMenu-up-pageTitle span {
        font-size: 1.0em;
        color: var(--default-anchor-color);
      }

        #page-buttonMenu-up > .page-buttonMenu-up-pageTitle span:last-child {
          font-weight: bold;
          font-size: 1.1em;
        }

    #page-buttonMenu-up > a.page-buttonMenu-up-button {
      width: 36px;
      text-align: center;
      text-decoration: none;
      box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.2);
      line-height: 36px;
    }

      #page-buttonMenu-up > a.page-buttonMenu-up-button:hover,
      #page-buttonMenu-up > a.page-buttonMenu-up-button:focus {
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.2);
      }

      #page-buttonMenu-up > a.page-buttonMenu-up-button > span {
      }


  @media(max-width:768px) {
    #page-buttonMenu-up {
      display: flex;
    }

    .amcwebform > .amcwebform-col > .panel > .panel-heading {
      display: none;
    }
  }


  body.standalonepage #page-buttonMenu-up {
    display: none;
  }

  body.standalonepage .amcwebform > .amcwebform-col > .panel > .panel-heading {
    display: initial;
  }

  #navbarSmallScreenUserMenu {
    display: none;
    float: right;
    height: 44px;
    vertical-align: middle;
    width: 44px;
    line-height: 44px;
  }

  @media(max-width:768px) {
    #navbartoprightLogoutButton,
    /* #navbartoprightTestModeInfo,*/
    #navbartoprightUserInfo,
    #navbartoprightUserMenu {
      display: none;
    }

    #navbarSmallScreenUserMenu {
      display: initial;
    }

    .navbar-content-cust {
      xheight: 25px;
    }
  }

  #tileRoundMenu {
    padding-top: 8px;
  }

  .table-responsive-top-scrollbar {
    width: 100%;
    height: 20px;
    display: none;
    overflow-x: auto;
    overflow-y: hidden;
    xbackground: #ddd;
  }

  .table-responsive-top-scrollbar-content {
    height: 1px;
  }

  /*

div.clsAmcGridTableStickyFill {
  position: absolute;
  z-index: 1;
  background-color: white;
  height: 0px;
  width: 100%;
  top: 0px;
}

.amcdatagrid-headertopbutton > td {
  z-index:2;
}

.amcdatagrid-filters > td {
  z-index: 2;
}

.amcdatagrid-header > td {
  z-index: 2;
}

  */


  .table-responsive {
    position: relative;
  }

  table[amc-control-attr-type='amcdatagrid'] > thead > tr {
    position: relative;
  }

  table[amc-control-attr-type='amcdatagrid'] > thead.fixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .table-responsive > table.table-clone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    z-index: 100;
    display: none; /* Skrýt dokud není potřeba */
    xtable-layout: fixed;
    xvisibility: hidden;
    xopacity: 0;
  }

  .table > thead > tr > th {
    border: 0 none;
  }

  .table > thead > tr:last-of-type > th,
  .table > tbody:only-child > tr:first-child > td,
  .table > tbody:only-child > tr:first-child > th {
    border: 0 none;
    border-bottom: 2px solid #ddd;
    font-weight: bold;
  }

  .amctab-highlighted > a {
    font-weight: bold;
  }

  .navbar-default {
    background-color: transparent;
  }

  .navbar-brand > img {
    max-height: 42px;
  }