* {margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::-webkit-scrollbar {
	height:8px; /* height sets the thickness of horizontal (x-axis) scrollbar */
	width: 6px; 
	background: transparent; 
}
/* can disable the scroll bar on a overflow div by below code
#Pa_holder .Pa_container::-webkit-scrollbar { 
    display: none; 
	width:0px;
}
*/

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #AAA; 
 // border-radius: 10px;
  background: #AAA; 


}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #666; 
  //border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #121212; 
  
}
.myapp_ripple_div{
	position:relative;
	overflow:hidden;
}

.my_ripple_ink {
	display: block;
	overflow:hidden;
	position: absolute;
	background-color:#888;
	filter: alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;  
	border-radius: 100%;
	-webkit-transform:scale(0);
    -moz-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}

.my_ripple_animate {
	-webkit-animation:my_ripple_css_keyframe 0.3s linear;
	-moz-animation:my_ripple_css_keyframe 0.3s linear;
	-ms-animation:my_ripple_css_keyframe 0.3s linear;
	-o-animation:my_ripple_css_keyframe 0.3s linear;
	animation:my_ripple_css_keyframe 0.3s linear;
}

@-webkit-keyframes my_ripple_css_keyframe {
	100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes my_ripple_css_keyframe {
	100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes my_ripple_css_keyframe {
	100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes my_ripple_css_keyframe {
	100% {opacity: 0; transform: scale(2.5);}
}
:root{
	
	--theme_color: 0, 139, 139;
	--theme_colorL: 85, 137, 194;
	--theme_colorD: 4, 46, 92;
	

	--wrapper_bg: rgba(190, 203, 218, 0.3);
	--section_gap: 6px;
	
    --hdr_h: 50px;
	--hdr_h_b: 90px;
    --hdr_bg: rgba(var(--theme_color), 1);
	

    --nav_h: 40px;
    --nav_bg: rgba(190, 203, 218, 0.2);  

	--shadow: 0 0 3px 0px rgba(200, 200, 200, 0.5);
	
	--card_bg: rgba(0, 112, 68, 0.1);
}

html, body{
    margin: 0;
    padding: 0;
    width:100%;
	height: 100%;


	/* END - disable text and all selection with cursor */

	
}

body {
    font-size:14px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	
    font-weight:500;
	background-color: #FFF;
	color:#000;

    width: 100%;
	min-width:1300px;
	
    min-height: 100%;
    /*overflow: auto;*/

}
.buski_header{
    width:100%;
    height: var(--hdr_h);
    background-color: var(--hdr_bg);
	position:fixed;	
	top:0;
	z-index:101;

}
.buski_container{
	width:100%;
	height:auto;
height:calc( 100vh );
	padding:0;
	margin:0;
	padding-top:var(--hdr_h);
    display: flex;
    flex-direction: column;	
	overflow:hidden;
}
.buski_footer{
	width: 100%;
	min-height: 100px; 
	background-color:#121212;
	padding:20px;
	color:#F4F4F4;
}

.buski_global_link_btn{
	font-size:14px;
	color: blue;
	width:fit-content;
	display:inline-block;
	padding:8px;
	cursor: pointer;
}
.buski_global_link_btn:hover{
	background-color:#EEE;
}
.buski_view_all_link{
	font-size:12px;
	color: blue;
	width:fit-content;
	display:inline-block;
	padding:8px;
	cursor: pointer;
}
.buski_view_all_link:hover{
	background-color:#EEE;
}

/********* input */

input{
	padding:4px;
	border:1px solid #AAA;
	outline:none;
}
select{
	padding:3px;
	border:1px solid #AAA;
	outline:none;	
	
}
/********* END - input */
label{
display: inline-block;
}
label input {
  vertical-align: middle;
}
label span {
  vertical-align: middle;
}
/********* buttons */

button{
	border:none;
	color:#FFF;
	height:auto;
	width:auto;
	cursor:pointer;
	outline: none;
	letter-spacing:1px;
	text-transform: uppercase;
}
button:disabled{
    background-color:#CCC;
	color:#999;
}
.buski_btn_link{
	background-color:#FFF;
	
	padding:8px;

	border: 1px solid darkcyan;
	border-radius: 3px;
	white-space: nowrap;	
	color:darkcyan;

}
.buski_btn_a{
	background-color:rgba(150, 58, 224, 0.9);
	text-align:center;
	padding:10px;
	font-weight:bold;
	border-radius: 3px;
	white-space: nowrap;	
	color:#FFF;
	box-shadow:0 1px 3px 0px #AAA;
	cursor:pointer;
}
.buski_btn_b{
	background-color:rgba(245, 135, 66, 0.9);
	text-align:middle;
	padding:10px;
	font-weight:bold;
	border-radius: 3px;
	white-space: nowrap;
	color:#FFF;
	box-shadow:0 1px 3px 0 #AAA;
	cursor:pointer;
}
.buski_btn_green{
	background-color:#008CBA;
	text-align:middle;
	padding:10px;
	font-weight:bold;
	border-radius: 3px;
	white-space: nowrap;
	color:#FFF;
	box-shadow:0 1px 3px 0 #AAA;
	cursor:pointer;
}
.buski_btn_red{
	background-color:rgb(255, 77, 77, 0.9);
	text-align:middle;
	padding:10px;
	font-weight:bold;
	border-radius: 3px;
	white-space: nowrap;
	color:#FFF;
	box-shadow:0 1px 3px 0 #AAA;
	cursor:pointer;
}
.buski_showmore_small{
	color:#008B8B;
	font-size:12px;
	cursor:pointer;
	width:fit-content;	
}
.buski_showmore_small:hover{
	color: #0fa3a3;
	text-decoration:underline;
}

.myapp_files_dragging_highlighter{
	background-color: skyblue !important;
    -webkit-box-shadow:	inset 0px 0px 0px 2px  skyblue; /* in-side border */
    -moz-box-shadow:	inset 0px 0px 0px 2px  skyblue;
    box-shadow:			inset 0px 0px 0px 2px  skyblue;
}
.myapp_fixed_blocker{
	position:fixed;
	top:0;left:0;
	width:100%;height:100%;	
	background-color:#999;
	opacity:0.5;
}
.myapp_absolute_blocker{
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;	
	background-color:#999;
	opacity:0.5;	
}
.myapp_absolute_bottom_holder{
	width:100%;
	height:auto;
	position:absolute;
	box-shadow:0 -2px 6px 0 #777;
	left:0;
	top:100%;	
}
.buski_abs_img{
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	display:block;
	margin:auto;	
}
.buski_caret_arrow {
  border: solid #777;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 1.5px;
}

.buski_caret_arrow_r {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.buski_caret_arrow_l {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.buski_caret_arrow_u {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.buski_caret_arrow_d {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-bottom:2px;
}
#buski_ajax_page_blocker{
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-color:rgba(136, 136, 136,0.2);
	z-index: 10001;
	display:none;
}
#buski_ajax_loading_note{
	position: fixed;
	width: 100%;
	height: 60px;
	top:0;
	left:0;
	background-color:tomato;
	color:#FFF;
	z-index: 10002;
	display:none;
}
/* END - Buttons ***********/
.buski_formatted_date_span{
	margin-left:10px;
	color:green;
	font-size:16px;
	
}
@media only screen and (max-width: 650px){

	body {
		min-width:0px;


	}
	.buski_header{
		height: var(--hdr_h_b);
	}

	
	.buski_showcase{
		width:100%;
		height:30vw;
		min-height:150px;
		max-height:200px;

		
		
	}
	.buski_content{
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		grid-gap: 6px;	
	}

    .buski_vcard {


		max-width: 100%;
		//height: 250px;

    }   
	
	.buski_owl_prev_next{
		display:none;
	}
	
}