/* TANGORA CSS */
.ts-panel { display:flex; }
.ts-panel > * { flex:var(--ts-panelbox-flex, 1 1 auto); margin:var(--ts-panelbox-margin, 0px); padding:var(--ts-panelbox-padding, 0px); border-top:var(--ts-panelbox-bordertop, none); border-right:var(--ts-panelbox-borderright, none); border-bottom:var(--ts-panelbox-borderbottom, none); border-left:var(--ts-panelbox-borderleft, none) }
/* RESOURCE #8 BEGIN */
select::-ms-expand {
    display: none
}

select:focus::-ms-value {
    background-color: inherit;
    color: inherit
}


/*minicalendar*/
    
.calendarWrapper {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

td.CalendarText {
    word-wrap: normal;
    word-break: normal;
}
.calendarWrapper td {
    padding: 3px !important;
    text-align: center !important;
}
div[id$=SingleCalendar] {
    width: 242px !important;
    height: 240px !important;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
    border-radius: 3px;
    border-color: #b6b7ba !important;
}

.calendarWrapper table {
    width: 100% !important
}

div[id$=SingleCalendar] .calendarWrapper td {
    color: rgba(0,0,0,0.54);
}
div[id$=SingleCalendar] .CalendarHeader td,
div[id$=SingleCalendar] > div > table:nth-child(2) > tbody > tr:nth-child(1) > td {
    color: #000;
}

div[id$=SingleCalendar] td.selectedCell {
    background-color: rgba(0, 0, 0, 0.15) !important;
    color: #000 !important;
    border: none !important;
}

.todayCell {
    border: none !important;
    color: #000 !important;    
}

select::-ms-expand {
    display: none
}

select:focus::-ms-value {
    background-color: inherit;
    color: inherit
}

/*utility classes*/
.hide {
    display: none;
}

.table-header {
    border-bottom: solid 1px #333;
    margin-top: 1em;
}

.row {
    border-bottom: dotted 1px rgb(153, 153, 153);
    transition: all 300ms ease 0ms;
}
a.row:hover {
    border-bottom: dotted 1px rgb(153,153,153);
    background-color: #f9f9fa;
}
.table-header a {
    color: inherit
}
.page-header {
    border-bottom: solid 1px rgb(178,219,242);
    margin-bottom: 1em;
}

.row > div,
.table-header > div,
.row > a
{
    padding: 0.35em 0.25em;
    box-sizing: border-box; 
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;   
}

 .table-header .sortcontrol-asc,.sortcontrol-desc {
    font-family: 'Lato-Bold',serif;
    font-weight: 400;
}

.table-header .sortcontrol-asc:after,
.table-header .sortcontrol-desc:after {
  display: inline-block;
  font: normal normal normal 1em/1 'Font Awesome';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f160';
  padding-left: 0.25em;    
}

.table-header .sortcontrol-desc:after {
      content: '\f161';
}

.back-button a.actionlink:before{
  display: inline-block;
  font: normal normal normal 1em/1 'Font Awesome';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f053';
  padding-right: 0.25em;
      font-size: 0.75em;
    position: relative;
    top: -1px;
}

.back-button a.actionlink:hover {
    color: #00a2ff;
    text-decoration: none;
}


a.TangoraEditButton img {
    vertical-align: text-bottom;
}
/*Main edit form*/
#sitelayout5 div.LPBH0DC8BLCC1F div.vdcontent input[type=button],
#sitelayout5 div.LPBH0DC8BLCC1F div.vdcontent input[type=submit] {
    color: #ffffff;
    background-color: #00a2ff;
    border: 1px solid #00a2ff;
}
#sitelayout5 div.LPBH0DC8BLCC1F div.vdcontent input[type=button]:hover,
#sitelayout5 div.LPBH0DC8BLCC1F div.vdcontent input[type=submit]:hover {
    background-color: #3bb4ff;
    border: 1px solid #61c3fe;
    text-decoration: none;
}
/* RESOURCE #8 END */