@charset "utf-8";
/* CSS Document */
.video-fluid {
  width: 100%;
  height: auto;
}	

/*header*/
.head {background: rgb(0,31,59);background: url(/img/back.jpg) right top no-repeat; background-size:cover;position: relative;
overflow: hidden;}
.head::before{
  content: '';
  width: 200%;
  height: 40%;
  position: absolute;
  bottom: -37%;
  left: -50%;
  transform: rotate(3deg);
  background: rgba(0, 88, 134, 0.7);
}		



.nav-link {font-weight: 600}


/*fragments*/
.inlineedit {border:2px dashed #07d; display: inline-block; position: relative;width: auto}
.invert {border:2px dashed #fff; display: inline-block; position: relative;}
.inlineedit .fas {font-size: 18px!important; vertical-align: 1px}
.editfrag {position: absolute;top: -18px; right: -18px;color:#07d; background-color: #fff; height:35px; width: 35px; border-radius: 50%; line-height: 35px; text-align: center; border: 1px solid #07d}
.white {color:#fff}


/*general*/
b {font-weight: 600}

/*@media (min-width: 1600px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1520px;
}
}*/

html {scroll-behavior: smooth;}
body {font-size:15px}

#gap li {margin-bottom: 15px}



a {color:#0093D0;font-weight: 600; text-decoration: none}

.warning {color:red; font-weight: 600}

h1 {margin-bottom: 0px;font-weight: 400;font-size: calc(1.375rem + 1.8vw);color:#fff}
h3, h2 {font-weight: 400}

@media (min-width: 1200px) {
.h2, h2 {
    font-size: 2.2rem;
}
}

.lead {
    font-size: 1.15rem;
    font-weight: 400;
}


.btn-primary {
    color: #000;
    background-color: #fdba32;
    border-color: #fdba32;
	border-radius:0!important;
}

.btn-primary:hover {
    color: #000;
    background-color: #fdba32;
    border-color: #fdba32;
	opacity: 0.8;
}

.btn-group-lg>.btn, .btn-lg {
    padding: 0.6rem 1.0rem;
    font-size: 1.45rem;
    line-height: 1.4;
    border-radius: 0rem;
}


/*accordian*/
.accordion-button {font-size:1.25rem; font-weight: 600}
.accordion-body {padding-top:0; background-color: #f4f8fe}


/*forms*/
.form-control, .form-select {
    background-color: #fff;border-color:#b2b2b2;
    opacity: 1;
}

.form-check .form-check-input[type=radio] {
    border-radius: 100%;
    height: 18px;
    width: 18px;
	margin-top: 2px;
}

.groupadmin .form-control, .groupadmin .form-select {
    background-color: #fff;border-color:#b2b2b2;
    opacity: 1;
}

.form-check-input {background-color: #fff;border-color:#b2b2b2}
.form-check {margin-left: 20px}

.form-label {
    margin-bottom: 0.4rem;
	margin-top: 0.8rem;
	font-weight:600;
	font-size: 17px;
	color:#0093D0;
}


/*groups*/
.group {border:1px solid #dedede; padding: 0 20px 20px 20px; margin: 0; background-color: #f5f5f5}
.filtergroup {border:1px solid #dedede; padding: 8px 12px 12px 12px; background-color: #f5f5f5; margin-bottom: 30px}
.groupadmin {border:1px solid #dedede; padding: 0 20px 20px 20px; margin: 0; background-color:#EDF7FC}


/*data table*/
table {width:100%;font-size: 13px}
table tr {background-color: #f5f5f5!important}


.icon::before {
  /* removed font- based rules */
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}


label {
  cursor: pointer;
}

svg {
  width: 3rem;
  height: 3rem;
  padding: 0.15rem;
}


.fa-eyes {font-size: 20px;vertical-align: -3px;}

/*star rating*/
.star {color:#dedede}
.schecked {
  color: #fdba32;
}

.transparent {background-color: transparent}

/*filter box area*/
.filterbox {float:left; text-align:center;border:2px dotted #f5f5f5;width:50%;}
.filterboxdot {border:2px dotted #000;}
.filterboxtext {font-size:11px;padding:2px 0px; border:1px solid #dedede; color:##000;margin:4px;background-color: #fff}
.clear {clear:both}
@media (min-width: 768px) {
.filterbox {width:25%;}
}
@media (min-width: 1200px) {
.filterbox {width:16.66%;}
}	
@media (min-width: 1400px) {
.filterbox {width:10%;}
}

/*pulsing effect*/
.pulsey {
  animation-name: color;
  animation-duration: 2s;
  animation-iteration-count: infinite; font-size: 20px; vertical-align: -3px; color:#efbdbe
}
@keyframes color {
  0% {
    color: #efbdbe;
  }
  50% {
    color: red;
  }
  100 {
    color: #efbdbe;
  }
}


.tiny {font-size:1px;}

.iframe {width:120px; border: none; overflow: hidden; height:30px;display: inline-block}

.fragmentimage {border: 8px solid #dedede;width: 200px; margin-top:14px}

.dialoguebox {border:1px solid #dedede; border-radius: 10px; padding: 10px; position: relative}

.dialoguepos {position: absolute; top:0px; right:4px; font-size: 18px}

.dialoguetext {font-size: 11px;vertical-align: 2px; color:#E05154}

.dim {color:#dedede}

.bold {font-weight: 600}

.inline {display: inline-block}

.white {color:white}

.black {color:black}

.hide {display:none}

.bluegradient {background: rgb(0,31,59);background: linear-gradient(87deg, rgba(0,31,59,1) 35%, rgba(0,88,134,1) 100%);}

.footerlogo {height:60px}
.backgray {background-color:#f5f5f5}


.entry .entry-meta {font-size: 14px;padding:15px 12px 0 12px}
.entry .entry-content {padding:0 12px; height:120px; max-height: 120px; overflow-y: hidden}
.entry .entry-content h2 {font-size:20px; line-height: 1.2em}
.entry .entry-content p {line-height: 1.3em!important; font-size: 15px}
.entry .grid-inner {background-color:#fff;}
.modal, .modal-content {background-color: transparent!important; border: none; border-radius:20px}
.modal-body {background-color:#fff; border-radius: 6px}
.modal-header {border:none}
.close {
font-size: 2.5rem;
color: #fff;
text-shadow: 0 1px 0 #fff;
opacity: 1.0!important;
}
.modal-body p {line-height: 1.3em!important;}