@import url('main.alt.css');

#loader{
	position:fixed;
	width:100%;
	height:100%;
	background:#FFF url(../images/loading.gif) center no-repeat;
	opacity:0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
	z-index:100000000000;
	display:none;
}
#back{
	font-size:35px;
	text-decoration:none;
}
.sort_button{
	width:25px !important;
}
a.photo_description{
	position:absolute;
	top:5px;
	right:5px;
	font-size:16px;
	color:#333 !important;
	background-color:#FFF;
	text-decoration:none !important;
}
.photo_description_list{
	position:absolute !important;
	float:left !important;
	z-index:100000 !important;
	top:-5px !important;
	left:90px !important;
	width:380px !important;
	height:125px !important;
	background-color:#EEE !important;
}
.photo_description_list textarea{
	width:350px !important;
	height:80px !important;
}
.photo_description_list .btn{
	font-size:10px !important;
}

a.video_description{
	position:absolute;
	top:5px;
	right:5px;
	font-size:16px;
	color:#333 !important;
	background-color:#FFF;
	text-decoration:none !important;
}
.video_description_list{
	position:absolute !important;
	float:left !important;
	z-index:100000 !important;
	top:-5px !important;
	left:90px !important;
	width:380px !important;
	height:125px !important;
	background-color:#EEE !important;
}
.video_description_list textarea{
	width:350px !important;
	height:80px !important;
}
.video_description_list .btn{
	font-size:10px !important;
}
.browse_thumbail{
	position:absolute;
	top:5px;
	left:15px;
}
a.browse_thumbail img{
	width:20px !important;
	height:21px !important;
}
.popup_window{
	width:600px;
	min-height:200px;
	float:left;
	position:absolute;
	border:4px solid #1CAED6;
	z-index:1000;
	background-color:#f4f4f4;
	display:none;
	margin:10px;
}
.popup_window_heading{
	width:100%;
	height:20px;
	float:left;
	background-color:#1CAED6;
	font-size:14px;
	color:#FFF;
	padding:3px 0px 5px 0px;
}
.popup_window .close_popup_window_block{
	width:20px;
	height:20px;
	float:left;
	position:absolute;
	right:2px;
	top:3px;
}
.popup_window .popup_window_content{
	width:100%;
	float:left;
	padding:10px;
}
#markers_block{
	float:left;
	width:180px;
	height:400px;
	border:2px solid #CCC;
	overflow:auto;
	margin-left:10px;
}
#markers_list{
	float:left;
	list-style:outside;
	width:100%;
}
#markers_list div{
	display:block;
	border-bottom:1px solid #CCC;
	color:#CCC;
	padding:2px 4px;
}
#markers_list div a{
	text-decoration:none;
	color:#999;
}
#markers_list div a.markers_list_delete{
	float:right;
	margin-top:2px;
}
#markers_list div a.markers_list_edit{
	float:right;
	margin-top:2px;
	margin-right:5px;
}
#markers_list div.marker_heading{
	font-size:14px;
	color:#333;
}
#markers_list div.marker_heading img{
	float:left;
	margin-top:3px;
	margin-right:5px;
}
#markers_list div.marker_city{
	float:left;
}
div.dropdown-menu div a{
	display: block;
	padding: 3px 10px;
	color: #444;
    font-size: 12px;
    margin: 0 5px;
}
div.dropdown-menu div a:hover{
	color: #fff;
	background-color: #333;
	text-decoration: none;
}
.remove_adressat_item{
	text-decoration:none !important;
}
.remove_adressat_item .iconfa-remove{
	font-size:16px !important;
	color:#990000 !important;
	margin-top:7px;
	margin-left:5px;
	float:left !important;
}
.remove_info_item{
	text-decoration:none !important;
	border-bottom: 1px solid #CCC;
}
.remove_info_item .iconfa-remove{
	font-size:16px !important;
	color:#990000 !important;
	margin-top:7px;
	margin-left:5px;
	float:left !important;
}
.tab_content{
	padding:0px 10px;
	min-height:50px;
}
.iconfa-info-sign{
	font-size:24px;
	margin-left:10px;
	color:#06C;
	cursor:pointer;
}
.get_info{
	position:relative;
}
.get_info span{
	display:none;
	position:absolute;
	top:0px;
	right:-135px;
	width:130px;
	float:left;
	font-size:12px;
	border:2px solid #CCC;
	background-color:#FFF;
	color:#333;
	padding:2px;
	z-index:1000;
}
.get_info b{
	color:#900;
	font-weight:normal;
}
.show_image_block{
	float:left;
}
.show_image_block img{
	width:100px;
	height:40px;
	float:left;
}
.show_image_block a{
	float:left;
	margin-left:5px;
	color:#900;
	margin-top:10px;
}
.listing .positions{
	font-size:12px;
	width:60px;
}
.listing .date{
	font-size:9px;
	color:#666;
	width:90px;
}
.remove_answer_item .iconfa-remove{
	font-size:16px !important;
	color:#990000 !important;
	margin-top:7px;
	margin-left:5px;
	float:left !important;
}
.remove_answer{
	text-decoration:none !important;
}
#login img{
	float:left;
	margin-right:3px;
}
table.calendar{
	width: 395px;
	margin-bottom:30px;
	border:1px solid #efefef;
	border-top:0 none;
}
table.calendar th{
	padding:10px 5px;
	background-color:#efefef;
}
table.calendar td{
	width:15%;
	padding:5px;
	text-align:center;
}
table.calendar td a{
	display:block;
	color:#fff;
	background-color:#1CAED6;
}
table.calendar td a:hover{
	background-color:#0f7692;
}
table.calendar td .highlight{
	color:#fff;
	background-color:#6c6c6c;
}
.media_content{
	position: relative;
}
.media_content input[type='text']{
	padding-right:40px;
	padding-left:30px;
}
.media_content .preview_media{
	float:left;
	position:absolute;
	left: 468px;
	top:5px;
}
.media_content .browse_media{
	float:left;
	position:absolute;
	left: 225px;
	top:5px;
}
#loadfiles ul{
	margin-top: 15px;
	float: left;
	margin-left: 320px;
	width: 400px;
}
#loadfiles ul li{
	clear: both;
	height: 30px;
}
#loadfiles ul li input{
	float: right;
	margin: 0px !important;
}
.documenation ul li{
	font-size: 14px;
	list-style: none;
	color: #1CAED6;
}
.documenation ul li:before{
	content:"#";
	margin-right: 5px;
	opacity: 0.5;
}
.documenation h1{
	text-align: center;
	color: #525252;
	font-size: 32px;
	font-weight: bold;
	margin-bottom:20px;
}
.documenation .doc_wrapper h3{
	font-size: 28px;
	text-align: center;
	color: #555;
	font-weight: bold;
}
.documenation .doc_wrapper h3:before{
	content: "#";
	margin-right: 5px;
	color: #1CAED6;
	opacity: 0.5;
}
.doc_wrapper{
	position: relative;
}
.doc_nav{
	float: left;
	width: 11%;
	position: fixed;
	background: #fff;
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.15);
}
.doc_nav ul{
	list-style: none;
}
.doc_nav ul li{
	padding: 12px 0 12px 20px;
	border-bottom: 1px solid #ddd;
}
.doc_nav ul li:last-child{
	border-bottom: none;
}
.doc_nav ul li.active,
.doc_nav ul li:hover{
	background: rgba(0,0,0,0.03);
}
.doc_nav ul li a{
	display: block;
	text-decoration: none;
	color: #333;
}
.doc_content{
	float: left;
	margin-left: 20%;
	width: 78%;
}
.doc_content h1{
	margin-bottom: 15px;
	padding-bottom: 13px;
	border-bottom: 1px solid #ddd;
	font-size: 24px;
	font-weight: 600;
}
.doc_img{
	margin: 20px 0;
	text-align: center;
}
.doc_img img{
	width: 900px;
	border: 1px solid #ccc;
}
.action_wrapper{
	margin-bottom: 30px;
	font-size: 14px;
}
.action_wrapper img{
	border: 1px solid #CCC;
}
.action_wrapper ul{
	margin-top: 10px;
	margin-bottom: 10px;
}
.action_wrapper ul li{
	list-style: none;
}
.action_wrapper ul li span{
	color: red;
	margin-right: 5px;
}
.clone_menu img{
	float: left;
	border: 1px solid #999;
	margin-left: 3px;
	margin-bottom: 20px;
}
.mulitiple_checkbox {
	width:500px;
	height: 250px;
	overflow-y: scroll;
	margin: 0px;
	padding: 2px;
	background-color: #EEE;
	border: 1px solid #CCC;
	list-style-type: none;
}
.mulitiple_checkbox li{
	float: left;
	width: 100%;
	padding: 3px 0px;
	font-size: 14px;
}
.mulitiple_checkbox li input{
	float: left;
}
.mulitiple_checkbox label{
	float: left;
	text-align: left;
	padding: 0px;
	width: 95%;
}
.mulitiple_checkbox .checker{
	float: left;
}
.mulitiple_checkbox .disable label{
	color: #AAA;
	cursor: default;
}
.listing .multiple_sort input{
	width:20px;
	margin-bottom:0px;
	text-align:center;
}
ul#image_list>li.image img{
	width: 200px;
	height: 77px;
}

/* Sort list
------------------------------------------------------------ */
.sort-list {
  position: relative;
  display: flex;
  margin-bottom: 30px;
  padding-top: 40px;
}

.sort-list .first,
.sort-list .second {
  padding: 15px;
  display: flex;
  flex-direction: column;
  min-width: 220px;
  height: 320px;
  background-color: #f3f3f3;
  overflow: auto;
}

.sort-list .first {
  margin-right: 30px;
}

.sort-list .sort-item {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #fff;
  cursor: pointer;
}

.sort-list-highlight {
  margin-bottom: 10px;
  min-width: 220px;
  height: 40px;
  background-color: #f1ea8d;
}

.sort-list .search {
  position: absolute;
  top: 0;
  left: 0;
  width: 530px;
}

.sort-list .search input {
  width: 100%;
}