/* Minification failed. Returning unminified contents.
(1170,30): run-time error CSS1030: Expected identifier, found '.'
(1170,47): run-time error CSS1031: Expected selector, found ')'
(1170,47): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*#region General control overrides */
input,
textarea,
select {
  width: 100%;
}

input[type="password"] {
  letter-spacing: 0.2em;
  letter-spacing: 0.2rem;
}

h1, h2, h3, h4 {
  font-weight: normal;
  margin: 0 0 12px 0;
  line-height: 1;
}

h1:only-child,
h2:only-child,
h3:only-child,
h4:only-child {
  margin-bottom: 0;
}

p {
  margin: 0;
  margin-bottom: 12px;
  margin-bottom: 0.8em;
  margin-bottom: 0.8rem;
}

p:last-child {
  margin-bottom: 0;
}

label {
  color: #808080;
}

/* hidden blocks*/
.delete-menu,
#slide2,
#actDataPane,
#devicesPane,
#loginPane,
#manageDevicesPane,
#registerPane,
#warningPane {
  display: none;
}

/*styled select on Opera*/
doesnotexist:-o-prefocus, .styled-select select {
  border: 1px solid #D2D2D2;
}

doesnotexist:-o-prefocus, .styled-select select:focus {
  border: 1px solid #FD6A00;
}

.tecit-red {
  color: #CE191F;
}

.tecit-lgray {
  color: #808080;
}

/*#endregion*/

/*#region Buttons*/

.fullButton {
  overflow: hidden;
  display: block;
  position: absolute;
  bottom: 9px;
  left: 9px;
  right: 9px;
  background-color: #CE191F;
}

.fullButton:hover {
  background-color: #FD6A00;
}

.fullButton span {
  color: #FFFFFF;
  display: block;
  font-size: 1.9em; /*Fallback*/
  font-size: 2rem;
  line-height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.redButton,
.grayButton {
  padding: 0px 8px;
  text-align: center;
  line-height: 32px;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 0px;
  cursor: pointer;
  font-size: 1.3em;
  font-size: 1.4rem;
  min-width: 32px;
}

.redButton,
.redButton.noHover:hover {
  color: #fff;
  background-color: #CE191F;
}

.grayButton,
.grayButton.noHover:hover {
  color: #4c4c4c;
  background-color: #E6E6E6;
}

.redButton.hover,
.redButton:hover,
.grayButton.hover,
.grayButton:hover {
  background-color: #FD6A00;
  color: #fff;
}

.redButton.disabled,
.grayButton.disabled,
.fullButton.disabled {
  cursor: default;
  opacity: 0.5;
}

.redButton.disabled:hover,
.fullButton.disabled:hover {
  background-color: #CE191F;
}

.grayButton.disabled:hover {
  color: #4c4c4c;
  background-color: #E6E6E6;
}

.grayButton.noHover,
.redButton.noHover {
  cursor: default;
}
/*#endregion*/

/*#region Jquery Unobtrusive Validation*/
.input-validation-error {
}

.input-validation-valid {
}

.field-validation-error {
  color: #fff;
  background-color: #CE191F;
  padding: 0 2px;
}

/*.dxeErrorCell.field-validation-error {
  padding: 0 2px;
}*/

.field-validation-valid {
  display: none;
}

.validation-summary-errors {
}

.validation-summary-valid {
}
/*#endregion*/

/*#region DropDown Menu*/
.dropdownMenu {
  position: relative;
  width: inherit;
  width: auto;
  overflow-y: hidden;
  cursor: pointer;
}

.dropdownMenu > a {
  padding: 0;
  /*padding-right: 30px;*/
  font-size: 1.1em;
  font-size: 1.2rem;
  font-weight: normal;
  text-align: left;
  position: relative;
  display: block;
}

.dropdownMenu .dropdownText {
  padding-left: 8px;
  padding-right: 32px;
  float: right;
}

.dropdownButton,
.dropdownMenu a.noHover:hover .dropdownButton {
  height: 20px;
  width: 20px;
  background: url('../images/metro/sprite.png') no-repeat;
  background-position: -174px 0;
  display: block;
}

.dropdownMenu a:hover .dropdownButton {
  background-position: -174px -20px;
}

.dropdownMenu .dropdownButton {
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -10px;
}

.dropdownMenu ul {
  display: none;
  position: relative;
  z-index: 1000;
}

.dropdownMenu li {
  background: #e6e6e6;
  display: block;
  color: #4c4c4c;
  font-size: 1.1em;
  font-size: 1.2rem;
  line-height: 32px;
  border-top: 1px solid #fff;
}

.dropdownMenu li a {
  color: #4c4c4c;
  display: block;
  padding-left: 10px;
  cursor: pointer;
}

.dropdownMenu li a:hover {
  background-color: #FD6A00;
  color: #fff;
}

.dropdownMenu li.selected-list {
  -webkit-box-shadow: inset 6px 0px 0px 0px #FD6A00;
  -moz-box-shadow: inset 6px 0px 0 0px #FD6A00;
  box-shadow: inset 6px 0px 0 0px #FD6A00;
}

.dropdownMenu:hover > a.grayButton {
  background-color: #FD6A00;
  color: #fff;
}

/*#endregion*/

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.textButton {
  padding: 0px 8px;
  text-align: center;
  line-height: 32px;
  display: block;
  white-space: nowrap;
  border: 0px;
  font-size: 1.3em;
  font-size: 1.4rem;
}

.textButton.btLeft,
.textButton.btRight{
  max-width: inherit;
}

.delete-menu .textButton {
  padding: 0 4px 0 0;
  color: #CE191F;
}

.selected-rows {
  padding: 0 0 0 2px;
  text-align: left;
}

.filtered-rows {
  padding: 0 0 0 8px;
}

.pager{
  background-color: #E6E6E6;
}

.page-number {
  font-size: 1em;
  font-size: 1.4rem;
  text-align: center;
  padding: 0 4px 0;
  line-height: 26px;
  height: 26px;
  width: 2.5em;
  width: 2.5rem;
}

span.initial {
  margin-left: -68px;
  width: 60px;
  text-align: center;
  color: #fff;
  font-weight : 900;
  font-size: 1.5em;
  font-size: 2rem;
}

/*****************************************
 *
 * Slides
 *
 *****************************************/
.moas-mdm {
  overflow: hidden;
}

.slideContainer {
  width: 200%;
}

.slide {
  float: left;
  position: relative;
  width: 50%;
}

/********************************************
 *
 * Container to display panes
 *
 ********************************************/
.box-inner {
  overflow: hidden;
  position: absolute;
  margin: 0px;
  top: 1px;
  left: 1px;
  bottom: 1px;
  right: 1px;
}

.header-pane,
.content-pane,
.footer-pane {
  position: absolute;
  left: 9px;
  right: 9px;
}

.header-pane,
.footer-pane {
  height: 41px;
}

.header-pane {
  top: 9px;
  -webkit-box-shadow: 0 1px 0 0 #D2D2D2;
  -moz-box-shadow: 0 1px 0 0 #D2D2D2;
  box-shadow: 0 1px 0 0 #D2D2D2;
  line-height: 32px;
  font-size: 1.2em;
  font-size: 1.4rem;
}

.header-pane h2 {
  line-height: 32px;
  font-size: 1.2em;
  font-size: 1.4rem;
}

.footer-pane {
  bottom: 9px;
  -webkit-box-shadow: 0 -1px 0 0 #D2D2D2;
  -moz-box-shadow: 0 -1px 0 0 #D2D2D2;
  box-shadow: 0 -1px 0 0 #D2D2D2;
}

.content-pane {
  top: 53px;
  bottom: 53px;
}

/*panes without margins*/
.content-pane.no-mar {
  left: 0px;
  right: 0px;
  bottom: 0px;
}

/*panes without footer*/
.content-pane.no-footer{
  bottom: 9px;
}

/*panes with auto scroll*/
.scroll-pane
{
  overflow: auto;
  /*Fix IE cut left box-shadow on inputs*/
  margin-left: -1px;
  padding-left: 1px;
}

/*******************************
 *
 * To adjust particular content
 *
 *******************************/
.header-pane span.header-title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*******************************
 *
 * Custom panes
 *
 *******************************/
.header-menu {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 32px;
}

.header-menu a {
  color: #CE191F;
  cursor: pointer;
  display: inline-block;
  outline: none;
}

.header-menu a:hover,
.header-menu a.hover {
  color: #FD6A00;
}

.header-menu a.disabled {
  color: #ccc;
  cursor: default;
}

.infoText {
  margin: 6px 0px;
}


/*****************************************
 *
 * Allow multiple buttons in footer-pane
 *
 *****************************************/

.btRight, .btLeft {
  min-width: 60px;
  max-width: 160px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.footer-pane .btRight {
  float: right;
  margin-left: 1px;
  margin-top: 9px;
}

.footer-pane .btLeft {
  float: left;
  margin-right: 1px;
  margin-top: 9px;
}

.header-pane .btRight {
  float: right;
  margin-left: 1px;
  margin-top: 0;
}

.header-pane .btLeft {
  float: left;
  margin-right: 1px;
  margin-top: 0;
}

/*****************************************
 *
 * inputs to submit forms
 *
 *****************************************/
input.bt-submit {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: auto;
  max-width: initial;
}

/********************************************
*
* Add extrapadding when scroll-bar is visible
*
 ********************************************/
.extraPadding {
  padding-right: 6px;
}

/****************************************************
 * overrided classes 
 ****************************************************/
.field-validation-error {
  display: block;
}

/***********************************************************
 *
 * Custom back-button
 *
 ***********************************************************/

.header-pane a.back-button {
  cursor: pointer;
  margin-right: 12px;
  float: left;
  padding: 0;
  width: 44px;
}

/* #region placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #808080;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #808080;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* IE 10+ */
  color: #808080;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #808080;
}
:-moz-placeholder { /* Firefox 18- */
  color: #808080;
  opacity: 1; /* Firefox */
}
/* #endregion */

/* hide x in IE in select*/
div.styled-select select::-ms-expand {
  display: none;
}

/* #region menu list */

#menuPane {
  text-align: right;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

/* Menu list*/
ul.styled-list.menu {
  font-size: 1em;
  font-size: 1rem;
}

ul.styled-list.menu li {
  display: inline-block;
}
 
ul.styled-list.menu li:after {
  content: '|';
}

ul.styled-list.menu li:last-child:after {
  content: '';
}

ul.styled-list.menu-left {
  font-size: 1em;
  font-size: 1rem;
  float: left;
  color: #A2A2A2;
}
ul.styled-list.menu-left li {
  display: inline;
  padding-left: 6px;
  padding-right: 5px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAIAAABrW6giAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABOSURBVBhXY7hw5sGr9yDw9etXhqOrVm85dgvI//btG8PBlcuXL1+xbu+Vx2/fMRxZBebsufTyy1cgZ/XmozeAykB6zpy4DWR9+vQJaAYAFnA8ECx/ZfkAAAAASUVORK5CYII=') no-repeat 0 center;
}
ul.styled-list.menu-left a {
  color: #A2A2A2;
}
ul.styled-list.menu-left a:hover {
  color: #FD6A00;
}

/*#endregion*/

/*****************************************
 * LOGIN pages
 *****************************************/

#new-account,
#password-request,
#cookies-faq,
#cookies-contact {
  position: absolute;
  bottom: 0px;
  cursor: pointer;
}


