/* ****************************************

	Code created by Serge Soudoplatoff
	Copyright 2015 - 2016 - 2017 - 2018 - 2019 - 2020 - 2021 - 2022 - 2023

*******************************************



	the big map css
	*/


html, body {

	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
/*
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#fff;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
*/
}

/*

	now, the map place
	*/

#kflow_map {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	height: 100%;
}
#kflow_title {
	font-size: 24px;
	font-family: Georgia, serif;
	text-align: center;
	border: 1mm ridge green;
	background-color: white;
}

.div_onmap {
	position: absolute;
	z-index: 100000; /* must always be above markers */
	margin-top: 9px;
}

.d_team_score {
	border-top: 1px solid;
	margin-bottom: 10px;
	font-weight: bold;
}

/* ************* Chatbox *********** */
#kmap_chat {
	width: 270px;
	bottom: 1px;
	right: 0px;
	padding-left: 5px;
	background-color: #eeeeee;
/*	border-radius: 15px; */
/*	opacity: 0.9;*/
}
#chat_thread {
	width: 258px;
	height: 300px;
	margin-left: 2px;
	margin-right: 2px;
	border: 1px;
	background-color: #f1f3f5;
	margin-bottom: 3px;
	display: inline-block;
	overflow: auto;
}
#chat_out {
	width: 95%;
	margin-left: 2px;
	margin-right: 2px;
}
#p_chat_out {
	position: relative; top: 2px; margin-right: 2px;
}
#chat_thread {
	padding-right: 1px;
	padding-left: 1px;
}

.zechatcomm {margin-bottom: 9px; margin-right: 12px;}

#kmap_left {
	background-color: #f1f3f5; /* oc-gray-1 (open color) */
	margin-top: 50px;
	padding-right: 5px;
	margin-left: 0px;
	padding-left: 5px;
	width: 410px;
	height: 80%;
	border: #e8590c groove 1px; /* oc-orange-8 (open color) */
}
#kmap_search_geo {
	margin-left: 60px;
	margin-top: 16px;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;


	background-color: #fffff; /* oc-cyan-0 (open color) */
    padding: 0 11px 0 13px;
    width: 200px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    text-overflow: ellipsis;
	outline: none;

}
#sort_knotes {
	height: 95%;
	overflow-y: scroll;
	
} /* #e3fafc /* oc-cyan-0 (open color) */


#kmap_crl {
	top: 8px;
	left: 10px;
	right: 10px;
	text-align: center;
	width: 60%;
	margin: 0 auto;
}
.b_topbut {
	margin-left: 2px;
	margin-right: 2px;
	display: inline-block;
}

#kmap_pldash {
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 0 5px;
	background-color: #eeeeee;
	box-shadow: rgba(0,0,0,0.2) 0 2px 6px;
	opacity: 0.9;
	width: 290px;
	padding: 10px;
	border-bottom: 5px solid;
	border-bottom-color: white;
}
#kmap_pldash #photo_player {float: left; width: 70px;}
#kmap_pldash .infos_player {float: right; margin-left: 10px; text-align: right;}
#kmap_pldash #pseudo_player {font-size: 14px; font-weight: bold;}

#kmap_vzoom {
	overflow: hidden;
	position: absolute;
	top: 100px;
	right: 1px;
	display: none;
	text-align: right;
}

#wzoom_main {
	width: 400px;
	height: 300px;
}

.top_left_b {
	cursor: pointer;
	font-size: 24px;
}

/* this allows the modal to be on top of buttons */
.bootbox.modal {
	z-index: 99999 !important;
}


button[aria-expanded=true] .fa-caret-square-up {
   display: none;
}
button[aria-expanded=false] .fa-caret-square-down {
   display: none;
}


#kmap_timer {
	bottom: 5px;
	left: 10px;
}


#kmap_tmscor {
	bottom: 5px;
	width: 80%;
	text-align: center;
	margin: 0, auto;
}

