html{
	height:100%;
}

body {
	margin:0 0 0 0;
	padding:0px;
	font-family:Objektiv,Verdana, Helvetica, Arial, sans-serif !important;
	font-size:12px !important;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
	background-color: #111111;
}
img{
	border:none;
}

hr{
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

textarea:focus, input:focus{
    outline: none;
}

/* select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   padding:4px;
} */

.icomoon{
	font-family:'Icomoon';
}

.btn {
	background-color:rgba(0,0,0,0);
	display:inline-block;
	cursor:pointer;
	font-size:18px;
	padding:8px;
	text-decoration:none;
	margin:2px 5px 2px 5px;
}

.btn span {
vertical-align: middle;
}
.btn:active {
	top:1px;
}

.invisible,.hide,.hidden{
	display:none !important;
}

.btn_text{
	display:inline-block;
	font-size:small;
	line-height:16px;
}

.absolute_center{
  position: absolute;
  /*text-align:center;*/
  top: 50%;
  left:50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
 }

.horizontal_center{
  left:50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
 }

.vertical_center{
  top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
 }

.ui-layout-pane {
    overflow-x: hidden !important;
}

#loading{
	text-align: center;
	mix-blend-mode: screen;
}

.upload_track{
	display:none;
}

#message,#popup,#info_show{
	padding: 20px 35px;
	text-align: center;
	-webkit-box-shadow: 6px 10px 34px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 6px 10px 34px 0px rgba(0,0,0,0.6);
	box-shadow: 6px 10px 34px 0px rgba(0,0,0,0.6);
}

#message{
	font-weight: bold;
	font-size: 16px;
	border: 2px solid var(--text-color);
	border-radius: 8px;
}

#popup,#popup .title_bar{
	border:1px solid #232323;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#popup .title_bar{
    position: absolute;
    top: -35px;
    left:0px;
    margin:0;
    padding:0;
    height: 35px;
    width: 100%;
    line-height: 35px;
    text-align: left;
    background-color:#232323;
    color:#B7B7B7;
    text-indent: 10px;
}

#info_show{
    position:absolute;
    background-color: var(--text-color);
    color: var(--bg-color);
    text-align:left !important;
    border-radius: 8px;
    max-width:250px;
}

.confirm_btn{
	display: inline-block;
	min-width: 100px;
	cursor: pointer;
	padding: 15px;
	margin: 5px;
	font-size: 1em;
}

#message img{
	display: inline-block;
	width:24px;
	margin-right:10px;
	vertical-align: middle;
}

#message span{
	display: inline-block;
	vertical-align: middle;
}