.custom-form-wrapper form,
#crawler-results .content {
  padding: 20px 20px 20px;
  background: #eeeeee;
  display: flex;
  max-width: 420px;
  flex-wrap: wrap;
  border-radius: 5px;
  box-shadow: 0 0 5px 0px #094275;
  width: 100%;
  justify-content: center;
}

#crawler-results * {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#crawler-results {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  border-radius: 5px;
  width: 100%;
  justify-content: center;
}

#crawler-results h2 {
  text-align: center;
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
}

#crawler-results ul li {
  width: 100%;
  font-size: 14px;
  text-align: left;
  padding: 0;
  margin-bottom: 0;
  background: #fdfdfd;
  margin: 10px 0;
  border-radius: 7px;
  display: inline-block;
  box-shadow: 0 0 2px 1px #e6e6e6;
  padding: 20px 15px;
}

#crawler-results ul li .audio-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

#crawler-results ul li .audio-download {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0;
  overflow: hidden;
  direction: ltr;
  text-align: left;
}

#crawler-results ul li .audio-download .code-copy {
  flex: 1 0 90px;
  font-size: 11px;
  line-height: 37px;
  background: #e9e9e9;
  text-align: center;
  height: 37px;
  margin-right: 10px;
  border-radius: 7px;
  cursor: pointer;
  user-select: none;
}

#crawler-results ul li .audio-download .code-copy.clicked {
  background: #c4e7b0;
}

#crawler-results ul li .audio-download .code-copy:hover {
  background: #ccc;
}


#crawler-results ul li .audio-download .code-url {
  height: 37px;
  line-height: 37px;
  border: 1px solid #eee;
  padding: 0 10px;
  border-radius: 7px;
  overflow: hidden;
  direction: ltr;
  text-align: left;
  color: #aaa;
}

#crawler-results .content {
  direction: ltr;
  font-size: 11px;
}

.custom-form-wrapper form>div {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.custom-form-wrapper form textarea,
.custom-form-wrapper form label {
  display: inline-block;
  width: 100%;
  font-size: 13px;
}

.custom-form-wrapper form textarea {
  border: 1px solid #3b78b2;
  padding: 8px 6px;
  direction: ltr;
  text-align: left;
  margin-bottom: 10px;
  outline: none;
  border-radius: 5px;
}


.custom-form-wrapper form input[type="submit"] {
  border: 0px solid #aaa;
  padding: 9px 46px 8px;
  direction: ltr;
  text-align: left;
  outline: none;
  border-radius: 3px;
  background: #3b78b2;
  font-size: 14px;
  color: #fff;
}

.custom-form-wrapper .crawler-torob-form.clicked input[type="submit"] {
  background: #bfbfbf;
}

.custom-form-wrapper form .ajax-progress {
  display: inline-block;
  width: 100%;
  font-size: 11px;
  text-align: center;
  margin-top: 20px;
}

.custom-form-wrapper form .ajax-progress * {
  font-size: 11px;
  ;
}

.custom-form-wrapper form label {
  color: #0ea7ce;
  margin-bottom: 5px;
  display: inline-block;
  width: 100%;
  display: none !important;
}

.custom-form-wrapper {
  margin-bottom: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
}


#crawler-results ul {
  list-style: none;
  padding: 0;
  width: 100%;
}

#crawler-results li {
  margin-bottom: 5px;
}


#crawler-results p {
  margin: 0;
}


.audios-wrapper {
  width: 100%;
}

.audios-wrapper ul {}

.audios-wrapper ul li {}

#crawler-results .textarea {
  width: 0px;
  height: 0px;
  overflow: hidden;
  position: absolute;
  left: -100%;
  top: -100%;
}

.alert-division .inner {
  display: block;
  padding: 8px 10px;
  margin: 0;
  border-radius: 0;
  border: 1px solid rgb(180, 180, 180);
  background-color: rgb(212, 212, 212);
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 300px;
  margin-right: 0px;
  font-size: 14px;
  text-align: right;
  border-right: 5px solid green !important;
}

.alert-division .close {
  float: right;
  margin: 3px 12px 0px 0px;
  cursor: pointer;
}