#new-account,
#cookies-faq {
  left: 0px;
}
#password-request,
#cookies-contact {
  right: 0px;
}

#showTOS {
  font-size: 1.1em;
  font-size: 1.1rem;
}

div.toggle-password {
  display: block;
  position: absolute;
  right: 4px;
  cursor: pointer;
  padding: 2px;
  margin: 2px;
  line-height: normal;
}

div.toggle-password svg {
  vertical-align: middle;
  fill: #808080;
  height: 18px;
  width: 18px;
}

.news-text {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  font-style: italic;
  text-align: right;
}

/* remove pseudo elements for IE */
input.password-exposed[type="text"]::-ms-clear,
input[type="password"]::-ms-reveal {
  display: none;
}

.validation-summary-errors ul {
  padding: 0;
  color: #fff;
  background-color: #CE191F;
  margin: 0;
}

.validation-summary-errors ul li {
  display: block;
  padding: 0 2px;
}

/****************************************************
 *
 *  GridView Buttons
 *
 ****************************************************/
/*.dxgvFilterRow_gv td:first-child,*/
td.link-button {
  padding-left: 0px !important;
  padding-right: 0px !important;
  text-align: center;
  height: 32px;
  line-height: 32px;
}

.link-button a.clearFilter,
td.link-button a {
  padding: 0px;
  display: block;
  display: inline-block;
  text-align: center;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  color: #CE191F;
  outline: none;
  vertical-align: middle; /*check behaivor!*/
  /*padding-left: 4px;
  float: left;
  width: 32px;*/
}

td.link-button a.svg-icon {
  padding-left: 4px;
  float: left;
  width: 32px;
}


td.link-button.dx-al a {
  text-align: left;
  padding: 0 9px;
}

td.link-button.dx-ar a {
  text-align: right;
  padding: 0 9px;
}

td.link-button a:hover {
  color: #fff;
}

.dxgvFilterRow_gv .link-button a.clearFilter,
td.link-button a.clearFilter {
  display: block;
}

.dxgvFilterRow_gv .link-button a.clearFilter:hover,
td.link-button a.clearFilter:hover {
  color: #fff;
  background-color: #FD6A00
}

.arrowButton span {
    display: inline-block;  
    line-height: 16px;  
    /*margin-top: 6px;  
    margin-bottom: 6px;*/
    height: 16px;  
    width: 16px;  
    background: url('../images/metro/sprite.png') no-repeat;
}

.arrowButton .refresh-arrow {
background-position: -276px -2px;
}

.arrowButton:hover .refresh-arrow, 
.arrowButton.hover .refresh-arrow {
  background-position: -276px -22px;
}

.arrowButton .left-double-arrow {
  background-position: -197px -2px;
}

.arrowButton:hover .left-double-arrow,
.arrowButton.hover .left-double-arrow {
  background-position: -197px -22px;
  /**/
}

.arrowButton .left-arrow {
  background-position: -217px -2px;
}

.arrowButton:hover .left-arrow,
.arrowButton.hover .left-arrow {
  background-position: -217px -22px;
}

.arrowButton .right-arrow {
  background-position: -235px -2px;
}

.arrowButton:hover .right-arrow,
.arrowButton.hover .right-arrow {
  background-position: -235px -22px;
}

.arrowButton .right-double-arrow {
  background-position: -255px -2px;
}

.arrowButton:hover .right-double-arrow,
.arrowButton.hover .right-double-arrow {
  background-position: -255px -22px;
}

/****************************************************
 *
 *  loadingPane
 *
 ****************************************************/
.loadingPane {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background-color: rgba(194,194,194,.2);
  z-index: -100;
  display: none;
}

.loadingPane.visible {
  z-index: 1010;
  display: block;
}

/****************************************************
 *
 *  loadingBar with animation for each media
 *
 ****************************************************/
.loadingBar {
  height: 6px;
  width: 100%;
  position: relative;
  overflow: hidden;
  display:none;
}
.loadingBar.visible {
  z-index: 100;
  display: block;
}
.loadingBar:before{
  display: block;
  position: absolute;
  content: "";
  left: -20%;
  width: 20%;
  height: 6px;
  background-color: #FD6A00;
}
@keyframes loading {
    from {left: -20%;}
    to {left: 100%;}
}

/**************************************************
*
* GridViews
*
***************************************************/

/*display editform properly*/
#gvActData .dxgvFCSW,
#gvDevices .dxgvFCSW,
#gvProducts .dxgvFCSW {
  margin-left: 0 !important;
}




/****************************************************
/* Resalt default Layout in select
/****************************************************/
.defaultLayout {
  background-color: #b2b2b2;
  color: #fff;
}

/****************************************************
 *
 *  Preview Pane - two columns
 *
 ****************************************************/



.owner-email {
  color: #CE191F;
  font-style: italic;
}

/****************************
 *
 * Groups Pane
 *
 ****************************/
/*#groupsPane .content-pane {
  background: url('../images/Labels/LG_vorlage_315x315_V07.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 36%;
}*/

.group-menu {
  display: table;
  height: 100%;
  width: 65%;
}

.group-menu h1 {
  color: #CE191F;
  margin: 0.8em 0;
  margin: 0.8rem 0;
}

.group-menu ul {
  padding-left: 0px;
  list-style: none;
  list-style-type: none;
  font-size: 1em;
  font-size: 1rem;
  margin: 0.9em 0;
  margin: 0.9rem 0;
  line-height: 1.1;
}

.group-menu li {
  width: 33%;
  float: left;
  margin-bottom: 0.4em;
  margin-bottom: 0.4rem;
  list-style: none;
  list-style-type: none;
  display: inline-block;
}

.group-menu li a {
  margin-left: 1.4em;
  margin-left: 1.4rem;
  display: list-item;
  list-style: disc inside;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  /* Prevent display off lines with chinese text*/
  /*line-height: 1px;*/
}

.group-menu li a span {
  margin-left: -0.2em;
  margin-left: -0.2rem;
}

.group-content {
  display: table-cell;
  vertical-align: middle;
}

.light-text {
  color: #808080;
}

.description-text {
  font-style: italic;
}

.terms,
.credits {
  font-size: 0.85em;
  font-size: 0.85rem;
  color: #B2B2B2;
  line-height: normal;
}

/****************************************************
 *
 *  Panes
 *
 ****************************************************/

#slide2 .block-full {
  position: relative;
}

#actDataPane .content-pane,
#devicesPane .content-pane {
  overflow: hidden;
}

/*-- commom layout ---*/

.box-inner {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: 0px
}

.header-pane {
  padding-bottom: 1px;
}

.footer-pane {
  padding-top:1px;
}

.content-pane.no-mar {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
    
}

/*-- default layout ---*/

.header-pane,
.footer-pane,
.content-pane  {
  left: 10px;
  right: 10px;
}

.header-pane {
  top: 10px;
}

.content-pane.no-footer,
.footer-pane {
  bottom: 10px;
}

.datafield-row {
  margin-top: 6px;
}

.title-text {
  margin-top: 12px;
  font-size: 1.1em;
  font-size: 1.1rem;
  font-weight: bold;
  color: gray;
}

.noJSWarning {
  text-align: center;
  color: #ce191f;
}

/****************************************************
 *
 *  CUSTOM Responsive
 *
 ****************************************************/

.indispensable3, .indispensable4, .indispensable5, .indispensable6 {
  display: none;
}

/****************************************************
 *
 *  CUSTOM tecit-selection
 *
 ****************************************************/

.tecit-selection li a.customSlide {
  /*color: #ce191f;*/
  color: #2C4E82;
}
.tecit-selection li.template .template-owner {
  position: static;
  font-size: 0.8rem;
  font-style: italic;
  padding: 0;
}


