/*!
 * froala_editor v3.0.0 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */
/*tr:first-child{
  background:rgb(55, 107, 122);
  color:#ffffff !important;
}*/


.clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

img.fr-rounded,
.fr-img-caption.fr-rounded img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

img.fr-bordered,
.fr-img-caption.fr-bordered img {
    border: solid 5px #CCC
}

img.fr-bordered {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fr-img-caption.fr-bordered img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

  {
    word-wrap: break-word
}

  span[style~="color:"] a {
    color: inherit
}

  strong {
    font-weight: 700
}

  table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%
}

  table td {
    min-width: 5px
}

  table.fr-no-borders td,
  table.fr-no-borders th {
    border-style: none;
}

  table.fr-dashed-borders td,
  table.fr-dashed-borders th {
    border-style: dashed
}

  table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: #eee!important;
}

  table td,
  table th {
    border: 1px solid #DDD
}

  table td:empty,
  table th:empty {
    height: 20px
}

  table td.fr-highlighted,
  table th.fr-highlighted {
    border: 1px double red
}

  table td.fr-thick,
  table th.fr-thick {
    border-width: 2px
}

  /*table th {
    background: #ececec
}*/

  hr {
    clear: both;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    page-break-after: always
}

  .fr-file {
    position: relative
}

  .fr-file::after {
    position: relative;
    content: "\1F4CE";
    font-weight: normal
}

  pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: visible
}

 [dir="rtl"] blockquote {
    border-left: none;
    border-right: solid 2px #5E35B1;
    margin-right: 0;
    padding-right: 5px;
    padding-left: 0
}

 [dir="rtl"] blockquote blockquote {
    border-color: #00BCD4
}

 [dir="rtl"] blockquote blockquote blockquote {
    border-color: #43A047
}

  blockquote {
    border-left: solid 2px #AAA;
    margin-left: 30px;
    padding-left: 15px;
    color: #AAA;
}

  /*blockquote blockquote {
    margin-left: 60px;
	  border: none;
}

  blockquote blockquote blockquote {
    margin-left: 90px;
}*/

  span.fr-emoticon {
    font-weight: normal;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
    display: inline;
    line-height: 0
}

  span.fr-emoticon.fr-emoticon-img {
    background-repeat: no-repeat !important;
    font-size: inherit;
    height: 1em;
    width: 1em;
    min-height: 20px;
    min-width: 20px;
    display: inline-block;
    margin: -.1em .1em .1em;
    line-height: 1;
    vertical-align: middle
}

  .fr-text-gray {
    color: #AAA !important
}

  .fr-text-bordered {
    border-top: solid 1px #AAA;
    border-bottom: solid 1px #AAA;
    padding: 10px 0
}

  .fr-text-spaced {
    letter-spacing: 1px
}

  .fr-text-uppercase {
    text-transform: uppercase
}

  .fr-class-highlighted {
    background-color: #ffff00
}

  .fr-class-code {
    border-color: #cccccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #f5f5f5;
    padding: 10px;
    font-family: "Courier New", Courier, monospace
}

  .fr-class-transparency {
    opacity: 0.5
}

  img {
    position: relative;
    max-width: 100%
}

  img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

  img.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

  img.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

  img.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

  img.fr-dii.fr-fil {
    float: left;
    margin: 0 20px 20px 0px;
    max-width: calc(100% - 5px)
}

  img.fr-dii.fr-fir {
    float: right;
    margin: 0 0 20px 20px;
    max-width: calc(100% - 5px)
}

img.fr-shadow {
	border: 7px solid rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.298) 0px 1px 4px;
}

  span.fr-img-caption {
    position: relative;
    max-width: 100%
}

  span.fr-img-caption.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

  span.fr-img-caption.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

  span.fr-img-caption.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

  span.fr-img-caption.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

  span.fr-img-caption.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

  span.fr-img-caption.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

  .fr-video {
    text-align: center;
    position: relative
}

  .fr-video.fr-rv {
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

  .fr-video.fr-rv>iframe,
  .fr-video.fr-rv object,
  .fr-video.fr-rv embed {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

  .fr-video>* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

  .fr-video.fr-dvb {
    display: block;
    clear: both
}

  .fr-video.fr-dvb.fr-fvl {
    text-align: left
}

  .fr-video.fr-dvb.fr-fvr {
    text-align: right
}

  .fr-video.fr-dvi {
    display: inline-block
}

  .fr-video.fr-dvi.fr-fvl {
    float: left
}

  .fr-video.fr-dvi.fr-fvr {
    float: right
}

  a.fr-strong {
    font-weight: 700
}

  a.fr-green {
    color: green
}

  .fr-img-caption {
    text-align: center
}

  .fr-img-caption .fr-img-wrap {
    padding: 0;
    display: inline-block;
    margin: auto;
    text-align: center;
    width: 100%
}

  .fr-img-caption .fr-img-wrap img {
    display: block;
    margin: auto;
    width: 100%
}

  .fr-img-caption .fr-img-wrap>span {
    margin: auto;
    display: block;
    padding: 5px 5px 10px;
    font-size: 14px;
    font-weight: initial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 100%;
    text-align: center
}

  button.fr-rounded,
  input.fr-rounded,
  textarea.fr-rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

  button.fr-large,
  input.fr-large,
  textarea.fr-large {
    font-size: 24px
}

a .fr-strong {
    font-weight: 700
}

a .fr-green {
    color: green
}

img  {
    position: relative;
    max-width: 100%
}


img .fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

img .fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

img .fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

img .fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

img .fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

img .fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

span.fr-img-caption  {
    position: relative;
    max-width: 100%
}

span.fr-img-caption .fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

span.fr-img-caption .fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

span.fr-img-caption .fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

span.fr-img-caption .fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

span.fr-img-caption .fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

span.fr-img-caption .fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}
.fr-layer.fr-pagelist-layer {
    overflow: scroll;
    max-height: 400px;
}
.fr-pagelist-layer ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.fr-pagelist-layer ul li{
    padding-bottom:.3em;
}
.fr-pagelist-layer ul li a{
    cursor:pointer;
    
}
.fr-pagelist-layer ul li span{
    display:inline-block;
    width:3em;
    
}
.fr-pagelist-layer ul li.top-level{

}
.fr-pagelist-layer ul li.top-level>a{
    font-weight:bold;
}
.fr-pagelist-layer ul li.top-level>span{
    width:2em;
}
.fr-pagelist-layer ul li.second-level{

}
.fr-pagelist-layer ul li.third-level{

}
.fr-pagelist-layer ul li.forth-level{

}


@media only screen and (max-width:760px){
table {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  border-collapse: collapse;
  border-spacing: 0;
}


table th {
  font-size: 11px;
  text-align: left;
  text-transform: uppercase;
  
}
thead {
  display: flex;
  flex-shrink: 0;
  min-width: min-content;
}
tbody {
  display: flex;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}

tr {
  display: flex;
  width:100px!important;
  flex-direction: column;
  min-width: min-content;
  flex-shrink: 0;
}
td,
 th {
  display: block;
}
td{
  width:100% !important;
}
}