﻿@charset "utf-8";
* {
    /*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
    font-family: "Open Sans",sans-serif;
}
.mdi:before {
  font-family: 'Material Design Icons' !important;
}
.glyphicon:before {
  font-family: 'Glyphicons Halflings' !important;
  position: relative;
}
button .glyphicon {
  line-height: 14px;
  font-size: 16px;
}
button .glyphicon:before {
  top: 2px;
}
h1 {
  font-size: 2em;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 18px;
  font-weight: bold;
}
h2 {
  font-size: 1.8em;
  margin: 0;
}
h3 {
  font-size: 1.6em;
  margin: 1em 0 0;
}
h4 {
  font-size: 1.4em;
}
h5 {
  font-size: 1.2em;
}
h6 {
  font-size: 1em;
}
a,
.dxgvControl a {
  color: #084A8B;
  /*&:visited {
        color: @c-grayA;
    }*/
}
a:hover,
.dxgvControl a:hover,
a:focus,
.dxgvControl a:focus {
  color: #039;
}
body,
textarea,
input[type=password],
.bootstrapLayout {
  font-size: 13px;
}
input[type=text],
input[type=password],
textarea,
select,
.likeTextBox,
.dxeTextBox,
.dxeMemo,
.dxeButtonEdit,
.acs-closed {
  border: thin solid #d2d2d2;
  border-radius: 4px;
  line-height: normal;
}
input[type=text],
input[type=password],
textarea,
select,
.likeTextBox {
  padding: 5px;
}
.commonTable {
  border-collapse: collapse;
  width: 100%;
}
.commonTable .headerLikeLink {
  text-decoration: underline;
  width: 100%;
  text-align: left;
  padding: 0;
  background: transparent none no-repeat right center;
}
.commonTable .headerLikeLink.asc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAABOSURBVChTfcwBCgAhCERRj9bNPZo11ogmGHzYleGJmZXOW6jd20FEUbuXn6vhAxX1H0LjsKh5lDUWah5mjYU6aczVSWOu4k0aw2bUXqIbtpSpVyIfDYMAAAAASUVORK5CYII=");
}
.commonTable .headerLikeLink.desc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAABUSURBVChThcwBDsAgCANAnsbPfVqnxRC6KTMhhtKczTfm4GdWx7wEt3ED1t+qg51d7FTPYqNSexdPKjUp7nJVU+NNFlVT460uDEIVjfknCFU0APYAckypV9yp5TkAAAAASUVORK5CYII=");
}
.commonTable > caption {
  background: none;
  font-size: 17pt;
  color: #084A8B;
  border-bottom-color: #d2d2d2;
  text-align: left;
  padding: 5px;
}
.commonTable > thead {
  background-color: #D7EEFC;
}
.commonTable > tbody > tr {
  background-color: #fff;
  /*:hover > td {
                background-color: @c-grayD;
            }*/
}
.commonTable > tbody > tr:nth-child(even),
.commonTable > tbody > tr.even,
.commonTable > tbody > tr .acsBody > tr:nth-child(even) {
  background-color: #f5f5f5;
}
.commonTable > tbody > tr.likeInnerTableHeader > th,
.commonTable > tbody > tr .commonTable {
  padding: 1px 0;
}
.commonTable > tbody > tr.likeInnerTableHeader > th > tbody > tr > th,
.commonTable > tbody > tr .commonTable > tbody > tr > th {
  background-color: #D7EEFC;
}
.commonTable > tbody > tr > td {
  border-right: 1px dotted #d2d2d2;
}
.commonTable > tbody > tr > th {
  border: thin solid #fff;
}
.commonTable > tbody > tr > th > * {
  color: #000;
}
.commonTable > tbody > tr > td,
.commonTable > tbody > tr.dxgv {
  border-color: #fff;
  border-right: thin solid #fff;
}
.commonTable > tbody > tr > td,
.commonTable > tbody > tr > th {
  padding: 1px 5px;
}
.commonTable > tbody > tr > th > th > .headerLikeLink,
.commonTable > tbody > tr > th > .headerLikeLink > th > .headerLikeLink {
  background-color: #D7EEFC;
  font-weight: normal;
}
.commonTable table.commonTable > tbody > tr > *:last-child,
.commonTable .dxgvControl table.commonTable > tbody > tr > *:last-child {
  border-right: 0 none;
}
.gridCommand button,
.gridCommand button:hover {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.gridCommand .glyphicon {
  font-size: 1.6em;
}
.gridCommand .glyphicon.glyphicon-minus-sign {
  color: #AF0100;
}
.acg-table .acg-global-filter {
  border-bottom: none;
}
.acg-table .acg-global-filter td {
  background-color: #fff;
  /* @c-blueG; */
  padding: 5px;
}
.acg-table .acg-global-filter > .acg-spacer {
  display: none;
}
.acg-table .acg-header {
  background-color: #D7EEFC;
}
.acg-table .acg-header > tr > td,
.acg-table .acg-header .acg-header-row > td {
  border: 1px solid white;
  border-width: 0 1px 1px;
}
.acg-table .acg-header > tr > td:last-child,
.acg-table .acg-header .acg-header-row > td:last-child {
  border-right-color: #d2d2d2;
}
.acg-table .acg-header > tr > td:first-child,
.acg-table .acg-header .acg-header-row > td:first-child {
  border-left-color: #d2d2d2;
}
.acg-table .acg-header > tr:last-child > td {
  border-bottom: 1px solid #d2d2d2;
}
.acg-table .acg-rows > tr > td {
  border: none;
  height: 36px;
  border-bottom: 1px dotted #6e6e6e;
  border-right: 1px dotted #6e6e6e;
}
.acg-table .acg-total-summary {
  background-color: #f5f5f5;
}
.acg-table .acg-total-summary > tr > td {
  border: none;
  border-top: 3px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px dotted #6e6e6e;
}
.acg-table .acg-total-summary > tr > td:last-child {
  border-right: 1px solid #d2d2d2;
}
.acg-table .acg-total-summary > tr > td:first-child {
  border-left: 1px solid #d2d2d2;
}
.acg-table .acg-filter-editor > input[type=text] {
  border-color: #5FBBF5;
}
.acg-table .acgp-summary {
  border: thin solid #d2d2d2;
  /*border-bottom: none; */
}
.acg-table .acgp-summary > tr > td {
  padding: .3em;
}
.acg-table .acg-last-tbody {
  display: none;
}
.acg-pager {
  padding: .3em;
  width: 100%;
  background-color: #D7EEFC;
}
.acg-pager li {
  display: inline;
  list-style: none;
}
.acg-pager .acgp-btn {
  min-width: 0;
  min-height: 0;
  font-size: 12px;
  padding: .6em 1.5em;
  margin: 1em .3em;
  line-height: 1;
}
.acg-pager .acgp-current {
  background: #5FBBF5;
  border-color: #5FBBF5;
  box-shadow: 1px 1px 0 #5FBBF5;
  cursor: default;
}
.acg-pager .acgp-nav {
  margin: 1em .6em;
}
.acg-pager .acgp-hellip {
  font-size: 12px;
  position: relative;
  top: 1em;
}
.acg-pager .acgp-hiddenBtn {
  visibility: hidden;
}
.acg-pager .acgp-ellip-before:before {
  content: " ... ";
}
.acgp-summary {
  border: none;
  color: #000;
  background: #fff;
  font-size: 12px;
  width: 100%;
  padding: .3em;
}
.acgp-summary .ac-vcenter2 > div {
  padding: 0 0.3em;
}
.acgp-summary > div {
  padding: 0 0.3em;
}
.acgp-summary .acgp-pageSizeWrapper {
  text-align: right;
}
.acgp-summary .acgp-pageSize {
  width: auto;
  float: right;
  padding: 1em;
}
.icon2 {
  color: #516C8A;
  border: 1px solid #5FBBF5;
  background-color: #fff;
  border-radius: 1em;
}
.icon4 {
  color: #5FBBF5;
  background-color: #fff;
  border-radius: 1em;
}
.tgb.btn,
.btn.dropdown-toggle {
  padding: 5px 12px;
}
.acs-dynamo-btn {
  font-size: 15px;
  border-radius: 24px;
  color: #516C8A;
  background-color: #fff;
  border: 1px solid #5FBBF5;
  /*
    color: @c-white;
    background-color: @c-blueD;
    border: 1px solid @c-blueD;
        */
  padding: 4px;
  margin-bottom: 2px;
}

.acs-dynamo-btn:hover {
    /*color: @c-blueD;
    background-color: @c-white;
    border: 1px solid @c-blueE;*/
        color: #fff;
        background-color: #516C8A;
        border: 1px solid #516C8A;
}

.btn {
  border-radius: 4px;
  outline: none;
  color: #000;
  text-shadow: none;
  font-size: 16px;
  min-width: 90px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  box-shadow: 1px 1px 0 #6e6e6e;
}
.btn:hover,
.btn:focus {
  background: #f5f5f5;
}
.btn:active {
  background: #f5f5f5;
  box-shadow: 1px 1px 0 #6e6e6e inset;
}
.btn .mdi,
.btn .glyphicon {
  font-size: 15px;
  border-radius: 24px;
  color: #516C8A;
  background-color: #fff;
  border: 1px solid #5FBBF5;
  /*
    color: @c-white;
    background-color: @c-blueD;
    border: 1px solid @c-blueD;
        */
  padding: 4px;
  margin-right: .5em;
  /*position: relative;
        top: -2px;*/
}
.btn .mdi:before,
.btn .glyphicon:before {
  /*position: relative;
            top: -1px;*/
}
.btn.aspNetDisabled .mdi,
.btn.aspNetDisabled .glyphicon {
  color: #d2d2d2;
}
.btn:hover .mdi,
.btn:hover .glyphicon {
  /*color: @c-blueD;
    background-color: @c-white;
    border: 1px solid @c-blueE;*/
  color: #fff;
  background-color: #516C8A;
  border: 1px solid #516C8A;
}
/*.nav-tabs {
    > li + li {
        border-left: none;
        border-radius: 0 0 0 0;
    }

    > li {
        border: 1px solid @c-grayC;
        border-bottom: none;
        background-color: @c-grayD;
        border-top-left-radius: 4px;
        margin: 0;
    }
}*/
.footerNav .nav-tabs > li {
  outline: none;
  border: 1px solid #d2d2d2;
  border-right-width: 0;
}
.footerNav .nav-tabs > li:first-child {
  border-top-left-radius: 4px;
}
.footerNav .nav-tabs > li:last-child {
  border-right-width: 1px;
  border-top-right-radius: 4px;
}
.nav-tabs {
  border-bottom: none;
}
.nav-tabs > li {
  outline: 1px solid #d2d2d2;
  background-color: #f5f5f5;
  margin: 0;
}
.nav-tabs > li + li {
  border-radius: 0 0 0 0;
}
.nav-tabs > li:hover a {
  background: white;
}
.nav-tabs > li.active {
  background: #D7EEFC;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: none;
  color: #084A8B;
  border: none;
}
.nav-tabs > li a {
  border: none;
  color: #505050;
  text-decoration: none;
  padding: 21px 0 17px;
  min-width: 176px;
  text-align: center;
  font-size: 14px;
}
.validatorList {
  border-radius: 4px;
}
.radioList {
  background-color: #D7EEFC;
  padding: 10px;
  margin: 20px 0 0 0;
  border-radius: 4px;
}
.userIcon {
  display: inline-block;
  /* You may have to set 'display: block' */
  width: 25px;
  height: 25px;
  background: url('Sprite.png') -1px -1135px;
}
.userIcon:hover {
  /* You may have to set 'display: block' */
  width: 25px;
  height: 25px;
  background: url('Sprite.png') -1px -1161px;
}
.emoSmileIcon {
  display: inline-block;
  /* You may have to set 'display: block' */
  width: 25px;
  height: 25px;
  background: url('Sprite.png') -1px -1083px;
}
.emoSmileIcon:hover {
  /* You may have to set 'display: block' */
  width: 25px;
  height: 25px;
  background: url('Sprite.png') -1px -1109px;
}
.emoSadIcon {
  display: inline-block;
  /* You may have to set 'display: block' */
  width: 25px;
  height: 25px;
  background: url('Sprite.png') -1px -1031px;
}
.emoSadIcon:hover {
  /* You may have to set 'display: block' */
  width: 25px;
  height: 25px;
  background: url('Sprite.png') -1px -1057px;
}
.calendarIcon {
  display: inline-block;
  /* You may have to set 'display: block' */
  width: 25px;
  height: 25px;
  background: url('Sprite.png') -1px -979px;
}
.calendarIcon:hover {
  /* You may have to set 'display: block' */
  width: 25px;
  height: 25px;
  background: url('Sprite.png') -1px -1005px;
}
/*AC Kalendar Override*/
.acCalendar .accHeader,
.acCalendar .accYearsHeader {
  background-color: #D7EEFC;
  border-bottom: 1px solid #d2d2d2;
}
.acCalendar .accFooter {
  background-color: #D7EEFC;
  border-top: 1px solid #d2d2d2;
}
.acCalendar .accDays .accSa,
.acCalendar .accYears .accSa,
.acCalendar .accDays .accSu,
.acCalendar .accYears .accSu {
  color: #AF0100;
}
.acCalendar .accDays .accSa.accOther,
.acCalendar .accYears .accSa.accOther,
.acCalendar .accDays .accSu.accOther,
.acCalendar .accYears .accSu.accOther {
  color: #AF0100;
}
.acCalendar .accDays .accToday,
.acCalendar .accYears .accToday {
  text-decoration: none;
  border: 1px solid #AF0100;
}
.accOKBtn,
.accCancelBtn,
.accTodayBtn,
.accEmptyBtn {
  min-width: 80px;
  border-radius: 4px;
  outline: none;
  color: black;
  text-shadow: none;
  font-size: 16px;
  background: white;
  border: 1px solid #d2d2d2;
  box-shadow: 1px 1px 0 #6e6e6e;
  padding: 3px 11px 4px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}
.accOKBtn:hover,
.accCancelBtn:hover,
.accTodayBtn:hover,
.accEmptyBtn:hover {
  background-color: #f5f5f5;
}
.accOKBtn:active,
.accCancelBtn:active,
.accTodayBtn:active,
.accEmptyBtn:active {
  background-color: #f5f5f5;
  box-shadow: 1px 1px 0 #6e6e6e inset;
}
.accOKBtn {
  min-width: 45px;
}
.accOKBtn,
.accCancelBtn {
  margin-left: 12px;
}
.accTodayBtn {
  margin-right: 12px;
}
.acCalendar {
  border: 1px solid #6e6e6e;
}
.acCalendar .accDays .accOther,
.acCalendar .accYears .accOther {
  color: #6e6e6e;
}
.acCalendar .accTimeTr > .accAmPmTd {
  border: 1px inset #D7EEFC;
}

/*MZ*/
.acCalendar .accTimeTr > td,
.acCalendar .accTimeTr > td > input
 {
  width: 15px !important;
  padding: 0;
}


.acCalendar .accDays td:hover div,
.acCalendar .accYears td:hover div {
  background-color: #f5f5f5;
  border: 1px solid #d2d2d2;
}
.acCalendar .accDays .accSelected div,
.acCalendar .accYears .accSelected div {
  background-color: #516C8A;
  border: 1px solid #516C8A;
  color: white;
}
/*---------------------*/