/****************************************************
 *
 *  CUSTOM styled-checkbox
 *
 ****************************************************/
.styled-checkbox {
  margin-top: 1em;
  margin-top: 1rem;
}
.styled-checkbox > label {
  margin-left: 29px;
  display: inline-block;
}
.styled-checkbox:not(#foo) input[type=checkbox] + label::before, 
.styled-checkbox:not(#foo) input[type=checkbox] + input[type=hidden] + label::before {
  margin-left: -29px;
}


/****************************************************
 *
 *  CUSTOM styled-datalist
 *
 ****************************************************/
/* NOTE: similar to styled-select */
.styled-datalist {
  overflow: hidden;
  background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQBAMAAAAG6llRAAAABGdBTUEAALGOfPtRkwAAAC1QTFRFnJ2c////nJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2c0T0GNwAAAA50Uk5TAAAQIDBgcH+fr7/P3+9VPDvrAAAAT0lEQVQImWMQhAEBBsJMzQAGBgbLQBCz7hkDA8u9gyCm9rsGBt93YFGmfS9Y7j1lBDEZtN/NfRcAYTLte/eUAcJk0HrrAGMypDBAmMS7AQDZdRi+1V90NwAAAABJRU5ErkJggg==') no-repeat 100%;
  -webkit-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
  -moz-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
  box-shadow: inset 0px 0px 0px 1px #D2D2D2;
  position: relative;
}

.styled-datalist input {
  /*remove default layout  */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
  -moz-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
  box-shadow: inset 0px 0px 0px 1px #D2D2D2;
  padding: 3px 4px;
  width: 100%;
}

.styled-datalist input::-webkit-calendar-picker-indicator {
  display: none;
  visibility:hidden;
}

.styled-datalist input::-ms-clear {
  display: none; /*hide clear bottom in IE*/
}

a.renew-cell {
    color: #ffffff !important;
    background-color: #ce191f;
    border-radius: 3px;
    padding: 3px 15px 3px;    
}

a.renew-cell:hover {
    color: #fff !important;
    background-color: #fd6a00;
}

tr:hover.dxgvDataRow_gv:has(a.renew-cell:hover),
tr:hover.dxgvSelectedRow_gv:has(a.renew-cell:hover),
tr:hover.dxgvFocusedRow_gv:has(a.renew-cell:hover),
tr:hover.dxgvDataRow_gv:has(a.renew-cell:hover) .tecit-red,
tr:hover.dxgvDataRow_gv:has(a.renew-cell:hover) .tecit-lgray {
  background-color: revert;
  color: revert;
  cursor: pointer;
}


/**************************************
/*
/* Icons 
/*
/**************************************/
.custom-radio-buttom-checked {
  background-image: url(../images/labels/checkbox.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: -18px -34px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 1px #d2d2d2 solid;
  border-radius: 6px;
}

.custom-radio-buttom-unchecked {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 1px #d2d2d2 solid;
  border-radius: 6px;
}

/**************************************
/*
/* Icons 14 x 14 (combined with redbutton)
/*
/**************************************/

/*container */
.icon-14 {
  padding: 0px 9px;
  height: 32px;
  min-width: 8px;
}

/*button text*/
.icon-14 > span {
  margin-left: 8px;
}

/*button icon*/
.icon-14:before {
  content: '';
  background-image: url('../images/labels/icons_14.png');
  width: 14px;
  height: 14px;
  margin: 9px 0px;
  float: left;
  display: block;
  padding: 0px;
}

/*.icon-14.disabled {
  color: #ccc;
  cursor: default;
}*/

.add-row:before {
  background-position: 0px -56px;
}

/*TODO: new icon*/
.export-row:before {
  background-position: -30px -30px;
}

.delete-row:before {
  background-position: -28px -56px;
}

.update-row:before {
  background-position: -42px -56px;
}

.file-upload:before {
  background-position: 0 0;
  background-image: url(../images/labels/file_upload.png);
  width: 13px;
  background-size: contain;
  height: 16px;
  margin: 8px 0;
}

/**************************************
/*
/* svg icons 
/*
/**************************************/

/*container*/
.header-pane .svg-icon {
  height: 32px;
  width: 32px;
  position: relative;
  /*top: .08em;
  top: .1rem;*/
  /*fill: #1a1a1a;*/
  fill: #808080;
  /*vertical-align: middle;*/
  padding: 0;
}

/*svg icon in header-pane*/
/*.header-pane .svg-icon svg {
  height: 1em;
  height: 1.1rem;
  width: 1em;
  width: 1.1rem;
  position: relative;
  top: .08em;
  top: .1rem;
  fill: #808080;
  vertical-align: middle;
}*/

  .header-pane .back-button.svg-icon svg {
    height: 24px;
    width: 24px;
    position: relative;
    fill: #808080;
    display: block;
    padding: 4px 10px;
  }

.header-pane .svg-icon:hover svg {
  /*fill: #fd6a00;*/
  fill: #ffffff;
}
.header-pane .svg-icon.disabled svg {
  fill: #ccc;
}

/*svg icon in grid column*/
td.link-button svg {
  /*fill: #1a1a1a;*/
  fill: #808080;
  /*position: relative;
  top: 2px;*/
}
td.link-button a:hover svg {
  fill: #fff;
}

/**************************************
/*
/* Icons 16 x 16
/*
/**************************************/

/*container*/
.icon-16 {
  padding: 0px 8px;
  height: 32px;
}

/*button icon*/
.icon-16:before {
  content: '';
  background-image: url('../images/labels/icons_16.png');
  width: 16px;
  height: 16px;
  margin: 8px 0px;
  display: block;
  float: left;
  padding: 0px;
}


.edit-row{
  display: inline-block;
}

.edit-row:before{
  background-position: -32px 0px;
}

tr:hover.dxgvDataRow_gv .edit-row:before,
tr:hover.dxgvSelectedRow_gv .edit-row:before,
tr:hover.dxgvFocusedRow_gv .edit-row:before,
a:hover .edit-row:before,
.edit-row:hover:before {
  background-position: -32px -64px;
}

/*----------------------------------------------*/
/* hidden filterRow                             */
/*----------------------------------------------*/
.hideFilterRow .dxgvHeader_gv {
 border-bottom: 1px solid #fff!important;
 -webkit-box-shadow: inset 0px -1px 0px 0px #CCCCCC;
 -moz-box-shadow: inset 0px -1px 0px 0px #CCCCCC;
 box-shadow: inset 0px -1px 0px 0px #CCCCCC;
}
.hideFilterRow tr.dxgvFilterRow_gv {
 /*display: none;*/
}

/*----------------------------------------------*/
/*column headers                                */
/*----------------------------------------------*/
.dxgvHeader_gv .dx-vam {
vertical-align: top;
}

.dxgvHeader_gv span.dx-vam {
display: none!important;
}
.dxgvHeader_gv table tbody tr td:first-child {
 width: auto!important;
 text-overflow: ellipsis;
 overflow: hidden;
}
.dxgvHeader_gv table tbody tr td:last-child {
 width: 11px!important;
}

/*----------------------------------------------*/
/* force IE to render columns properly          */
/*----------------------------------------------*/
.dxgvHeader_gv.no-width,
.dxgvCommandColumn_gv.no-width {
 width: 0px;
 padding: 0px!important;
}

/*----------------------------------------------*/
/* FilterRow inputs & links                     */
/*----------------------------------------------*/
.dxgvFilterRow_gv input[class*="dxeEditArea"],
.dxgvFilterRow_gv input[class*="dxeEditArea_gv"]
{
 height: 22px!important;
}
 /*Clear link*/
.dxgvFilterRow_gv .link-button a,
.dxgvFilterRow_gv td.link-button a {
  height: 24px;
  line-height: 24px;
}

/*----------------------------------------------*/
/* Hyperlink column                        */
/*----------------------------------------------*/

.dxgvDataRow_gv a.hl-cell {
  width: 100%;
  /*text-align: right !important;*/
  color: #3434b4 !important;
}

.dxgvDataRow_gv .dx-ar a.hl-cell {
  /*text-align: right !important;*/
}

.dxgvDataRow_gv .dx-al a.hl-cell {
  /*text-align: left !important;*/
}

.dxgvDataRow_gv a.hl-cell:hover {
  color: white !important;
}

.dxgvDataRow_gv a.hl-cell span {
  padding: 0 9px;
}

/*----------------------------------------------*/
/* Last column wthout data                      */
/*----------------------------------------------*/
.dxgvHSDC
{
 background-color: #f4f4f4;
 -webkit-box-shadow: white 0px -1px 0px 0px inset, #ccc 0px -2px 0px 0px inset;
 -moz-box-shadow: white 0px -1px 0px 0px inset, #ccc 0px -2px 0px 0px inset;
 box-shadow: white 0px -1px 0px 0px inset, #ccc 0px -2px 0px 0px inset;
}
.dxgvHSDC td.dxgvHEC {
 background-color: #f4f4f4;
}
.dxgvHSDC.hideFilterRow td.dxgvHEC {
 border-bottom: 1px Solid #fff;
 -webkit-box-shadow: inset 0px -1px 0px 0px #CCCCCC;
 -moz-box-shadow: inset 0px -1px 0px 0px #CCCCCC;
 box-shadow: inset 0px -1px 0px 0px #CCCCCC;
}
.dxgvFilterRow_gv td.dxgvHEC {
  border-bottom: 1px Solid #fff;
  -webkit-box-shadow: inset 0px -1px 0px 0px #CCCCCC;
  -moz-box-shadow: inset 0px -1px 0px 0px #CCCCCC;
  box-shadow: inset 0px -1px 0px 0px #CCCCCC;
}
.dxgvDataRow_gv td.dxgvHEC
{
 border-bottom: 1px Solid #FFF;
 border-right: 1px Solid #FFF;
 border-top: 0;
 border-left: 0;
}

/*----------------------------------------------*/
/*override hyperlinks in GridView               */
/*----------------------------------------------*/
.dxgvDataRow_gv a,
.dxgvFocusedRow_gv a
{
 font-size: 1.2em;
 font-size: 1.2rem;
}

/*----------------------------------------------*/
/* alternate row in  GridView                   */
/*----------------------------------------------*/
tr.dxgvDataRow_gv:nth-child(odd),
tr.dxgvInlineEditRow_gv:nth-child(odd) .dxgvCommandColumn_gv
{
 background-color: #f7f7f7;
}

/*----------------------------------------------*/
/* selected row in  GridView                    */
/*----------------------------------------------*/
tr.dxgvSelectedRow_gv,
tr.dxgvSelectedRow_gv:nth-child(odd)
{
 background-color: #e6e6e6;
}

/*----------------------------------------------*/
/* focused row in  GridView                     */
/*----------------------------------------------*/
tr.dxgvFocusedRow_gv,
tr.dxgvFocusedRow_gv:nth-child(odd) {
  background-color: #e6e6e6;
  color: #fd6a00;
  color: #CE191F;
}

/*----------------------------------------------*/
/* hover style in data rows                     */
/*----------------------------------------------*/
tr:hover.dxgvDataRow_gv,
tr:hover.dxgvSelectedRow_gv,
tr:hover.dxgvFocusedRow_gv,
tr:hover.dxgvDataRow_gv .tecit-red,
tr:hover.dxgvDataRow_gv .tecit-lgray {
  background-color: #FD6A00;
  color: white;
  cursor: pointer;
}

tr.dxgvDataRow_gv,
tr:hover.dxgvDataRow_gv .tecit-red,
tr:hover.dxgvDataRow_gv .tecit-lgray {
 -webkit-transition: color 0.3s, background 0.3s, box-shadow 0.3s;
 -moz-transition: color 0.3s, background 0.3s, box-shadow 0.3s;
 transition: color 0.3s, background 0.3s, box-shadow 0.3s;
}



/*----------------------------------------------*/
/* sorted column - custom image                 */
/*----------------------------------------------*/
.dxGridView_gvHeaderSortUp_gv, 
.dxGridView_gvHeaderSortDown_gv 
{
width: 11px;
height: 31px;
background-image: url('../images/labels/upanddown.png');
background-repeat: no-repeat;
background-color: transparent;
margin-left: 5px;
}
.dxGridView_gvHeaderSortUp_gv
{
 background-position: -11px 5px;
}
.dxGridView_gvHeaderSortDown_gv 
{
 background-position: -0px 5px;
}

/*TOREVIEW: unneeded*/
.dxgvControl_gv .dxpControl_gv td.dxpCtrl_gv, 
.dxgvDisabled_gv .dxpControl_gv td.dxpCtrl_gv
{
 padding-top: 4px; 
}

/*----------------------------------------------*/
/* loading div                                  */
/*----------------------------------------------*/
.dxgvLoadingDiv_gv
{
 background-color:#e6e6e6; 
 opacity: 0.4; 
 filter: alpha(opacity=40);
}

/*----------------------------------------------*/
/*SelectRow CheckBox                            */
/*----------------------------------------------*/
.dxichCellSys.dxeBase_gv {
 padding: 2px!important;
}
.dxICheckBox_gv {
margin: auto;
display: inline-block;
/*vertical-align: middle;*/
}

/*TOREVIEW: unneeded*/
/* Command column (checkbox cell) */
td:hover.dxgvCommandColumn_gv.dxgv
{
 cursor: pointer;
}

/*----------------------------------------------*/
/* CheckBox style                               */
/*----------------------------------------------*/
.dxWeb_edtCheckBoxChecked, 
.dxWeb_edtCheckBoxUnchecked, 
.dxWeb_edtCheckBoxGrayed,
.dxWeb_edtCheckBoxCheckedDisabled,
.dxWeb_edtCheckBoxUncheckedDisabled,
.dxWeb_edtCheckBoxGrayedDisabled {
 background-image: url('../images/labels/checkbox.png');
 background-repeat: no-repeat;
 background-color: transparent;
 width: 18px;
 height: 18px;
 line-height: 18px;
 /* firefox doesn't display box-shadow properly*/
 border: 1px #d2d2d2 solid;
}

.dxWeb_edtCheckBoxChecked_gv, 
.dxWeb_edtCheckBoxUnchecked_gv, 
.dxWeb_edtCheckBoxGrayed_gv,
.dxWeb_edtCheckBoxCheckedDisabled_gv,
.dxWeb_edtCheckBoxUncheckedDisabled_gv,
.dxWeb_edtCheckBoxGrayedDisabled_gv {
 background-image: url('../images/labels/checkbox.png');
 background-repeat: no-repeat;
 background-color: transparent;
 width: 18px;
 height: 18px;
 line-height: 18px;
 /* firefox doesn't display box-shadow properly*/
 border: 1px #d2d2d2 solid;
}

/* CheckBox checked */
.dxWeb_edtCheckBoxChecked_gv,
.dxWeb_edtCheckBoxCheckedDisabled_gv {
background-position: -19px -0px;
}
/* CheckBox checked + hover row */
tr:hover.dxgvDataRow_gv .dxWeb_edtCheckBoxChecked_gv, 
tr:hover.dxgvSelectedRow_gv .dxWeb_edtCheckBoxChecked_gv
{
 background-position: -19px -18px;
}
/* CheckBox checked + hover cell */
td:hover.dxgvCommandColumn_gv.dxgv .dxWeb_edtCheckBoxChecked_gv,
.dxeBase_gv .dxWeb_edtCheckBoxChecked_gv:hover
{
background-position: -19px -36px;
background-color: #FFFFFF;
cursor: pointer;
}

/* CheckBox grayed */
.dxWeb_edtCheckBoxGrayed_gv,
.dxWeb_edtCheckBoxGrayedDisabled_gv {
background-position: -36px -0px;
}
/* CheckBox grayed + hover cell */
td:hover.dxgvCommandColumn_gv.dxgv .dxWeb_edtCheckBoxGrayed_gv,
.dxeBase_gv .dxWeb_edtCheckBoxGrayed_gv:hover
{
background-position: -36px -18px;
background-color: #FD6A00;
cursor: pointer;
}

/* CheckBox unchecked */
.dxWeb_edtCheckBoxUnchecked_gv,
.dxWeb_edtCheckBoxUncheckedDisabled_gv {
background-position: 0px 0px;
}
/* CheckBox unchecked + hover cell */
td:hover.dxgvCommandColumn_gv.dxgv .dxWeb_edtCheckBoxUnchecked_gv,
.dxeBase_gv .dxWeb_edtCheckBoxUnchecked_gv:hover
{
background-color: #FFFFFF;
cursor: pointer;
}
/* CheckBox disabled style */
.dxWeb_edtCheckBoxCheckedDisabled_gv,
.dxWeb_edtCheckBoxGrayedDisabled_gv,
.dxWeb_edtCheckBoxUncheckedDisabled_gv {
 opacity: 0.9;
}

/* CheckBox focused in edit form*/
.dxICBFocused_gv {
 -webkit-box-shadow: 0px 0px 0px 1px #fd6a00;
 -moz-box-shadow: 0px 0px 0px 1px #fd6a00;
 box-shadow: 0px 0px 0px 1px #fd6a00;
}
.dxgvControl_gv,
.dxgvDisabled_gv
{
 border: 0px Solid #FFFFFF;
 background-color: #FFFFFF;
 cursor: default;
}
.dxgvDisabled_gv
{
 color: #808080;
}
.dxgvTable_gv
{
 background-color: #FFFFFF;
 border: 0;
 border-collapse: separate!important;
 overflow: hidden;
}
.dxgvTable_gv .dxgvHEC
{
 border-width: 0;
 overflow: hidden;
 cursor: initial;
}
.dxgvControl_gv .dxgvFGI
{
 position: absolute;
 top: 0;
 bottom: 0;
 margin: auto;
}
.dxgvControl_gv .dxgvFGI
{
 right: 5px;
 left: auto;
}
*[dir="rtl"].dxgvControl_gv .dxgvFGI
{
 right: auto;
 left: 5px;
}
.dxgvFilterRow_gv
{
 background-color: #F4F4F4;
}
.dxgvEditForm_gv
{
 background-color: #FFFFFF;
}
.dxgvEditForm_gv td.dxgv {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #ffffff;
  overflow: auto !important;
  /*firefox ellipsis bug*/
  z-index: 1;
}
.dxgvEditForm_gv td.dxgvIndentCell
{
 background: #EDEDED none;
 border-right: 1px Solid #CFCFCF;
 border-left: 1px Solid #CFCFCF;
 border-top-width: 0px;
}
.dxgvSelectedRow_gv
{
 background-color: #e6e6e6;
}
.dxgvFocusedRow_gv {
  background-color: #e6e6e6;
  color: #FD6A00;
  color: #CE191F;
}
.dxgvSelectedRow_gv .dxgvCommandColumn_gv a, 
.dxgvSelectedRow_gv .dxgvAIC a, 
.dxgvFocusedRow_gv .dxgvCommandColumn_gv a,
.dxgvFocusedRow_gv .dxgvAIC a
{

}
.dxgvSelectedRow_gv .dxgvCommandColumn_gv a:hover, 
.dxgvSelectedRow_gv .dxgvAIC a:hover, 
.dxgvFocusedRow_gv .dxgvCommandColumn_gv a:hover,
.dxgvFocusedRow_gv .dxgvAIC a:hover
{

}
.dxgvFocusedRow_gv .dxgvADSB > img
{
 opacity: 1;
}
.dxgvEmptyDataRow_gv td.dxgv
{
 border-top: 0;
 border-left: 0;
 border-right: 0;
}
.dxgvEmptyDataRow_gv
{
}
.dxgvEmptyDataRow_gv td.dxgv
{
 text-align: center;
}
.dxgvEditFormDisplayRow_gv td.dxgv,
.dxgvDataRow_gv td.dxgv
{
 overflow: hidden;
 border-bottom: 1px Solid #FFFFFF;
 border-right: 1px Solid #FFFFFF;
 border-top: 0;
 border-left: 0;
 padding: 0 9px;
 font-size: 1.1em;
 font-size: 1.2rem;
 white-space: nowrap;
 text-overflow: ellipsis;
}
.dxgvDataRow_gv td.dxgvAIC
{
 padding: 0 4px;
}
.dxgvEditFormDisplayRow_gv
{
}
.dxgvEditFormDisplayRow_gv td.dxgv
{
}
.dxgvEditFormDisplayRow_gv td.dxgvIndentCell
{
 background: #EDEDED none;
 border-right: 1px Solid #CFCFCF;
 border-left: 1px Solid #CFCFCF;
 border-top-width: 0px;
}
.dxgvEditingErrorRow_gv
{
 background-color: #CE191F;
 color: #FFFFFF;
}
.dxgvEditingErrorRow_gv td.dxgv
{
 white-space: pre-wrap;
 border-bottom: 1px Solid #D3D3D3;
 border-right-width: 0;
 border-top-width: 0;
 border-left-width: 0;
 padding: 6px 10px;
}
.dxgvFilterRow_gv td.dxgv
{
 border-bottom: 1px Solid #FFFFFF;
 border-right: 1px Solid #FFFFFF;
 border-top-width: 0;
 border-left-width: 0;
 overflow: hidden;
 -webkit-box-shadow: inset 0px -1px 0px 0px #CCCCCC;
 -moz-box-shadow: inset 0px -1px 0px 0px #CCCCCC;
 box-shadow: inset 0px -1px 0px 0px #CCCCCC;
 padding: 4px 6px;
 text-align: center;
}
.dxgvFilterRow_gv td.dxgv:first-child {
  padding: 0px 6px;
}
.dxgvFilterRow_gv td a.svg-icon {
  /*fill: #808080;
  display: block;
  height: 24px;
  padding: 13px 6px 11px 6px;
  position: relative;
  top: -2px;
  width: 100%;
  margin-left: -6px;*/
  fill: #808080;
  display: block;
  height: 24px;
  padding: 4px 6px;
  position: relative;
  top: -2px;
  width: 100%;
  margin-left: -6px;
}
.dxgvFilterRow_gv td a.svg-icon:hover {
  fill: #FFFFFF;
  background-color: #FD6A00;
}
.dxgvFocusedRow_gv td.dxgvIndentCell
.dxgvSelectedRow_gv td.dxgvIndentCell
{
 background-color: #EDEDED!important;
 border-right: 1px solid #CFCFCF;
 border-left: 1px solid #CFCFCF;
 border-top-width: 0px;
}
.dxIE .dxgvMSDraggable_gv .dxgvHeader_gv
{
 -ms-touch-action: pinch-zoom;
}
.dxEdge_gv .dxgvMSDraggable_gv .dxgvHeader_gv
{
 touch-action: pinch-zoom;
}
.dxgvHeader_gv
{
 cursor: pointer;
 white-space: nowrap;
 padding: 2px 8px;
 border-top: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 border-left: 0;
 border-bottom: 0;
 background-color: #F4F4F4!important;
 overflow: hidden;
 text-align: left;
}
.dxgvHeader_gv.inherit-cursor {
 cursor: inherit;
}
.dxgvHeader_gv table {
 width: 100%;
 table-layout: fixed;
}
.dxgvHeader_gv td
{
 white-space: nowrap;
 font-size: 1em;
 font-size: 1rem;
 vertical-align: top;
 height: 32px;
 /*Opera*/
 line-height: 32px;
}
.dxgvHeader_gv td.dx-wrap
{
  line-height: initial;
  vertical-align: middle;
}
.dxgvHeader_gv a
{
 color: #CE191F;
}
.dxgvHeader_gv a.dxgvCommandColumnItem_gv
{
 color: #CE191F;
}
.dxgvHeader_gv a.dxgvCommandColumnItem_gv:hover
{
 color: #fd6a00;
}
.dxgvDataRow_gv td.dxgvIndentCell
{
 background-color: #EDEDED;
 border-right: 1px Solid #FFFFFF;
 border-left: 1px Solid #FFFFFF;
 border-top-width: 0px;
}
.dxgvTitlePanel_gv, 
.dxgvTable_gv caption
{
 font-size: 1em;
 font-size: 1.1rem;
 font-weight: normal;
 padding: 3px 3px 5px;
 text-align: center;
 background-color: #F4F4F4;
 color: #1A1A1A;
 border-bottom: 1px Solid #FFFFFF;
}
.dxgvStatusBar_gv
{
 border-top: 1px Solid #FFFFFF;
}
.dxgvStatusBar_gv tr.dxgv
{
 height: 20px;
}
.dxgvStatusBar_gv tr.dxgv > td
{
 padding: 4px;
}
.dxgvStatusBar_gv tr.dxgv span .dxbButtonSys:first-child
{
 margin-left: 2px;
}
.dxgvCommandColumn_gv
{
 padding: 0px;
 height: 0;
 line-height: 0;
 white-space: nowrap;
}
.dxgvCommandColumn_gv a,
.dxgvCommandColumn_gv a:visited
{
 color: #CE191F;
}
.dxgvCommandColumn_gv a:hover
{
 color: #fd6a00;
}
.dxgvCommandColumn_gv a:hover.dxbDisabled_gv
{
 color: #808080;
}
.dxbButton_gv[class~="dxgvCommandColumnItem"],
.dxgvEditFormTable_gv div.dxbButton_gv
{
 margin: 0px 2px -1px 2px;
}
.dxbButton_gv[class~="dxgvCommandColumnItem"] .dxb
{
 padding-top: 0;
 padding-bottom: 0;
}
.dxgvFilterRow_gv a.dxgvCommandColumnItem_gv
{
 display: inline-block;
 margin-top: 1px;
}
.dxgvEditFormTable_gv
{
 padding: 0;
 color: #1a1a1a;
 background-color: #FFFFFF;
}
.dxgvEditFormTable_gv a,
.dxgvEditFormTable_gv a:visited
{
 color: #CE191F;
}
.dxgvEditFormTable_gv a:hover
{
 color: #fd6a00;
}
.dxgvEditFormCaption_gv
{
 padding: 4px 4px 4px 10px; 
 white-space: nowrap;
}

.dxgvEditFormCell_gv
{
 padding: 4px;
 border-width: 0;
}
.dxgvDataRowHover_gv
{
 background: #cfcfcf none;
 color: Black;
}

.dxgvControl_gv .dxpLite_gv,
.dxgvDisabled_gv .dxpLite_gv
{
 padding-top: 4px;
}

.dxgvControl_gv .dxgvHFSAC
{
 padding: 9px 0 0 4px;
}
.dxgvControl_gv .dxgvHFSC
{
 padding: 9px 0 6px;
}
.dxgvControl_gv .dxgvHFSC div
{
 height: 1px;
 background: #8b8b8b;
}
.dxgvControl_gv .dxgvHFSD
{
 height: 1px;
 margin: 2px 0;
}
.dxgvControl_gv .dxgvHFDRC
{
 margin: 15px 15px 25px;
}
.dxgvControl_gv .dxgvHFDRP
{
 margin-left: 15px;
 margin-right: 15px;
 padding: 9px 0 6px;
}
.dxgvControl_gv .dxgvHFDRP[id*="HFFDE"]
{
 margin-top: 15px;
 margin-bottom: 5px;
}
.dxgvControl_gv .dxgvHFDRP[id*="HFTDE"]
{
 margin-bottom: 25px;
}

/* Removes flicking in iOS Safari*/
.dxgvTable_gv
{
 -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.dxgvControl_gv div[id$='DXEPLPC']
{
 height: 45px;
}

.dxgvControl_gv .dxgvErrorCell_gv
{
 padding-left: 5px;
 width: 1px;
}
.dxgvControl_gv .dxgvErrorCell_gv img
{
 margin: -3px 0;
}
.dxgvStatusBar_gv .dxgvCommandColumn_gv a
{
 margin-right: 10px;
}
.dxgvEmptyDataRow_gv > td.dxgv,
.dxgvDataRow_gv.dxgvLVR > td.dxgv
{
 border-bottom-width: 0;
}
.dxgvRBB .dxgvEmptyDataRow_gv.dxgvLVR > td.dxgv,
.dxgvRBB .dxgvDataRow_gv.dxgvLVR > td.dxgv
{
 border-bottom-width: 1px !important;
}
.dxgvDataRow_gv td.dxgvPHEC {
 border-right: 1px solid #FFFFFF;
}
/* LoadingPanel */
.dxgvLoadingPanel_gv
{
 background-color: #e6e6e6;
 border: 1px solid #d2d2d2;
}
.dxgvLoadingPanel_gv td.dx
{
 white-space: nowrap;
 text-align: center;
 padding: 12px;
}
.dxgvLoadingPanel_gv .dxlp-loadingImage,
.dxgvLoadingPanelStatusBar_gv .dxlp-loadingImage
{
 background: url('images/Loading.gif');
 height: 16px;
 width: 16px;
}
.dxgvLoadingPanelStatusBar_gv
{
 background-color: Transparent;
}
.dxgvLoadingPanelStatusBar_gv td
{
 white-space: nowrap;
 text-align: center;
 padding: 0px 2px;
}

.dxgvControl_gv .dxgvHL
{
 background: #ffd83a;
 color: #333333;
 font-weight: bold;
 font-style: normal;
}

.dxgvEditForm_gv .dxflGroupBoxCaption_gv {
 background-color: #f0f0f0;
}

.dxgvFocusedCell_gv
{
 box-shadow: inset 2px 2px 0 #2292B1, inset -2px -2px 0 #2292B1;
 -webkit-box-shadow: inset 2px 2px 0 #2292B1, inset -2px -2px 0 #2292B1;
 -moz-box-shadow: inset 2px 2px 0 #2292B1, inset -2px -2px 0 #2292B1;
}

/*align captions, fields, errorFrames in editform */

.dxgvEditFormTable_gv tr {
  vertical-align: initial;
}
.dxeErrorCell_gv.dxeErrorFrame_gv {
  white-space: pre-wrap !important;
}
/*.dxgvEditFormCaption_gv label {
  white-space: initial;
}*/

/* FilterButton */

.dxGridView_gvFilterRowButton_gv {
  background-image: url(../images/labels/icons_10.png);
  background-color: transparent;
  display: inline-block;
  background-position: 0 50px;
  width: 10px;
  height: 10px;
  margin: 0 6px;
}

.dxGridView_gvFilterRowButton_gv:hover {
  background-position: 0 30px;
}

/* Filter Menu - popup*/

.dxmLite_gv .dxm-popup {
  border: 1px solid #d2d2d2;
  background-color: white;
  padding: 1px;
}

.dxmLite_gv .dxm-popup .dxm-gutter {
  background-color: #f7f7f7;
  width: auto !important;
}

.dxm-item {
  padding: 4px 0;
}

.dxm-item.dxm-checked {
  color: #FD6A00;
}

.dxm-item.dxm-hovered {
  background-color: #FD6A00;
  color: white;
}

.dxm-item .dxm-content {
  padding: 0 4px;
}

.dxm-item .dxm-content img.dxm-image.dx-vam {
  display:none!important;
}

/*a.hl-cell.renew-cell {
    color: #ffffff !important;
    background-color: #ce191f;   
    border-radius: 3px;
    padding: 0px 15px 1px;*/
    /* line-height: 31px !important; */
    /*width: auto;
    height: 78%;
    margin: 2px auto;
}
a.hl-cell.renew-cell:hover {
    color: #fff !important;
    background-color: #fd6a00;
}*/
/*----------------------------------------------*/
/* DevExpress elements                          */
/*----------------------------------------------*/
.dxeLoadingPanel_gv,
.dxeLoadingPanelWithContent,
.dxeBase_gv,
.dxeErrorCell_gv,
.dxeErrorCell_gv td,
.dxeEditArea_gv,
.dxeButtonEditButton_gv,
.dxeButtonEditButton_gv td.dx,
.dxeMemoEditArea_gv,
.dxeListBox_gv,
.dxeListBoxItem_gv,
.dxeErrorCellSys,
.dxeEditAreaSys,
.dxeMemoEditAreaSys
{
 font-family: 'Source Sans Pro', Arial, sans-serif !important;
 /*IE8*/
 font-size: 1.1em;
 font-size: 1.1rem;
}


/*IE8 fallback*/
td.dxic
{
 /*IE8*/
 font-size: 1.1em!important;
 font-size: 1.1rem!important;
}


/* Style for another DevExpress elements ---------------------------------------------------*/

/* disabled styles */
.dxeDisabled_gv, .dxeDisabled_gv td.dxe {
 color: #808080;
 cursor: default;
 background-color: transparent;
}

.dxeButtonDisabled, .dxeButtonDisabled td.dxe {
 cursor: default;
}

/*readonly*/
.dxeReadOnly_gv {
 color: #808080;
}
.dxeReadOnly_gv input[type="text"].dxeEditAreaSys,
.dxeReadOnly_gv textarea.dxeMemoEditAreaSys,
.dxeReadOnly_gv .dxICheckBox_gv 
{
  background-color: #f7f7f7;
}

/*remove padding from input container*/
.dxeTextBoxSys td.dxic,
.dxeButtonEditSys td.dxic,
.dxeTextBox_gv td.dxic,
.dxeButtonEdit_gv td.dxic {
 padding: 0px!important;
}

/*style input container*/
.dxeTextBox_gv, 
.dxeMemo_gv, 
.dxeButtonEdit_gv {
 background-color: white;
 border: solid 1px #d2d2d2 !important;
 border-spacing: 0px!important;
 border-collapse: collapse;
}

/*style nulltext on inputs*/
.dxeNullText_gv .dxeEditArea_gv,
.dxeNullText_gv .dxeMemoEditArea_gv {
 color: #808080 !important;
}

/*memo fields*/
.dxeMemoEditAreaSys {
 height: auto;
 /*Edge*/ 
 color: #1a1a1a!important;
}
.dxeMemoSys td {
 padding: 0px;
}

/* input error frames */
.dxeErrorFrameWithoutError_gv {
 border: solid 1px #CE191F!important;
}
.dxeErrorFrameWithoutError_gv .dxeControlsCell_gv,
.dxeErrorFrameWithoutError_gv.dxeControlsCell_gv {
 padding: 0px!important;
}
.dxeErrorCell_gv, .dxeErrorCell_gv td {
 color: #fff;
 background-color: #CE191F !important;
 color: white !important;
 font-size: 1.1em !important;
 font-size: 1.1rem !important;
 padding: 0 2px;
}

/*focused fields*/
.dxeFocused_gv {
 border: 1px solid #FD6A00!important;
}

/*default dropdown*/
.dxeButtonEditButton_gv {
  /*height: 0px;*/
  /*width: 0px!important;*/
  vertical-align: middle;
  /*border: none !important;*/
  border: none;
  cursor: pointer;
  background: none;
}

.dxeButtonEditButton_gv.dxeDisabled_gv {
   cursor: default;
   opacity: 0.65;
   background-color: #f7f7f7
 }

/* remove opacity for readonly - disabled buttons */
.dxeReadOnly_gv .dxeButtonEditButton_gv.dxeDisabled_gv {
  opacity: initial;
}

 /*dropdown button to open list*/
.dxEditors_edtDropDown_gv {
 background-position: -175px 0px !important;
 width: 19px !important;
 height: 22px !important;
}
/*disabled dropdown button image*/
.dxeDisabled_gv .dxEditors_edtDropDown_gv {
 background-position: -175px 0px !important;
 width: 19px !important;
 height: 22px !important;
}
.dxEditors_edtDropDown_gv {
 display: block;
 margin: auto;
 background-image: url('../images/metro/sprite.png') !important;
 background-repeat: no-repeat;
 background-color: transparent;
}

/*list*/
.dxeListBox_gv {
 background-color: white;
 border: solid 1px #d2d2d2!important;
 /*margin-left: -1px;*/
}

.dxeListBoxItem_gv, 
.dxeListBoxItemSelected_gv, 
.dxeListBoxItemHover_gv {
 /*
 font-size: 1.3em !important;
 font-size: 1.2rem !important;
 color: #1a1a1a !important;
*/
 color: #1a1a1a;
}
/*
.filter-dropdown .dxeListBoxItem_gv {
 font-size: 1em !important;
 font-size: 1.1rem !important;
}
*/
.dxeListBoxItem_gv {
 /*
 border-left: solid 1px white;
 border-right: solid 1px white;
 padding: 3px 2px 4px 3px;
*/
 padding: 4px;
 white-space: nowrap;
 text-align: left;
 /*font-weight: normal;*/
}
.dxeListBoxItemSelected_gv {
 /*background-color: #e6e6e6 !important;*/
 background-color: #e6e6e6;
}
.dxeListBoxItemHover_gv {
 background-color: #FD6A00;
 color: #FFF;
}
/*#endregion*/

 
/*#region Input*/
.dxeEditArea, input[type="text"].dxeEditArea, input[type="password"].dxeEditArea {

}

input[class*="dxeEditArea"], 
input[class*="dxeEditAreaSys"], 
input[class*="dxucEditArea"], 
textarea[class*="dxeMemoEditArea"]
{
 font-size: 1.1em;
 font-size: 1.2rem;
 display: inline-block;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 margin: 0px!important;
 padding: 4px;
 box-sizing: border-box;
}

input[class*="dxeEditArea"],
input[class*="dxeEditAreaSys"],
input[class*="dxucEditArea"] {
 height: 28px!important;
 /*Force IE*/
 line-height: normal!important;
}
 
textarea[class*="dxeMemoEditArea"] {
 /*IE avoid displaying scrollbar when is not needed*/
 overflow-x: visible;
 overflow-y:auto;
 line-height: normal;
}

input[class*="dxeEditArea"]:focus, 
input[class*="dxucEditArea"]:focus, 
textarea[class*="dxeMemoEditArea"]:focus {
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}

/* New Dx 13.2*/
.dxeEditAreaSys,
input[type="text"].dxeEditAreaSys,
input[type="password"].dxeEditAreaSys {
 /*Edge*/
 padding: 4px!important;
}

/*customization*/

.rightTextBox input[type="text"].dxeEditAreaSys {
 text-align: right;
}

/* Removes flicking in iOS Safari*/
.dxeTrackBar_gv, .dxeIRadioButton_gv, .dxeButtonEdit_gv, 
.dxeTextBox_gv, dxeMemo_gv, .dxeRadioButtonList_gv, .dxeCheckBoxList_gv, 
.dxeMemo_gv, .dxeListBox_gv, .dxeCalendar_gv, 
.dxeColorTable_gv
{
 -webkit-tap-highlight-color: rgba(0,0,0,0);
 -webkit-tap-highlight-color: transparent; /* For some Androids */
}


/*#region DevExpress Controls */
.dxeCalendarButton,
.dxeCalendarButton td.dx,
.dxeCalendarButton,
.dxeCalendarButton td,
.dxeCalendarDayHeader,
.dxeCalendarWeekNumber,
.dxeCalendarDay,
.dxeCalendarHeader td.dxe,
.dxeCalendarFastNavMonth,
.dxeCalendarFastNavYear
{
  font-family: 'Source Sans Pro', Arial, sans-serif !important;
  /*IE8*/
  font-size: 1.1em;
  font-size: 1.1rem;
}
.dxeCalendarButton
{
  background:none !important;
}
/*#endregion*/

/*#region General Calendar*/
.dxeCalendarButton {
  font-size: 1.1em;
  font-size: 1.2rem;
  background: none;
  background-color: #CE191F !important;
  color: #FFFFFF;
  padding: 4px 8px;
  /*height: 24px;*/
  height: auto;
  border: none;
}
.dxeCalendarButton:hover {
  background-color: #FD6A00;
  color: white;
}
.dxeCalendarDay:hover {
  background-color: #FD6A00;
  color: white !important;
}
/*#endregion*/


/*#region Calendar*/
/******************/
/* -- Calendar -- */
/******************/
.dxeCalendar_gv
{ 
  border: none;
  background-color: White;
  color: Black;
  font-weight: normal;
  cursor: default;
  font-size: 1.1em;
  font-size: 1.2rem;
}
.dxeCalendar_gv .dxeFocused_gv {
  border: none;
}
.dxeCalendar_gv td.dxMonthGrid_gv,
.dxeCalendar_gv td.dxMonthGrid
{
  padding: 0px 8px;
}
.dxeCalendar_gv td.dxMonthGridWithWeekNumbers_gv
{
  padding: 5px 20px 8px 8px;    
}
.dxeCalendar_gv td.dxMonthGridWithWeekNumbersRtl_gv
{
  padding: 5px 8px 8px 20px;
}
.dxeCalendarDayHeader_gv
{
  padding: 5px 0px;
  border-bottom: solid 1px #cccccc;
  color: #4c4c4c;
  line-height: 20px;
}
.gvProjects .dxeCalendarDayHeader_gv {
  padding: 2px 0px;
}
.block-h-4 .dxeCalendarDayHeader_gv {
  padding: 4px 0px;
}
.dxeCalendarWeekNumber_gv
{   
  font-size: 1.1em;    
  font-size: 1.2rem;    
  text-align: right;    
  padding: 6px 8px 6px 4px;        
  color: #808080;
}
.dxeCalendarDay_gv
{ 
  color: #4c4c4c;
  font-size: 1.1em;
  font-size: 1.2rem;
  padding: 2px 0px;
  text-align: center;    
  line-height: 28px;
  width: 87px;
  padding: 0px 0px;
  line-height: 32px;
  width: 41px;
}
.block-h-4 .dxeCalendarDay_gv {
  line-height: 42px;
}
.dxeCalendarDay_gv:hover 
{
  background-color: #FD6A00;
  color: white;
}
.dxeCalendarWeekend_gv        
{
  color: #CE191F;
}
.dxeCalendarOtherMonth_gv     /* inherits dxeCalendarDay */
{
    color: #DBDBDB;
}
.dxeCalendarOutOfRange_gv     /* inherits dxeCalendarDay */
{
    color: #fff;
}
.dxeCalendarSelected_gv       /* inherits dxeCalendarDay */
{
  color: #4c4c4c;
  background-color: #e6e6e6;
}
.dxeCalendarWeekend_gv.dxeCalendarSelected_gv /* inherits dxeCalendarDay */ 
{
  color: #CE191F;
}
.dxeCalendarWeekend_gv.dxeCalendarSelected_gv:hover {
  color: white;
}
.dxeCalendarToday_gv         /* inherits dxeCalendarDay */
{
  -webkit-box-shadow: 0px 0px 0px 1px #FD6A00 inset;
  -moz-box-shadow: 0px 0px 0px 1px #FD6A00 inset;
  box-shadow: 0px 0px 0px 1px #FD6A00 inset;
}
.dxeCalendarHeader_gv
{
  border: solid 1px #cccccc;    
  border-width: 1px 0;
  padding:5px 10px;
  color: #4c4c4c;
  background-color: #f4f4f4;
  font-size: 1.1em;
  font-size: 1.2rem;
  line-height: 24px;
  /*last update*/
  padding:8px 8px 6px;
  line-height: 20px;
  /* HTML5 ???*/
  line-height: 0px;
}
.dxeCalendarHeader_gv td.dxe
{
  /*font-size: 1.1em;
  font-size: 1.2rem;*/
  text-align: center;
	cursor: pointer;
}
.dxeCalendarFooter_gv 
{
  background-color: #fff;
  padding:4px 0px;
}
.dxeCalendarButton_gv {
  font-size: 1.2em;
  font-size: 1.4rem;
  background:none ;
  background-color: #CE191F;
  color: #FFFFFF;
  padding: 4px 8px;
  height: 24px;
  border: none;
}
.dxeCalendarButton_gv:hover {
  background-color: #FD6A00;
  color: white;
}
.dxeCalendarFastNav_gv
{
  color: Black;
  background: White;
  border: solid 1px #d2d2d2;
  border-bottom: 0px;
  padding: 12px 8px;
}
.dxeCalendarFastNavMonthArea_gv
{
  padding: 0px 9px;
}
.dxeCalendarFastNavYearArea_gv
{    
}
.dxeCalendarFastNavFooter_gv
{
  color: #4c4c4c;
  background-color: #ededed;
  padding: 8px 0px;
  border: solid 1px #d2d2d2;
  border-top: solid 1px #cccccc;
}
.dxeCalendarFastNavMonth_gv,
.dxeCalendarFastNavYear_gv
{  
  color: #4c4c4c;
  padding: 3px 5px;
  text-align: center;
	cursor: pointer;
}
.dxeCalendarFastNavMonth_gv
{
	padding: 6px;
}
.dxeCalendarFastNavMonthSelected_gv,
.dxeCalendarFastNavYearSelected_gv
{
  color: #4c4c4c;
  background: #e6e6e6;
}
.dxeCalendarFastNavMonthHover_gv,
.dxeCalendarFastNavYearHover_gv
{        
  color: #fff;
  background: #fd6a00;
  padding: 2px 4px;
  border: solid 1px #fd6a00;
}
.dxeCalendarFastNavMonthHover_gv
{
	padding: 5px;
}
/*#endregion*/

/*#region Touch Screen*/
.dxeCalendar, .dxeCalendar_gv
{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent; /* For some Androids */
}
/*#endregion*/

/*Calendar custom sprite Buttons*/

.dxCalenderButtonsSpriteUp,
.dxCalenderButtonsSpriteDown,
.dxCalenderButtonsSpriteUp_gv,
.dxCalenderButtonsSpriteDown_gv {
  width: 11px;
  height: 31px;
  background-image: url('../images/labels/upanddown.png');
  background-repeat: no-repeat;
  background-color: transparent;
  margin-left: 5px;
}

.dxCalenderButtonsSpriteUp,
.dxCalenderButtonsSpriteUp_gv {
  background-position: -11px 5px;
}

.dxCalenderButtonsSpriteDown,
.dxCalenderButtonsSpriteDown_gv {
  background-position: -0px 5px;
}

/********* R1 ********/
/*                   */
/* 1420px ->         */
/*                   */
/* b1    b2    b3    */
/* 144 - 300 - 456   */
/* block-inner       */
/* padding: 18px     */
/*********************/

@media only screen and /*!YUI*/ (min-width: 1420px) {
	.block-h-4
	{
		/*height:612px;
     adjusted to selectionPane */
    height:618px;
	}

  /*** panes ***/

  .header-pane,
  .footer-pane {
    height: 50px;
  }

  .header-pane,
  .footer-pane,
  .content-pane  {
    left: 18px;
    right: 18px;
  }

  .header-pane {
    top: 18px;
  }

  .content-pane {
    top: 71px; 
    bottom: 71px;
  }

  .content-pane.no-footer,
  .footer-pane {
    bottom: 18px;
  }

  .btRight, .btLeft {
    margin-top: 17px;
  }

  .loadingBar:before {
    animation: loading 2s linear infinite;
  }
}

/********* R2 ********/
/*                   */
/* 1270px <-> 1419px */
/*                   */
/* b1    b2    b3    */
/* 128 - 268 - 408   */
/* block-inner       */
/* padding: 12px     */
/*********************/

@media only screen and /*!YUI*/ (min-width: 1270px) and /*!YUI*/ (max-width: 1419px) {
  
  .block-h-4 
  {
    height:548px;
  }

  /*** panes ***/
  
  .header-pane,
  .footer-pane,
  .content-pane  {
    left: 12px;
    right: 12px;
  }

  .header-pane {
    top: 12px;
  }

  .content-pane {
    top: 56px;
    bottom: 56px;
  }

  .content-pane.no-footer,
  .footer-pane {
    bottom: 12px;
  }

  .loadingBar:before {
    animation: loading 1.8s linear infinite;
  }
}

/********* R1+2+3 ****/
/*                   */
/* 980px ->          */
/*                   */
/*********************/

@media only screen and (min-width: 980px) {
  .deleteNo, .deleteYes {
    width: 100px;
  }
}

/********* R3 ********/
/*                   */
/*   D E F A U L T   */
/*                   */
/* 980px <-> 1269px  */
/*                   */
/* b1    b2    b3    */
/* 96    204   312   */
/* block-inner       */
/* padding: 10px     */
/*********************/

@media only screen and /*!YUI*/ (min-width: 980px) and /*!YUI*/ (max-width: 1269px) {
  
  .block-h-4 
  {
    height:420px;
  }

  .btLeft, .btRight {
    min-width: 40px;
  }

  .loadingBar:before {
    animation: loading 1.6s linear infinite;
  }

  .dispensable3 {
    display: none !important;
    width: 0px;
  }

  .indispensable3 {
    display: inline-block;
  }

  #loginForm .content-pane {
    overflow-y: auto;
    bottom: 70px;
  }
}

/********* R3+4 ******/
/*                   */
/* 768px <-> 1269px  */
/*                   */
/*********************/

@media only screen and /*!YUI*/(min-width: 768px) and /*!YUI*/(max-width: 1269px)
{

}

/********* R4 ********/
/*                   */
/* 768px <-> 979px   */
/*                   */
/* b1    b2    b3    */
/* 78 -  162 - 246   */
/* block-inner       */
/* padding: 6px      */
/*********************/

@media only screen and /*!YUI*/ (min-width: 768px) and /*!YUI*/ (max-width: 979px) {

/*  #newAccountPane .one-half {
	  float: none;
	  margin:0;
	  width:auto;
	}
*/  
  .block-h-4 
  {
    height:330px;
  }
  
  /*** panes ***/

  .header-pane,
  .footer-pane {
    height: 37px;
  }
  
  .header-pane,
  .footer-pane,
  .content-pane  {
    left: 6px;
    right: 6px;
  }

  .header-pane {
    top: 6px;
  }

  .content-pane {
    top: 46px;
    bottom: 46px;
  }

  .content-pane.no-footer,
  .footer-pane {
    bottom: 6px;
  }

  #loginForm .content-pane {
    overflow-y: auto;
    bottom: 60px;
  }

  /*** other ***/

  .btLeft {
    min-width: 40px;
  }
  
  .btRight {
    min-width: 32px;
  }


  .deleteNo, .deleteYes {
    width: 90px;
  }

  .btRight, .btLeft {
    margin-top: 5px;
  }

  .dispensable3, .dispensable4 {
    display: none !important;
    width: 0px;
  }

  .indispensable3, .indispensable4 {
    display: inline-block;
  }

  .loadingBar:before {
    animation: loading 1.4s linear infinite;
  }
}

/***** R1+2+3+4 ******/
/*                   */
/* 768px ->          */
/*                   */
/*********************/

/*
  @media only screen and (min-width: 768px) {
}
*/


/* -------------------------------------- Start column layout ----------------------------------------------- */

/********* R5+6 ******/
/*                   */
/*        0 <- 767px */
/*                   */
/* block-inner       */
/* padding: 12px     */
/*********************/

@media only screen and /*!YUI*/ (max-width: 767px) {

  /*** panes ***/
  
  .header-pane,
  .footer-pane,
  .content-pane  {
    left: 12px;
    right: 12px;
  }

  .header-pane {
    top: 12px;
  }

  .content-pane {
    top: 56px;
    bottom: 56px;
  }

  .content-pane.no-footer {
    bottom: 12px;
  }

  .footer-pane {
    bottom: 12px;
  }
  
  /******/

  .slideContainer {
    width: auto;
  }

  .slide {
    float: none;
    width: auto;
  }

  #menuPane {
    margin: 12px 0;
  }

  .group-menu {
    width: 100%;
  }

  .group-menu li {
    width: 49%;
  }

/*  #groupsPane .content-pane {
    background-size: 0;
  }*/

  .moas-mdm{
    margin: -12px 0;
  }

  .btLeft, .btRight {
    min-width: 32px;
  }

  .deleteNo, .deleteYes {
    width: 50px;
  }
  
  .loadingBar:before {
    animation: loading 1.2s linear infinite;
  }
}

