/*
* CSS for user list.
*/

.active-image
{
    cursor:pointer;
}

.ws-command-button
{
    cursor:pointer;
    z-index: 200;
    border: 1px solid black;
}

.ws-opaque-background 
{
    background: #ffffff;
}


.ws-map-button 
{
    
    border: 1px solid black;
	border-radius: 10px;
	background-color: #f0f0f0;
	padding: 3px;
}

.ws-map-button:hover 
{
     -webkit-transform:scale(1.2);
	-webkit-box-shadow:0px 0px 30px #ccc;
	-ms-transform:scale(1.2);
	-ms-box-shadow:0px 0px 30px #ccc;
	-moz-transform:scale(1.2);
	-moz-box-shadow:0px 0px 30px #ccc;
}

div.tv_container 
{
    margin-top: 20px;
}

.ws-image.ws-scale-small
{
    width: 24px;
    height: 24px;
}

.ws-checkbox.ws-scale-small > input
{
    width: 8px;
    height: 8px;
}

.ws-text.ws-scale-small > input
{
    font-size: 7px;
}

.ws-unselectable 
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ws-map-cmd{
    border-radius: 2px;
    border: 2px;
    border-style: solid;
    border-color: black;
    position: absolute;
    float:right;
    width: 122px;
    top:10px;
    right: 10px;
    opacity: .2;
    padding:5px;
    background-color: #C0C0C0;
}
.ws-map-cmd:hover{
    opacity: 1;
}

.ws-map-cmd table{
    width:100%
}

.ws-map-cmd td{
    width: 40px;
}
.ws-map-cmd-div-img{
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}
.ws-map-cmd-zoom-in{
    background-image: url("../../images/rt/cmd_zoom_in.png");
}
.ws-map-cmd-zoom-out{
    background-image: url("../../images/rt/cmd_zoom_out.png");
}
.ws-map-cmd-zoom-zero{
    background-image: url("../../images/rt/cmd_zoom_full.png");
}

/* ******************************************************** */
/* .ws-map-settings */

