@charset "utf-8";
/* CSS Document */
.clear {clear:both;}
body { background: #0A0819; color:#d3d3d3; }

a,a:visited { color: #E5E5E5; }

a:hover {  color:#fd2b97; }
a:hover .webtitle, a.webtitle:hover, a:hover .tac-update-title { color: #a4afea; text-decoration: underline; }

a.help_button { font-size: 1.0em; }
a.help_button { text-decoration: none; color: #E5E5E5 !Important; vertical-align: top; }
.headline a.help_button { font-size:90%; }

.tac-dark {  background-color:rgba(0,0,0,0.3);	border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08);
			box-shadow: 0 2px 3px 2px rgba(0,0,0,0.3);
				}
.tac-dark-noise {  /* url(../images/bg-noise.png) 0 0 repeat*/ }

.bg-dark { background-color: #202428 !important; 
			
			 }

.bg-light { background-color: rgb(205, 205, 207) !important; }

.blink {
        animation: blink-animation 1s steps(5, start) infinite;
        -webkit-animation: blink-animation 1s steps(5, start) infinite;
      }
      @keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }
      @-webkit-keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }

.form-wrapper.card.bg-light .card-header { color: #fff; background-color: rgb(32, 36, 40); }
	
	
.form-wrapper-admin.bg-dark .card-header, .form-wrapper.bg-dark .card-header {	background-color: rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255, 255, 255, 0.125); }
.form-wrapper-admin.bg-dark .card-footer, .form-wrapper.bg-dark .card-footer { background-color: rgba(255,255,255,0.05); border-top: 1px solid rgba(255, 255, 255, 0.125); }


.form-wrapper.bg-dark .card-header { padding: 0.5em 0.75em;}


.captcha { height: 50px; border: 1px solid; border-radius: 6px;}

.tac-pinkbar { background:#B605BB url("../images/pinkbar.png") 0 0 repeat-x;
				background-size: auto 100%;	 }
.tac-pinkborder {border: 1px solid #fd2b97; background-color:#000; color:#fff; border-radius: 6px; cursor:pointer; }
.tac-pinkborder:hover, .tac-pinkborder:active, .tac-pinkborder:focus  {
				background:#B605BB url("../images/pinkbar.png") 0 0 repeat-x;
				background-size: auto 100%;
				box-shadow: 2px 2px rgba(0,0,0,0.8);
				color:#fff; }

.tac-button-icon { font-size: 1.2rem; margin-right: 0.5rem; vertical-align: top; margin: 0.1em 0.5rem 0.1em 0; }

.btn-lg .tac-button-icon { font-size:1.5rem; vertical-align: text-top; }

.tac-button-icon-small { font-size: 0.9em; vertical-align: middle; }

.morelink:hover { color:#fd2b97;}

.lato { font-family: 'Lato', sans-serif; }

.tac-shadow {
		 -webkit-box-shadow:  rgba(0,0,0,0.7)  2px 2px 1px !Important; 
		 -moz-box-shadow:  rgba(0,0,0,0.7)  2px 2px 1px !Important; 
		box-shadow:  rgba(0,0,0,0.7)  2px 2px 1px !Important;
		}
.bg-black { background-color:#000; }

.bg-blue {
  background-color: #4d93df;
  background-image: url('');
  transition: color 0s ease-in-out, background-color 0s ease-in-out, border-color 0s ease-in-out, box-shadow 0s ease-in-out;
}

.accent { border-top: 1px solid #fa2994 !Important; }

.input-group-text, .tac-grey-button { background-color: #343a40; border: 1px solid #6c757d; color: #dee2e6;}

.smallish { font-size:90%; font-weight: 400; }
.boldish { font-weight: 600; }
.bigtext { font-size: 1.0rem;}

.tac-grey-button .custom-control .custom-control-label { cursor: pointer; }

.tac-grey-button {box-shadow:  rgba(0,0,0,0.7)  2px 2px 1px !Important; }
.btn-mini {    padding: 2px 6px;    font-size: 12px;    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;}

.light-button { background-color: #f5f5f5;   border: 1px solid #a6a6a6;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); 
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
color: #00f !important; vertical-align: text-bottom;
}

.tac_select { background: #fff url(data:image/svg+xml,%3csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ width=\'4\'\ height=\'5\'\ viewBox=\'0\ 0\ 4\ 5\'%3e%3cpath\ fill=\'%23343a40\'\ d=\'M2\ 0L0\ 2h4zm0\ 5L0\ 3h4z\'/%3e%3c/svg%3e) no-repeat right 10px;}


.tac-grey-button:hover { background-color:#000; color:#fff; box-shadow: 0 0 0 !important; border: 1px solid #fff; }
.dropdown-menu {color: #d3d3d3; background-color: #000;border: 1px solid rgba(255, 255, 255, 0.15); }
.dropdown-item {    color: #f8f9fa; background-color: transparent; }
.dropdown-item a:hover { color:#000; }
.records { font-size: 0.9em; }
.subtitle {   font-size: 1.1em;    font-weight: 600; }
 .form-control[readonly] {  background-color: #fff; }
#searchform .form-control:disabled { background-color: #e9ecef !important;}

.white-wrapper {background-color: #fbfbfb;	}

.grey-wrapper { background-color: rgb(205, 205, 207); }

.white-wrapper a, .white-wrapper a:visited, .grey-wrapper a, .grey-wrapper a:visited { color:#0000ff; } 

#results { position: relative; }

#results .results_overlay { position: absolute; top: 0; left:0; right: 0; bottom: 0; background-color:rgba(0,0,0,0.6); z-index: 10; }

input.error, textarea.error { background-color: rgb(255, 164, 172) !important; }

#waiting { display: none; height: 15px; }

.graphbar { /* background-color:rgba(145,158,184,0.6); */ border: 1px solid #0015B8; vertical-align: middle; height: 20px; display: inline-block; }


.graphbar { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000dff+0,0015ff+52,0a00ff+100&0.1+0,0.25+52,0+100,0.5+100 */
background: -moz-linear-gradient(left,  rgba(0,13,255,0.1) 0%, rgba(0,21,255,0.25) 52%, rgba(10,0,255,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,13,255,0.1) 0%,rgba(0,21,255,0.25) 52%,rgba(10,0,255,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,13,255,0.1) 0%,rgba(0,21,255,0.25) 52%,rgba(10,0,255,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000dff', endColorstr='#800a00ff',GradientType=1 ); /* IE6-9 */
}


.modal-header .back { font-size: 1.5rem;
					font-weight: 700;
						line-height: 1; background-color: transparent;	border:0;
color:#fff; opacity: 0.5;  padding: 1rem 1rem; margin: -1rem  -1rem;}


/*--------------------- nav stuff --------------------------------- */
#nav_wrapper {
	position: fixed;
   border-bottom:1px solid #717171;
	top: 0;
	z-index:100;
	padding:0;
	background-color: rgba(0,0,0,0.9);
}


	 .navbar .dropdown-toggle, .navbar .dropdown-menu a {
    cursor: pointer;
		 color: inherit;
}

.navbar .dropdown-item.active, .navbar .dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: inherit;
}

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}


/*-------------- tip stuff --------------------------- */

.tip { text-decoration: underline dashed; text-underline-offset: 2px; cursor:pointer;		}





.navbar .navbar-brand { padding: 3px 0px; }
.navbar .navbar-brand img { max-height: 35px; }
.navbar-dark .navbar-toggler { background-color: #000; border: 1px solid rgb(66, 66, 66); color: #fff;}
.navbar-dark .nav-link .fa-home { font-size: 1.1em;}

.user-drop-menu { width: 100%; position: relative; }
.user-drop-menu .dropdown-header { font-weight: 600;}
.user-drop-menu .dropdown-divider { border-top: 1px solid rgba(134, 133, 133, 0.3);}
.user-drop-menu .dropdown-item .menu-icon { font-size: 1em; margin-right: 0.75em; width: 22px; text-align: center;  }
/*----------------- headline stuff ---------------------- */

.headline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0px 20px 0px;
    flex-wrap: wrap;
    font-size: 16px; 
	background-color: rgb(32, 36, 40);;
	padding:0;
	border-radius: 5px 5px 0px 0px;
	webkit-border-radius: 5px 5px 0px 0px;
	overflow: hidden;
	box-shadow: 2px 2px rgba(0,0,0,0.6);
		
}

.headline h2, .headline h1 { font-size: 1.4rem;
				margin: 6px 10px 8px 10px;
				font-weight: 400;	
				color:#fff; 

				}

.headline.sub-headline h2 { font-size: 1.2em; }

.headline .morelink { font-size: 1rem; 
					   padding: 0 10px; 
						
						line-height: 42px;
						height: 42px;
						/*box-shadow: -1px 0px 0px rgba(0,0,0,0.6); */
						
						}


.headline.sub-headline .morelink { line-height: 37px; height: 37px; }

 .morelink span { font-size: 1.2em; margin-left: 8px; vertical-align: text-top; }




.form-wrapper-admin .headline .morelink { border:0px; height: auto; line-height:1.5em;  }




/*------------ sites stuff ---------------- */

.tac-sitewrap { text-align: center;
				box-shadow: 2px 2px rgba(0,0,0,0.8); 
			/* background-color: rgba(0,0,0,0.15); */
				border: 1px solid rgba(134, 133, 133, 0.3);
				position: relative;
				width: 100%;
				height: 100%;
			/*	padding: 0.25em 0.25em 2.5em 0.25em; */
				overflow: hidden;
				/*font-size:0.9rem; */
}







.tac-sitewrap a.webtitle {color:#fff; }
.tac-sitewrap a.webtitle h3, .newonline a.webtitle h3 {   font-size: 1.3em; margin: 0.15em 0 0.15em; 		 }
.tac-sitewrap .overlay .inner_overlay a.webtitle h3 { font-size: 1.5em; }
.tac-sitewrap a.webtitle:hover { color: #a4afea; text-decoration: underline; }

.form-wrapper-admin .tac-sitewrap { height: 100%;  box-shadow: 2px 2px rgba(0,0,0,0.8); background-color: rgba(0,0,0,0.35); }

.tac-sitewrap .card-body .card-footer { font-size: 0.9em; display: none !important;}



.tac-sitewrap span.fa-images, .tac-updatewrap span.fa-images { color:#A9FFA5; }
.tac-sitewrap span.fa-file-video,.tac-updatewrap span.fa-file-video { color:#ff9c9c; }



/*--------------- update stuff ------------------------ */



.tac-updatewrap { text-align: center;
				box-shadow: 2px 2px rgba(0,0,0,0.8);
				/* background-color: rgba(0,0,0,0.15); */
				position: relative;
				width: 100%;
				height: 100%;
				border: 1px solid rgba(134, 133, 133, 0.3);
				overflow: hidden;
				max-width: 640px;
				margin: 0 auto;
				}

.form-wrapper-admin .tac-updatewrap {  box-shadow: 2px 2px rgba(0,0,0,0.8); background-color: rgba(0,0,0,0.35); }

.tac-updatewrap .tac-update-top { display: block;
									font-size: 1em;
									text-align: left;
									}

.tac-updatewrap .tac-update-top .tac-menu-button { font-size: 20px; }


.tac-updatewrap .date, .tac-sitewrap .date {      float: right;
    						text-align: right; 
   							 padding-right: 0px;
   							 font-size: 13px;
   							 color: #868484;
							line-height: 24px;
						}



.tac-updatewrap .webtitle { color:#fff; font-size: 1em;
							margin: 0;
							line-height: 1.4em;	}

.tac-updatewrap .tac-update-title { white-space: nowrap;
  								overflow: hidden;
  								text-overflow: ellipsis;
								width: 100%;
								color:#fff; 
								margin-top: 0;
								font-size: 0.9em;
								line-height: 1.3;
								text-decoration: none; }

.tac-updatewrap a:hover .tac-update-title { }

.tac-updatewrap .tac-update-bottom, .tac-updatewrap .tac-update-bottom a { font-size: 13px; color: #868484; line-height: 24px; text-deciratuion: none; }






.img-holder { border-radius: 6px;
    overflow: hidden;
    position: relative;
    border: 3px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    transition: border-color .3s;
    max-width: 100%;
    clear: both;
   /* margin: 0.15em 0.15em 0px 0.15em; */
	display:inline-block;
    }
   
/* .img-holder > a { display: inline-block;} */

.img-holder img {
   display: block;
	width: 100%;
	height:auto;
}


.tubeclip .img-holder { height: 0;
						padding-bottom: 56.25%;}


 .img-holder .type {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
	 width: auto;
}


.img-holder .length {
    position: absolute;
    bottom: 4px;
	left: 4px;
    border-radius: 5px;
    font-size: 12px;
    /* font-weight: 500; */
    line-height: 15px;
    text-transform: uppercase;
    padding: 2px 6px;
background-color: #000;
color: #fff;
	z-index:5;
	border: 1px solid #313030;
	
	
	
}






.img-holder .overlay { position: absolute;
						 left:0; right:0; bottom: 0; top:100%;
						background-color:rgba(0,0,0,0.9);
						padding: 0.5em 1em 0.5em 1em;
						  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
	z-index: 10;
	overflow: hidden;
	width: 100%; height: 100%;
	/* opacity: 0; */
	
	
				}


.img-holder .overlay h3 { margin-top:0.15em; margin-bottom: 0.15em; }

.img-holder .overlay .inner_overlay {   margin: 0;
 										 position: absolute;
 										 top: 50%;
  										left: 50%;
 										 -ms-transform: translate(-50%, -50%);
 										 transform: translate(-50%, -50%); 
										width: 100%; 
										padding: 0 5px; }




.tac-updatewrap.new .img-holder::after, .img-holder.new::after 
										{ content: "NEW";
										 position: absolute;
										 bottom: 0px; right: 0px;
										 z-index: 2;
										 color: #fff; font-size: 12px;
										 padding: 2px 5px;
										 background-color: #FF0000; }


.img-holder:hover, .img-holder:active { border-color: #a4afea;}
.img-holder:hover .overlay, .img-holder:active .overlay { top:0;}


/*----------------------------gallery list view -----------------------------------------*/

.list_view { font-size: 0.95em; min-width: 960px; }

.list_view tr { font-size: 0.95em; }

.list_view th { font-weight: normal; }

.list_view th.preview_column { max-width: 142px; }

.list_view td .thumbwrapper { max-width: 140px; position: relative; }

 .list_view td .thumbwrapper.new::after 
										{ content: "NEW";
										 position: absolute;
										 bottom: 0px; right: 0px;
										 z-index: 2;
										 color: #fff; font-size: 11px;
										 padding: 2px 3px;
										 background-color: #FF0000; }



.list_view td .thumbwrapper .thumb { max-width: 100%; }

.list_view td .thumbwrapper .update_type {
  display: inline-block;
  color: #fff;
  padding: 3px .25rem;
  font-size: .75rem;
  background-color: #000;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  position: absolute;
  top: .5rem;
  left: -2px;
  line-height: 1rem;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #000;
}
.list_view td .thumbwrapper .update_type.video {
  background-color: rgba(195,0,0,0.7) !important;
}














/*---------- more button ----------------- */


			
.button {   background-color: rgb(47, 46, 47);
			color:#fff;
			padding: 7px 12px;
			font-weight: 500;
			margin: 0 4px;
			border: 0px;
			border-radius: 6px;
			/* text-transform: uppercase; */
			text-decoration: none;
			font-size: 16px;
			box-shadow: -1px -1px 0px rgba(255,255,255,0.8);
			display: inline-block;
		}
		

.tac-icon-button { display: block; max-width: 150px; margin: 0.75em auto;}

.tac-updatewrap .tac-icon-button { max-width: 160px; }


.tac-icon-button::before {			font-family: "Font Awesome 5 Free";
									font-weight: 400;
									
									font-style: normal;
									font-variant: normal;
									text-rendering: auto;
									-webkit-font-smoothing: antialiased;
									-moz-osx-font-smoothing: grayscale;
									text-align: center;
				
									font-size: 1.4em;
									margin: 0.1rem 0.5rem ;
									line-height: 1em;
									vertical-align: text-bottom;
								}

.tac-icon-button.view-button::before { content: "\f06e";  }
.tac-icon-button.more-button::before { content: "\f0c9"; font-weight: 600; font-size:1.2em; line-height: 1.2em; margin-right:0.5em; }





.right_button { padding: 3px 10px;
				margin: 0 20px 0 0; }



.button:hover { background-color: rgb(249, 40, 148); color:#000; text-decoration: none;	}



/*----------------- news stuff ---------------------------- */

.newswrapper { font-family: 'Lato', sans-serif;}

.newswrapper .news { text-align: left;
					 color: #000; 
					 font-size: 14px; 
			 		 
			 		 padding: 0.7em;
					 margin: 0 .5% 10px .5%; 
					 position: relative; 
					 line-height: 1.3em;
					
					
					overflow: hidden;
					border-radius: 0.25em;
						background-color: rgb(230, 230, 234);
					box-shadow: 2px 2px rgba(0,0,0,0.8);
					}
					
					
.newswrapper .news .date { font-size: 12px;
   						 color: #868484;
   						 margin-bottom: 6px; }
   						 					
.newswrapper .news h4 { font-size: 18px; 
						font-weight: bold; 
						margin: 0 0 0.25em;
						color: #000; 
						white-space: nowrap;
						overflow: hidden;
  						text-overflow: ellipsis;
						width: 100%;
						

						}

.newswrapper .news .more { color: #0000ff; position: absolute;
							bottom: 10px;
							right: 10px; }

.newswrapper .news.new { background-color: #c3d2ff !important; }

.newswrapper .news.new h4::after { content: "NEW";
										margin-left: 0.5rem !important;
										 color: #fff; font-size: 0.8rem;
										 display: inline-block;
										padding: 0.25em 0.4em;
										 background-color: #dc3545;
											font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;}



/*----------------- new online ------------------- */

.tac-sitewrap .img-holder { margin: 0 auto; 
			 max-width: 600px;}


.newonline { height: auto !important; text-align: center; }



/*------------- new form stuff -------------------------- */

.form-wrapper .modal-header.card-header { border-bottom: 1px solid rgba(255, 255, 255, 0.125); }


.form-wrapper.card h1, .form-wrapper.card h2 { margin:0; font-size: 1.2em; text-align: left; }

.form-wrapper .card-body .card-title, .form-wrapper-admin .card-body .card-title {  font-size:1.2em; border-radius: 6px 6px 0 0; /* background: #8e9297 !important; */}

.form-wrapper .card-body h3.card-subtitle { font-size:1.1em; font-weight:600; text-align: left; display: block; padding: 0.2em; border-bottom:1px solid #8F8F8F; }

.form-wrapper-admin .card-body .card-title h2 { font-size:1.0em;  }

.form-wrapper .card-header .card-flex-header::after, .modal .modal-message .modal-content  {
									font-family: "Font Awesome 5 Free";
									font-weight: 900;
									display: inline-block;
									font-style: normal;
									font-variant: normal;
									text-rendering: auto;
									-webkit-font-smoothing: antialiased;
									-moz-osx-font-smoothing: grayscale;
									text-align: center;
		
									font-size: 1.2em;
									margin: 0;
									position: absolute;
									right: 1em;
									top: 10px;
	
	
									}


.form-wrapper .card-header .card-flex-header.success::after {	content: "\f058";	color:#28a745; }
.form-wrapper .card-header .card-flex-header.error::after {	content: "\f057";	color:#dc3545; }


/*---------------- admin form stuff ---------------------- */

.form-wrapper-admin .card-header, .form-wrapper-admin .card-body { padding: 0.5em 0.75em; }

.form-wrapper-admin .card-header h1, .form-wrapper-admin .card-header h2  { margin:0; font-size: 1.25rem; text-align: left; }

.form-wrapper-admin .card-header .card-link { float: right; }

.form-wrapper-admin dt {    font-weight: 600;}

/*---------------------- dropbar stuff -------------------- */

.form-wrapper-admin a.dropbar[data-toggle="collapse"] {

    position: relative;
	
}

.form-wrapper-admin a.dropbar:hover { text-decoration: none;}

.form-wrapper-admin a.dropbar::after {
	font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f107";
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		background: 0 0;
		position: absolute;
		right: 15px;
		top: 9px;
		-webkit-transition: -webkit-transform .3s ease;
		transition: -webkit-transform .3s ease;
		transition: transform .3s ease;
		transition: transform .3s ease, -webkit-transform .3s ease;
		border: 0;
		margin-left: 0;
}


.form-wrapper-admin a.dropbar[aria-expanded="true"]::after {
	
	-webkit-transform: rotate(180deg);
transform: rotate(180deg);
right: 15px;
	top:6px;
	
	
	
}










/*--------------------- banner stuff ---------------------------- */

.form-wrapper-admin  .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    				color: #495057;  background-color: #cdcdcf;   border-color: #dee2e6 #dee2e6 #cdcdcf; }

.form-wrapper-admin  .nav-tabs .nav-link {    border: 1px solid #5e5e5e; background-color: #3d4146;}

.form-wrapper-admin  .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
   					 border-color: #e9ecef #e9ecef #dee2e6; background-color: #cdcdcf; color:#000; }


.form-wrapper-admin .banners h2 { font-size: 1.6em; line-height: 1.6em; }

.form-wrapper-admin .bannerwrap .card-body { text-align: left; }
.form-wrapper-admin .bannerwrap .card-body .card-text a { text-decoration: underline; color: #E5E5E5; }
.form-wrapper-admin .bannerwrap .card-body .card-title { margin: 5px 0px;  }
.form-wrapper-admin .bannerwrap .card-body .card-title a { text-decoration: underline; color: #E5E5E5; }
.form-wrapper-admin .bannerwrap img { max-width: 100%; margin: 8px 0px; }
.form-wrapper-admin .bannerwrap .card-body .copy-button { /* color:#fff !important; */ }
.form-wrapper-admin .bannerwrap iframe { max-width: 100%; margin: 8px 8px 8px 16px;  }
/* .form-wrapper-admin .bannerwrap .card-body .webinput { max-height: 60px; } */






.form-wrapper-admin .banner_section { border: 1px solid #5e5e5e; }
.form-wrapper-admin .banner_section_header { font-size: 1.3em; color:#fff; }





/*-------------------- selected tags stuff -------------------------------- */

.selected-tags { background-color: #eceaff;
				 border: 1px solid #818096;
				 text-align: left;
				 padding: 0.25em 0.5em;
				 margin: 0.5em;
				 font-size: 0.95em; }

.selected-tags p.subtitle { font-weight: 600; font-size: 1em; }

.selected-tags .selected {     text-align: left;
   							   display: inline-block;
    							padding: 0.25em 0.5em;
   								 background-color: #fff;
   								 border: 1px solid #9f9e9e;
   								 margin: 0.25em 0.25em;
   								 -webkit-border-radius: 4px;
 								   -moz-border-radius: 4px;
   									 border-radius: 4px;
									font-size: 0.9em; }

.selected-tags  a { color:#0000ff; text-decoration: none; margin-left:0.5em;  }





/*---------------------- search form stuff ------------------------- */


#searchform h2 {font-size: 1.5rem; margin-bottom: 0.25em; display: inline-block; }
 .reset-icon { font-size: 1em; margin: 0 0.25em; }
#searchform #cats { display: none; }
#searchform a { color:#0000ff; }
#searchform #form_reset { margin-left:0.5em; padding: 2px 6px;border-radius: 4px; vertical-align: text-top;}




/*----------------- modal category lisr -------------------------- */

.cat_list {background-color: #fff !important; font-size: 0.95em; }

.cat_list li {  font-size:1em; margin-bottom: 0; }


.cat_list li.active > a, a[aria-expanded="true"] {
    color: #fff;
   /* background: rgb(62,67,72); */
}



.cat_list .cat_title { font-size: 1em !important;  
								padding:  0em; 
								font-weight: 400; 
								border:1px solid #ccc;
								
								 }
/* .cat_list li.cat_title:nth-child(odd) {  background-color: rgba(0,0,0,0.06); } */






 .cat_list>li.cat_title>a {  width: 100%; padding: 0.5em 0.5em 0.5em 0.5em; display: inline-block; color:#000 !important; }

 .cat_list li.cat_title .cat_subgroup ul li a, .cat_sublist li a { display: flex; flex-wrap: nowrap; 
														justify-content: space-between; 
														width: 100%;
														padding: 0.25em 0.5em 0.25em 1.2em;
														font-weight: 400; }


.cat_list li a:hover, .cat_sublist li a:hover { background-color:#343a40; color:#fff !important; text-decoration: none; }


.cat_subgroup ul li a span:first-child { font-size: 1em; }
.cat_subgroup ul li a span:last-child { line-height: 1.5; min-width: 45px; }

 .cat_subgroup {background-color: #f4f3f3; border-top: 1px solid #fff; box-shadow: 0px -1px 1px rgba(0,0,0,0.7); width: 100%; z-index: 100; }

#website_cats_subgroup { position:absolute; }


#site_select_wrap::after { display: none !important; }


.cat_list a[data-toggle="collapse"] {
    position: relative;
}

.cat_list .dropdown-toggle::after {
	font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f107";
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		background: 0 0;
		position: absolute;
		right: 15px;
		top: 9px;
		-webkit-transition: -webkit-transform .3s ease;
		transition: -webkit-transform .3s ease;
		transition: transform .3s ease;
		transition: transform .3s ease, -webkit-transform .3s ease;
		border: 0;
		margin-left: 0;
}


.cat_list a[aria-expanded="true"]::after {
	
	-webkit-transform: rotate(180deg);
transform: rotate(180deg);
right: 15px;
	top:6px;
	
	
	
}

/*------------------ modal website search -------------------------- */




.website-search .letter-link { font-size: 1em; 
								display: inline-block; 
								background-color:rgb(205, 205, 207); 
								padding: 3px 5px; 
								border: 1px solid #939393;
								margin: 4px 3px;
								border-radius: 4px; 
								line-height: 1.3em;
								box-shadow: 1px 1px 1px rgba(0,0,0,0.6); 
								min-width: 29px;
								text-align: center;
								color:#000 !important;
								text-decoration: none;}

.modal-body.website-search { padding: 0.5em 0.25em; }

.website-search .letter-link:hover, .website-search .letter-link.selected {background-color:#343a40; color:#fff !important; }


.website-search .site-card { border: 1px solid #939393; box-shadow: 1px 1px 1px rgba(0,0,0,0.6);
							text-align: center; font-size: 13px; margin-bottom: 0.5em; height: 100%; }
.website-search .site-card .card-body { padding: 0.5em; }
.website-search .site-card .card-footer { padding: 0.25em; font-size: 13px; }
.website-search .site-card h3 { font-size: 1.2em; line-height: 1.3em; margin: 0.25em 0; }
.website-search .site-card img { max-width: 100%; margin: 0px auto 0.5em auto; }

.website-search .site-card .card-footer { padding: 0.25em 0; font-size: 12px; }
.website-search .site-card .card-footer .tac-button-icon { font-size:16px; margin-right: 5px; }
	

.website-search .site-card .card-footer div { flex: 1 1 auto; }
.website-search .site-card .card-footer span.galleryicon { color:#00BB21; }
.website-search .site-card .card-footer span.videoicon { color:#FF0000; }


.website-search .site-card:hover { background-color:#fff !important; }


/*--------------- form stuff ------------------------------- */





.form_wrap { color:#3e3e3e; background-color:rgba(255,255,255,0.9);
			 margin:0 auto 1em auto; 
			padding: 1em 1em;
			text-align: center;
			 }




.form_wrap .heading {
    margin: 0.5em auto 0.5em auto;
    padding: 0.25em 0.5em;
    background: #bbb8b8;;
    border-bottom: 1px #000 solid;
    border-radius: 6px 6px 0 0;
    font-weight: 400;
    text-align: left;
	font-size:1.2em;
}

.form label {     float: left;
    			display: block;
    			margin: 0.5em 0 0.25em 0;
   				 /* font-weight: 600; */
   				/* text-transform: uppercase; */
   				 letter-spacing: 1px;
				font-size: 1em; }
				
.form label.required::after {
    content: "*";
    color: red;
    margin-left: 5px;
font-size: 18px;
}				
				
				
.form label.error { width: auto;
					display: block;
					float: none;
					font-size: 13px;
					text-align: left;
					margin: 4px 0px;
					color: red;
					border: 0px;
					font-weight: 400;
					 }



 .webinput {
					/* display: block;
  					width: 100%; */
  					color:#000;
  					background-color: #f0f0f0 !important;
  					border: 1px solid #646464;
 					 border-radius: 4px;
 					 box-sizing: border-box;
  					resize: vertical; 
  				/*	box-shadow: 1px 1px rgba(0,0,0,0.6) inset; */
  					 }
  					
input[type=text]:focus, textarea:focus, .webinput:focus, .custom-select:focus { background-color: #FFD7D7 !important;
																		color: #000000; border: 1px solid;
																		box-shadow: 0px 0px 2px rgba(0,0,0,0.7);	}


.form_wrap input[type=submit] {  margin: 1em auto; }

#accountform .form-wrapper-admin dd { min-height: 24px; }



/*-------------------- modal stuff --------------------------- */

.modal-content { /* font-family: 'Lato', sans-serif;	*/ }

.modal-header { padding: 0.5em; color:#fff; background-color: rgb(32, 36, 40); border-top: 1px solid #7c1449; display: block; }
.modal-header .close { color:#fff;}
.modal-header .modal-logo { height: 28px; margin-right: 0.5em; vertical-align: top;}
.modal-title { font-size: 1.2em; }
.modal-body { padding: 0.5em 0.5em; margin-top:0; margin-bottom: 0.2em; font-size: 1em; }
.modal-content.bg-light .modal-body a, .modal-content.bg-light .modal-footer a, .card.bg-light .card-body a, .card.bg-light .card-footer a { color:#0000ff; }
.modal-footer { padding: 0.5rem; }
.modal-body .list_wrapper { min-height: 300px; }
#newsbox .modal-content .modal-body h2 { font-size: 1.5em; font-weight: 600;margin-bottom: 0.75rem;}
#newsbox .modal-content .modal-body img { max-width: 100%; height: auto !important;}
#newsbox .modal-content .modal-body p { margin-bottom: 0.75rem; }
/*---------------admin modal stuff ------------------------------- */

.modal-body .list_wrapper { position: relative; width: 100%;}

.modal-body .overlay { position: absolute;
						 left:0; right:0; bottom: 0; top:100%;
						background-color:rgba(0,0,0,0.7);
						padding: 0.5em 1em 0.5em 1em;
						 z-index: 1200;
	overflow: hidden;
	width: 100%; height: 100%;
	/* opacity: 0; */
	
	
				}



#modal_overlay .spinner-wrapper { position: absolute;
 										 top: 50%;
  										left: 50%;
 										 -ms-transform: translate(-50%, -50%);
 										 transform: translate(-50%, -50%); }



.admin-menu .modal-body p { margin-bottom: 0.25em; }
.admin-menu .tac-list-title { font-weight: 600; margin-right: 1em; min-width:150px; font-size: 1em; }
.admin-menu .tac-icon { font-size: 18px; margin-right: 0.5em; color: #737373; width: 26px; }
.admin-menu .admin-menu-list li b { font-weight:600;  }
.admin-menu .admin-menu-list li { padding: 0.25em 0.25em 0.25em 0.5em; font-size: 1em; }
.admin-menu .admin-menu-list li .tags a { margin-right: 0.5em; color:#0000ff; }



.admin-menu h2 { font-size: 1.2em; text-align: center; font-weight: 600; margin-bottom:0.5em; }

.admin-menu .modal-body ul.admin-menu-list li .samples .img-holder img { max-height: 145px; width: auto; margin: 0 auto; max-width: 100%;}

.copy-button { color:#000 !important; text-decoration: none !important; }

.copy-button span { font-size: 1.1em; margin: 0.2em; line-height: 1.2;}

/*------------------ banners modal ------------------------------ */
.banner-menu h3 { font-size: 1.2em; text-align: center; font-weight: 600; margin-bottom:0.5em; }
.banner-menu .webinput { max-height: 60px; }
.banner-menu .col img { max-width: 100%; border:1px solid #5F5F5F; }

.wiggle { 
  animation-name: pulse;
  animation-duration: 0.2s; 
  animation-timing-function: ease; 

  animation-iteration-count: 3;
}



@keyframes pulse {
  0%, 100% {
    transform:none;
  }
  50% {
   transform:scale(1.2,1.3);
  }
}




#loginbox .lost {
    float: right;
    display: block;
    color: #0000ff;
    vertical-align: bottom;
    font-size: 14px;
   /* text-decoration: none; */
}

/*------------------ footer stuff ---------------------- */

#footer { font-size: 15px; text-align: center; }

#footer ul {
    list-style: none;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

#footer ul li { padding: 5px 20px; display: block; }
				

#footer ul li a {  }


/*----------- back to top ------------------------ */

.back-to-top { position: fixed;
bottom: 20px;
right: 20px;
background: fff;
background: rgba(253,43,151,0.7);
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
z-index: 200;
text-align: center;
padding: 3px 5px; 
cursor:pointer;
}


.back-to-top span { font-size: 27px; color:#fff; font-weight: 600; position: relative; left: 1px; top: 6px;}


/*------------------- pagination ------------------------- */

.pagination_wrapper ul.pagination li:not(.active) a.page-link { color:#464646;}

/* .pagination_wrapper ul.pagination li a.page-link:hover { color:#0000ff; text-decoration: underline; background-color:rgb(177, 177, 177); } */



/*------------------- typeahead (autocomplete) stuff ------------ */

/* .twitter-typeahead { width: calc(100% - 32px);}

.input-group-prepend ~ .twitter-typeahead { width: calc(100% - 84px);} */

.twitter-typeahead { flex-grow: 1 !important; }


.tt-menu {     background: #fff;
   				 width: 100%;
				padding: 5px;}


.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}



/*-------------------- link codes list ------------------------- */
h3.tagtitle { font-size: 1.3em;
			margin-left: 0.5em;
			display: block;
			border-bottom: 1px solid #dee2e6;
			padding-bottom: 0.25em;
			font-weight: 600; box-shadow: 0px 1px 0px rgba(0,0,0,0.3);}
ul.taglist { line-height: 1.0; margin-bottom: 1.5em; }
ul.taglist .list-group-item { background-color: transparent; border:0px; padding: 0.5em 0.25em; }
.form-wrapper-admin span.red { color:#FF0000 !important; }

.form-wrapper-admin span.green { color:#2aff00 !important; }


#linkcodesform .form-wrapper-admin dd {padding: 0.25em 0.25em; }


/*-------------- stats table ------------------------------------ */
.tac_stats thead tr th, .tac_stats tfoot tr th { font-weight:400 !important;}
.seperator {border-bottom: 1px solid rgba(255, 255, 255, 0.125); box-shadow: 0px 1px 0px rgba(0,0,0,0.3); }

.cellmenu { position: relative; }

.rowmenu_wrap {position: absolute; 
					  display: none;  
					top:100%;
					left:0;
					z-index:1000; }

  ul.rowmenu { 
					min-width: 7rem;
					padding: 0;
					margin: 0;
					text-align: left;
					list-style: none;
					color:#000;
					font-size:0.85rem;
					}


.rowmenu li {display: block;
						width: 100%;
				padding: 0.25rem 0.25rem;
clear: both;
font-weight: 400; color:#000; }

.rowmenu li a { color:#0000ff; }

h3.popover-header { color: #403f3f; background-color: rgba(0,0,0,0.1); padding: 0.25em 0.5em; border-bottom: 1px solid #c8c8c8;}

.popover-body {padding: 0.15em 0.5em; font-size:0.9em; }


/*-------------------- support page stuff ----------------------------------- */

#support  .card .card-header { background-color: transparent !important; border:0; }
#support .card-header h3 { font-size: 1.1em; }
#support  a[aria-expanded="true"] { color:#0000ff; }

#support .accordian .card-body { padding: 0.5em; font-size: 0.9em; border: 1px solid rgba(0,0,0,0.2); border-radius:6px; margin-bottom: 1em; }
#support  .card-body p { margin-bottom: 1em; }
#support caption { caption-side: top; }

#support ul.support_list { list-style-type: none;  margin: 0;  padding: 0; margin-bottom: 1em; }
#support ul.support_list li { margin-left: 20px; padding: 0.3em 0.2em; }
#support ul.support_list li b:first-child { margin-right: 0.5em; }
#support  .card-body  b { font-weight: 650; }

#support .support_linklist { list-style-type: none;  margin: 0;  padding: 0; margin-bottom: 1.5em; text-align: left; }
#support .support_linklist li { padding: 0.3em 0.2em 0.3em 0.2em; font-size: 90%; }
#support .support_linklist li a { color:#0000ff; text-decoration: underline; }



/*------------- resources stuff ------------------------------------------ */

.resources .col { padding: 0.2em 0.3em; 
					font-size: 13px; 
					line-height: 1.3; 
					text-align: center; 
 
					margin: 5px 0px; }


.resources .col div { border: 1px solid rgba(134, 133, 133, 0.3); 
					position: relative;
					padding: 5px 3px; 
					-webkit-border-radius: 4px;
 					  -moz-border-radius: 4px;
   					 border-radius: 4px;
					background-color: #202428; 
					word-wrap: break-word;
					height: 100%; }


.resources .col div img { display: block; margin: 3px auto; width: 120px; height: 60px; border:0px; }


.resources .col div:hover { background-color: rgb(230, 230, 234); color:#000;} 
.resources .col div:hover a { color:#0000ff; }


.form-wrapper.textblock a { text-decoration: underline; font-weight: 600; color:#a4afea; }




@media (min-width: 576px) {
	
	
	
	
}




@media (min-width: 767px) {
    .navbar .dropdown-toggle:not(.nav-link)::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .5em;
        vertical-align: 0;
        border-bottom: .3em solid transparent;
        border-top: .3em solid transparent;
        border-left: .3em solid;
    }
	
	#footer ul li { display: inline-block; }
	.headline {font-size: 17px; }
	.user-drop-menu { width: 180px; position: absolute; }
	
}
	
	
@media (min-width: 992px) {	
	.navbar-dark .navbar-nav .nav-link { text-transform: uppercase; }
	.newswrapper .news { height: 150px; }
	.newonline .img-holder { max-width: 450px;}
	.headline {font-size: 20px; }
	.bigtext { font-size: 1.1rem;}
	.form-wrapper-admin #support_menu { max-width: 228px; }
	}
	
@media (min-width: 1200px) {	
	.navbar-dark .navbar-nav .nav-link { padding-left: 1em; padding-right: 1em; }

	
	
	}	
	


@media (min-width: 1420px) {	
	
	.container { max-width: 1400px; }
		.col-xxl-2 {
   				 -ms-flex: 0 0 16.666667%;
    				flex: 0 0 16.666667%;
   				 max-width: 16.666667%;	}
	
		.row-cols-xxl-4 > div { -ms-flex: 0 0 25%;	flex: 0 0 25%;	 max-width: 25%;		}
		.row-cols-xxl-5 > div { -ms-flex: 0 0 20%;	flex: 0 0 20%;	 max-width: 20%;		}
}