.alert-division .inner,
.alert .close {
  color: rgb(88, 88, 88);
}

.alert-division input {
  display: none;
}

.alert-division.show {
  display: inline-block;
}

.alert-division.hidden {
  /* display: none; */
  animation-name: dismissss, hidess;
  animation-duration: 300ms;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-delay: 0s, 100ms;
}

.alert-division.error .inner {
  border: 1px solid rgb(238, 211, 215);
  background-color: rgb(242, 222, 222);
}

.alert-division.error .inner,
.alert-division.error .close {
  color: rgb(185, 74, 72);
}

.alert-division.success .inner {
  border: 1px solid rgb(214, 233, 198);
  background-color: rgb(223, 240, 216);
}

.alert-division.success .inner,
.alert-division.success .close {
  color: rgb(70, 136, 71);
}

.alert-division.info .inner {
  border: 1px solid rgb(188, 232, 241);
  background-color: rgb(217, 237, 247);
}

.alert-division.info .inner,
.alert-division.info .close {
  color: rgb(58, 135, 173);
}

.alert-division.warning .inner {
  border: 1px solid rgb(251, 238, 213);
  background-color: rgb(252, 248, 227);
}

.alert-division.warning .inner,
.alert-division.warning .close {
  color: rgb(192, 152, 83);
}

@keyframes dismissss {
  0% {
    opacity: 1;
  }

  90%,
  100% {
    opacity: 0;
    font-size: 0.1px;
    transform: scale(0);
  }
}

@keyframes hidess {
  100% {
    height: 0px;
    width: 0px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    border: 0px;
  }
}











.path-crawler #page #main-wrapper .content-top {
  max-width: 1250px;
}


.table-wrapper {
  border-collapse: collapse;
  width: 100%;
  max-width: 1250px;
  margin: auto;
  overflow-y: hidden;
  overflow-x: scroll;
}

.table-wrapper table {
  width: 100%;
  min-width: 800px;
}

.table-wrapper td,
.table-wrapper th {
  border: 0px solid #ddd;
  padding: 13px 8px;
}

.table-wrapper table tr td:first-child {
  text-align: right;
}

.table-wrapper table tr td[colspan="5"] {
  text-align: center;
}

.table-wrapper tr:nth-child(even) {
  background-color: #f2f2f2;
}

.table-wrapper tr:hover {
  background-color: #ddd;
}

.table-wrapper th {
  padding-top: 32px;
  padding-bottom: 12px;
  text-align: right;
  background-color: #04AA6D;
  color: white;
  height: 90px;
  font-size: 18px;
}

.table-wrapper caption {
  display: none
}




.table-wrapper thead tr th:first-child {
  background: #f04a56;
  border-top: 27px solid #f04a56;
}

.table-wrapper thead tr th:nth-child(2) {
  background: #20807c;
  border-top: 27px solid #0b504d;
  width: 210px;
  text-align: center;
}

.table-wrapper thead tr th:nth-child(3) {
  background: #8fc9ca;
  border-top: 27px solid #509e9e;
  width: 210px;
  text-align: center;
}

.table-wrapper thead tr th:nth-child(4) {
  background: #f3c160;
  border-top: 27px solid #ea9224;
}

.table-wrapper thead tr th:nth-child(5) {
  background: #f04a56;
  border-top: 27px solid #e5131c;
}

.table-wrapper tr h2 {
  text-align: center;
  font-size: 17px;
}


.table-wrapper tbody tr td:first-child~td {
  text-align: center;
  color: #555;
}

.table-wrapper .table-ltr {
  direction: ltr;
  text-align: left;
  margin-bottom: 15px;
}


.table-wrapper tbody tr td {
  font-size: 15px;
}

.table-font-15.table-wrapper tbody * {
  font-size: 15px;
}

.table-font-17.table-wrapper tbody * {
  font-size: 17px;
}

.table-font-19.table-wrapper tbody * {
  font-size: 19px;
}

.table-font-21.table-wrapper tbody * {
  font-size: 21px;
}

.table-font-23.table-wrapper tbody * {
  font-size: 23px;
}

.table-font-25.table-wrapper tbody * {
  font-size: 25px;
}



