@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
}

.text-left {
  text-align: left !important;
}

.color-gray{color: #999999;}
.color-blue{color: #99ddff;}
.color-violet{color: #dd99ff;}
.color-green{color: #77ff77;}
.color-orange{color: #ffaa55;}
.my_btntop {background-color: #5085D4;}
.my_copy_text {color: #A6891A;}

.bg-my {background-color: #D3BCE5; background-image: url(/design/images/bg.jpg); }

.container {background-color: #FFEC9F;}
.card-group {background-color: #FFEC9F;}
.card-header.my_card_header {background-color: #D3E3FA;}




div.flink_top_block {background-color: #ffffff; border-top: 1px solid #5085D4; border-bottom: 2px solid #1C7ED6; min-width:100%; max-width:100%; padding: 10px 0;  box-shadow: 2px 2px 5px rgba(184, 122, 234, 0.2), -2px -2px 5px rgba(184, 122, 234, 0.2);}
div.flink_top_line {background-color: #D3E0F2; color: #1A478A; text-align: center;}

a.btnlink {background-color: #7DA8E9; color:#ffffff; box-shadow: 1px 1px 3px #58198B; opacity:80%;}
a.btnlinksel {background-color: #B87AEA; color:#ffffff; box-shadow: 1px 1px 5px #5085D4; opacity:80%;}
a.btnlink:hover {color:#ffffff; opacity:100%;}
a.btnlinksel:hover {color:#ffffff; opacity:100%;}


a.btnadm_add, a.btnadm_add_sel {background-color: #4BAF9D; color:#ffffff; box-shadow: 1px 1px 3px #58198B; opacity:80%;}
a.btnadm_add:hover, a.btnadm_add_sel:hover {background-color: #4BAF9D; color:#ffffff; opacity:100%;}
a.btnadm_add {background-color: #999999;}

a.btnadm_del, a.btnadm_del_sel {background-color: #DF4B9D; color:#ffffff; box-shadow: 1px 1px 3px #58198B; opacity:80%;}
a.btnadm_del:hover, a.btnadm_del_sel:hover {background-color: #DF4B9D; color:#ffffff; opacity:100%;}
a.btnadm_del {background-color: #999999;}

a.btnadm_edit, a.btnadm_edit_sel {background-color: #71B2CB; color:#ffffff; box-shadow: 1px 1px 3px #58198B; opacity:80%;}
a.btnadm_edit:hover, a.btnadm_edit_sel:hover {background-color: #71B2CB; color:#ffffff; opacity:100%;}
a.btnadm_edit {background-color: #999999;}

a.btnadm_copy, a.btnadm_copy_sel {background-color: #9DAD43; color:#ffffff; box-shadow: 1px 1px 3px #58198B; opacity:80%;}
a.btnadm_copy:hover, a.btnadm_copy_sel:hover {background-color: #9DAD43; color:#ffffff; opacity:100%;}
a.btnadm_copy {background-color: #999999;}

a.btnadm_move, a.btnadm_move_sel {background-color: #C171E5; color:#ffffff; box-shadow: 1px 1px 3px #58198B; opacity:80%;}
a.btnadm_move:hover, a.btnadm_move_sel:hover {background-color: #C171E5; color:#ffffff; opacity:100%;}
a.btnadm_move {background-color: #999999;}




a.flink1, a.flink2, a.flink_sel {font-size:12pt;text-decoration: none;}
a.flink1:hover, a.flink2:hover, a.flink_sel:hover {text-decoration: underline;}
a.flink1 {color: #007BFF;}
a.flink2 {color: #0056b3;}
a.flink_sel {color: #B87AEA; font-weight: bold;}
.catlink {text-decoration: none; color: #222222; box-shadow: 1px 1px 3px #5085D4; border-radius: 5px;}
.catlink:hover {box-shadow: 1px 1px 5px #58198B; border-radius: 5px;}

div.funblock1 {background-color: #FFF3CD; padding: 20px; border-radius: 10px; min-width:22.5rem; max-width:22.5rem; height:12rem}
div.funblock2 {background-color: #FFE47C; padding: 20px; border-radius: 10px; min-width:22.5rem; max-width:22.5rem; height:9rem}
h2.fblink {color: #1C7ED6; border-bottom: 2px solid #1C7ED6; padding-bottom: 5px; margin-bottom: 10px; font-size:15pt;}
div.fblink {color: #333333; font-size: 11pt;}
p.fblink {color: #222222;}
span.fcnt {color:#ff77ff;}

.funcover {box-shadow: 1px 1px 5px #58198B; border-radius: 5px;}
div.linkrow {border-radius: 5px; width:10.4rem; height:7rem; background-color: #FCFAF0;}
div.linktag {font-size: 9pt; color: #1A478A;}
div.linktitle {font-size: 8pt; color: #1C7ED6;}


A.my_link {text-decoration: none}
A.my_link:hover {text-decoration: none}

.my_logo {border: 1px solid #BFAB5D;}
.footer {background-color: #FFEC9F;}

.nav-item.top_menu .nav-link.active {color: #F5E390; background-color: #7E54A0;}
.nav-item .nav-link {color: #1A478A;}

.dropdown-menu {background-color: #ffffee;}
.dropdown-item.active {color: #F5E390; background-color: #8671CB;}
.img-thumbnail {background-color: #D6E3F5;}

.btn-my {background-color: #A6891A; color: #F8F9FA;}

.page-item.active .page-link {color: #F5E390; background-color: #5085D4;}
.page-item .page-link {color: #7DA8E9;}

.mypre {font-family: "Times New Roman", Times, serif;}


#pButton {
  float: left;
}

#timeline {
  width: 90%;
  height: 2px;
  margin-top: 20px;
  margin-left: 10px;
  float: left;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.3);
}

#pButton {
  margin-top: 12px;
  cursor: pointer;
}

#playhead {
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-top: -3px;
  background: black;
  cursor: pointer;
}