.team_score {
	padding-top: 3px;
	width: 150px;
	height: 60px; /* 70 if we want to display energy / player */
	border: 2px solid;
	border-radius: 4px;
	border-color: grey; /* will be changed anyway */
	font-size: 10px;
	font-weight: bold;
	margin-left: 2px;
	margin-right: 2px;
	background-color: white;
	display: inline-block;
}


.b_add_knote {
	margin-left: 2px;
	margin-right: 2px;
}


/****** fenetre info gmap 
	
	infowin_knote is the global one
	it has title, stuff
	then the inside one which has everthing else except edit more ??

	*****/
.infowin_knote {
	overflow-x: hidden;
	padding-right: 5px;
}

.infowin_knote_i {
	width: 98%;
	max-height: 500px;
	overflow-x: hidden !important;
	overflow-y: auto !important;

}


.infowin_knote h3 {text-transform: uppercase; font-size: 12px; font-weight:lighter; margin: 0; color: #999;}
.infowin_knote h4 {font-size: 12px; color:#f6931f;}
.infowin_knote select {max-width: 95%;}
.infowin_knote textarea {width: 98%;}
.infowin_knote input {width: 95%; margin: 1px;}
.infowin_knote input[type=number] {width: 30%; margin: 1px;}
.infowin_knote input[type=checkbox] {width: 5%; margin: 1px;}
.infowin_knote input[type=radio] {width: 5%; margin: 1px;}

.infowin_knote .kn_zeteam {height: 20px; display: inline-block; padding: 2px 7px 3px; color: white; font-weight: bold; font-size: 12px; vertical-align: middle;}

.infowin_knote .kn_foctop {position:absolute; top: 8px; right: 15px;}
.infowin_knote .kn_ontop {cursor: pointer;}

.infowin_knote .zetitre {font-size: 20px; font-weight: bold; margin: 8px 0 10px; max-width: 84%;}


.infowin_knote .knd_header {font-weight: bold; font-family: monospace; font-size: 16px; margin: 7px 0px 3px 0px;}

.infowin_knote .knd_detail {border: 1px solid grey; border-radius: 5px; min-height: 150px; max-height: 500px; padding: 2px; overflow-y: auto;}
.infowin_knote .knd_subh {font-size: 12px; font-style: italic;}
.infowin_knote .knd_likes {font-weight: bold; font-size: 16px; margin: 7px 0px 3px 1px; text-align: end;}

.infowin_knote .knd_compo_h {margin-top: 4px; margin-bottom: 2px; padding-left: 5px; font-style: italic; font-weight: bold; font-size: 12px;}
.infowin_knote .knd_compo {margin-left: 5px; border: 0px inset black;}

.infowin_knote .knd_3buttons {margin-top: 7px;}
.infowin_knote .bkn3 {margin: 4px;}

.infowin_knote .kn_explain {font-size: 12px; font-style: italic; margin: 8px 2px 5px 3px;}


.infowin_knote .infoWMedias {margin-top: 5px; line-height: 24px;}
.infowin_knote .infoWMedias .mediaButtons {display: inline-block; vertical-align: middle; margin-top: -1px; margin-left: 5px;}
.infowin_knote .infoWMedias .btn-media {font-size: 16px; -webkit-appearance: none;}
.infowin_knote .infoWMedias .btn-media + .btn-media {margin-left: 5px;}

.infowin_knote .kn_comments {max-height: 120px; overflow-y: scroll; border: 1px solid grey; border-radius: 5px; margin-bottom: 3px;}

.infowin_knote .teamName {position: absolute; bottom: 0; right: 0; font-size: 12px; font-style: normal;}

.infowin_knote .geo_search {margin-top: 4px;}

.infowin_knote .knd_components {border: 1px solid grey; border-radius: 5px; max-height: 280px; overflow-y: scroll;}

.infowin_knote .show_extrakf {font-weight: bold;}