.table-font-15.table-wrapper thead * {
  font-size: 17px;
}

.table-font-17.table-wrapper thead * {
  font-size: 19px;
}

.table-font-19.table-wrapper thead * {
  font-size: 21px;
}

.table-font-21.table-wrapper thead * {
  font-size: 23px;
}

.table-font-23.table-wrapper thead * {
  font-size: 25px;
}

.table-font-25.table-wrapper thead * {
  font-size: 27px;
}



main {
  display: block;
  width: 100%;
}

.table-wrapper tr td:first-child {
}

.table-wrapper td {
  position: relative;
}

.table-wrapper tr td[colspan="5"]:first-child .before {
  display: none
}

.table-wrapper tr:hover td:first-child .before {
  display: inline-block;
}

.table-wrapper tr td:first-child .before {
  display: none;
  width: 20px;
  height: 20px;
  background-color: #f04a56;
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 25px;
  color: #fff;
  text-align: center;
  font-size: 30px;
  line-height: 24px;
  cursor: pointer;
  text-indent: 0;
  user-select: none;
}




.table-daily-wrapper thead tr th:first-child {
  width: 80px;
}


.table-daily-wrapper tr {
  border-bottom: 1px solid #ddd;
}

.table-daily-wrapper .row-red {
  background: #fff !important;
}

.table-daily-wrapper .row-green {
  background-color: #f0fff1 !important;
}

.table-daily-wrapper thead tr th:nth-child(2),
.table-daily-wrapper tbody tr td:first-child~td {
  text-align: right;
}

.table-daily-wrapper.table-wrapper td {
  padding: 10px 8px;
}

.table-daily-wrapper.table-wrapper tbody * {
  font-size: 12px;
}

.table-daily-wrapper.table-wrapper tbody a {
  display: inline-block;
  width: 100%;
}

.program-table thead tr th span {
  font-size: 12px;
  color: #fff;
}

.program-table thead tr th:nth-child(3) {
  width: 20px;
}

.table-styles {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 0px 0 20px;
}

.table-styles span {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #ddd;
  margin: 0 10px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  line-height: 54px;
  font-size: 25px;
}

.table-styles .color1 {
  background: #f04a56;
}

.table-styles .color2 {
  background: #20807c;
}

.table-styles .color3 {
  background: #8fc9ca;
}

.table-styles .color4 {
  background: #f3c160;
}

.table-styles .color5 {
  background: #e5131c;
}

.table-wrapper.table-color1 tr:nth-child(even) {
  background: #f04a561c;
}

.table-wrapper.table-color2 tr:nth-child(even) {
  background: #20807c47;
}

.table-wrapper.table-color3 tr:nth-child(even) {
  background: #8fc9ca59;
}

.table-wrapper.table-color4 tr:nth-child(even) {
  background: #f3c1604f;
}

.table-wrapper.table-color5 tr:nth-child(even) {
  background: #f04a561a;
}





@media screen and (max-width:700px){
  .table-wrapper {max-width: 700px;}
  .table-wrapper table { min-width:600px }
  .table-wrapper thead tr th:first-child {width: 50% !important;}
  .table-wrapper thead tr th { width:25% !important; }
}

@media screen and (max-width:550px){
  .table-wrapper {max-width: 600px;}
  .table-wrapper table { min-width:550px }
  .table-wrapper thead tr th { font-size:15px; }
  .table-wrapper thead tr th:first-child {width: 50% !important;}
  .table-wrapper thead tr th { width:25% !important; }
}

@media screen and (max-width:450px){
  .table-wrapper {max-width: 500px;}
  .table-wrapper table { min-width:450px }
  .table-wrapper thead tr th { font-size:17px; }
  .table-wrapper thead tr th:first-child {width: 50% !important;}
  .table-wrapper thead tr th { width:25% !important; }
  .table-wrapper tbody tr td { font-size:15px !important; }
}









/******************** torob-links ************************/
.torob-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 60px 0 30px;
}

.torob-links p {
  flex: 0 0 33.3%;
}

.torob-links a {
  display: inline-block;
  padding: 0 15px;
  font-size: 12px;
}

.torob-links a:hover {
  color: red
}