/********* R5 ********/
/*                   */
/* 480px <-> 767px   */
/*                   */
/*********************/

@media only screen and /*!YUI*/ (min-width: 480px) and /*!YUI*/ (max-width: 767px) {
  /* fixed height for content on mobile devices */
  .moas-mdm .block-h-3,
  .moas-mdm .block-h-4 {
    height: 480px;
  }

  .dispensable3, .dispensable4, .dispensable5 {
    display: none !important;
    width: 0px;
  }

  .indispensable3, .indispensable4, .indispensable5 {
    display: inline-block;
  }
}

/********* R6 ********/
/*                   */
/*       0 <-> 479px */
/*                   */
/*********************/

@media only screen and /*!YUI*/ (max-width: 479px) {
  /* fixed height for content on mobile devices */
  .moas-mdm .block-h-3,
  .moas-mdm .block-h-4 {
    height: 356px;
  }

  .dispensable3, .dispensable4, .dispensable5, .dispensable6 {
    display: none !important;
    width: 0px;
  }

  .indispensable3, .indispensable4, .indispensable5, .indispensable6 {
    display: inline-block;
  }

  .deleteNo, .deleteYes {
    width: 40px;
    display: inline-block;
    padding: 0px;
  }
}


/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  
  /* displays shadow on input elements properly*/
  input,
  textarea,
  select {
    -webkit-appearance: none;
    border-radius: 0;
  }
}
/*#region Vertical Menu - tecit-selection*/