.ws-map-settings									{ box-sizing: border-box; padding: 2px; position: absolute; top: 60px; right: 10px; width: 300px; height: 255px; font: 14px "Roboto"; color: #000000; background: #EEE; opacity: .4; transition: opacity .2s; -khtml-user-select : none; -webkit-user-select : none; -moz-user-select : -moz-none; -ms-user-select : none; user-select : none; box-shadow: 0 0 10px 2px rgba(0,0,0,.3); }
.ws-map-settings:hover								{ opacity: 1; }
.ws-map-settings-open								{ position: absolute; top: 60px; right: 10px; width: 25px; height: 25px; border: 1px solid #000000; font-family: "Roboto"; color: #000000; background: #EEE url(../../images/map-settings/map-settings-close.png) center center no-repeat; opacity: .2; padding: 5px 4px 3px 5px; }
.ws-map-settings-open:hover							{ opacity: 1.0; }
.ws-map-settings-header								{ /*border-bottom: 1px solid #c0c0c0;*/ }
.ws-map-settings-header > div						{ padding-top: 10px; padding-bottom: 10px; padding-left: 42px; background: /*compHighlight*/rgba(0,163,217,1)/*end*/; color: /*compHighlightForeground*/rgba(255,255,255,1)/*end*/; }

.ws-map-settings fieldset							{ border: 1px solid #CCC; padding: 2px; border-radius: 1px; }
.ws-map-settings fieldset legend					{ margin-left: 7px; }
.ws-map-settings-font								{ background: #EEE; width: 100%; }
.ws-map-settings-font td							{ color: #000000; vertical-align: middle; }
.ws-map-settings-font td:nth-child(1)				{ white-space: break; width: 110px; }										/* "Object font size" text*/
.ws-map-settings-font td:nth-child(2)				{ width: 24px; text-align: center; }										/* Decrease button */
.ws-map-settings-font td:nth-child(3)				{ text-align: center; }														/* slide bar */
.ws-map-settings-font td:nth-child(4)				{ width: 24px; text-align: center; }										/* Increase button */
.ws-map-settings-font input							{ width: 120px; padding: 1px; }
.ws-map-settings-font img							{ border: 1px solid transparent; }
.ws-map-settings-font img:hover						{ border: 1px solid /*compInterfaceDecorative:.5*/rgba(153,153,153,.5)/*end*/; }

.ws-map-settings-help								{ margin: 0px; margin-top: 12px; background-color: #fff; width: 100%; line-height: 140px; box-sizing: border-box; overflow-x: scroll; white-space: nowrap; vertical-align: top; }
.ws-map-settings-display input						{ border: solid 1px /*compInterfaceDecorative:.5*/rgba(153,153,153,.5)/*end*/; padding: 0px 0px 0px 0px; }
.ws-map-settings-header img.icon					{ position: absolute; top: 8px; left: 8px; }
.ws-map-settings-header div#close-button			{ opacity: .75; background: url("../../images/interface/cross_compHighlightForeground.svg") 50% 50% no-repeat; background-size: contain; width: 16px; height: 16px; position: absolute; top: 12px; right: 12px; }
.ws-map-settings-header div#close-button:hover		{ opacity: 1; cursor: pointer; }


/* slide part */
ul.slides													{ padding: 0; width: 100%; height: 110px; display: block; margin: 0 auto; position: relative; margin-top: 12px; box-sizing: border-box; border: 1px solid #CCC; border-radius: 1px; }
ul.slides *													{ user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
ul.slides input												{ display: none; }
ul.slides .slide-container									{ display: block; }
ul.slides .slide-container .slide							{ top: 0; opacity: 0; width: 50%; margin-left: 25%; margin-right: 25%; margin-top: 4px; height: 70px; display: block; box-sizing: border-box; border: 1px solid #CCC; position: absolute; transform: scale(0); transition: all .7s ease-in-out; background-color: #FFF; }
ul.slides .slide-container .slide span.picture				{ width: 100%; display: inline-block; white-space: normal; text-align: center; }
ul.slides .slide-container .slide span.desc					{ width: 100%; height: 20px; line-height: 20px; display: inline-block; white-space: normal; text-align: center; vertical-align: center; }
ul.slides .nav label										{ width: 200px; height: 100%; display: none; position: absolute; opacity: 0; z-index: 9; cursor: pointer; transition: opacity .2s; color: #FFF; font-size: 156pt; text-align: center; line-height: 280px; font-family: sans-serif; background-color: rgba(255, 255, 255, .3); text-shadow: 0px 0px 15px rgb(119, 119, 119); }
ul.slides .slide:hover + .nav label							{ opacity: 0.5; }
ul.slides .nav label:hover									{ opacity: 1; }
ul.slides .nav .next										{ right: 0; }
ul.slides input:checked + .slide-container .slide			{ opacity: 1; transform: scale(1); transition: opacity .5s ease-in-out; }
ul.slides input:checked + .slide-container .nav label		{ display: block; }
ul.slides .nav-dots											{ width: 100%; bottom: 10px; height: 11px; display: block; position: absolute; text-align: center; }
ul.slides .nav-dots .nav-dot								{ top: -5px; width: 11px; height: 11px; margin: 0 4px; position: relative; border-radius: 100%; display: inline-block; background-color: rgba(0, 0, 0, 0.4); }
ul.slides .nav-dots .nav-dot:hover							{ cursor: pointer; background-color: rgba(0, 0, 0, 0.75); }
ul.slides input#img-1:checked ~ .nav-dots label#img-dot-1,
ul.slides input#img-2:checked ~ .nav-dots label#img-dot-2,
ul.slides input#img-3:checked ~ .nav-dots label#img-dot-3,
ul.slides input#img-4:checked ~ .nav-dots label#img-dot-4,
ul.slides input#img-5:checked ~ .nav-dots label#img-dot-5,
ul.slides input#img-6:checked ~ .nav-dots label#img-dot-6	{ background: /*compHighlight*/rgba(0,163,217,1)/*end*/; }
/* end slides part */