.tecit-selection {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  right: 1px;
}

  .tecit-selection > ul {
    margin-right: 3px;
  }


  /* list-items */
  .tecit-selection li {
    font-size: 1.4em; /* Fallback */
    font-size: 1.5rem;
    margin-bottom: 3px;
    position: relative;
  }

    .tecit-selection li:last-of-type {
      margin-bottom: 0;
    }

    .tecit-selection li a {
      color: #1A1A1A;
      background-color: #CCCCCC;
      display: block;
      position: relative;
      height: 51px;
      line-height: 51px;
      -webkit-box-shadow: inset 60px 0 0 0 #CE191F;
      -moz-box-shadow: inset 60px 0 0 0 #CE191F;
      box-shadow: inset 60px 0 0 0 #CE191F;
    }

      .tecit-selection li a:hover.mouseover,
      .tecit-selection li.selected > a {
        -webkit-box-shadow: inset 60px 0 0 0 #FD6A00;
        -moz-box-shadow: inset 60px 0 0 0 #FD6A00;
        box-shadow: inset 60px 0 0 0 #FD6A00;
      }

      .tecit-selection li a span {
        position: absolute;
        right: 0;
        left: 60px;
        padding: 0 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

    .tecit-selection li ul {
      margin-top: 3px;
    }


    .tecit-selection li li {
      font-size: 0.75em; /* Fallback */
      font-size: 1.1rem;
    }

      .tecit-selection li li a {
        display: block;
        position: relative;
        height: 30px;
        line-height: 30px;
        background-color: #E6E6E6;
        -webkit-box-shadow: inset 60px 0 0 0 #CCCCCC;
        -moz-box-shadow: inset 60px 0 0 0 #CCCCCC;
        box-shadow: inset 60px 0 0 0 #CCCCCC;
      }

    .tecit-selection li a:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }

  .tecit-selection.hover li a:hover:after,
  .tecit-selection.hover li.selected > a:after {
    -webkit-box-shadow: inset 0 0 0 6px rgba(250,250,250,0.5);
    -moz-box-shadow: inset 0 0 0 6px rgba(250,250,250,0.5);
    box-shadow: inset 0 0 0 6px rgba(250,250,250,0.5);
  }

  /* Image for each element list */
  .tecit-selection li a:before {
    content: '';
    width: 60px;
    height: 51px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
  }

  .tecit-selection li.shared a:before {
    background-image: url(../images/labels/share_white_24dp.png);
    background-position: 0 0px;
    width: 24px;
    height: 24px;
    margin: 3px 18px;
  }

  .tecit-selection li li a:before {
    height: 30px;
  }

/*#endregion*/

@media only screen and /*!YUI*/ (max-width: 767px) {
  .tecit-selection li a,
  .tecit-selection li li a {
    background-color: #FFFFFF;
  }

  .tecit-selection li a {
    -webkit-box-shadow: inset 60px 0 0 0 #CCCCCC;
    -moz-box-shadow: inset 60px 0 0 0 #CCCCCC;
    box-shadow: inset 60px 0 0 0 #CCCCCC;
    font-size: 1.07em;
    font-size: 1.6rem;
  }

  .tecit-selection li li a {
    -webkit-box-shadow: inset 60px 0 0 0 #E6E6E6;
    -moz-box-shadow: inset 60px 0 0 0 #E6E6E6;
    box-shadow: inset 60px 0 0 0 #E6E6E6;
    font-size: 1.35em;
    font-size: 1.5rem;
  }
}