@import url('https://fonts.googleapis.com/css?family=Heebo');

html,body{
	direction:rtl;
	text-align:right;
}
body,div,a,span,li,ul,main,footer,header,h1,h2,h3,h4,h5,h6{
	font-family: 'Heebo', sans-serif;
}
body{
	background-image: url('/assets/images/background-poster.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.loader{
	margin:0 auto;
	display:block;
}
.login-form{
	position:absolute;
	width:300px;
	min-height:300px;
	margin:0 auto;
	border:1px solid #000;
	display:block;
	border-radius:5px;
	text-align:center;
	top:50%;
	left: 50%;
	margin-left:-150px;
	background-color: #6c6c6c9c;
	color:#fff;
	padding:0px 20px;
}
.login-form div{
	margin-top:20px;
}
.login-form a{
	color:#fff;
}

/*
.table table thead{
	background: #000;
    color: #fff;

}
.table table thead th{
	border:1px solid #fff;
	text-align:right;
}
.table table td{
	border:1px solid #000;
	padding:5px;
}
.table table tr:hover{
	background:#cecece;
}
.table table thead tr:hover{
	background:#000;
}
*/
.field{
	margin-top:10px;
}
.field label{
	width:200px;
}
.field input[type="text"],.field select,.field input[type="number"],.field input[type="date"]{
	width:200px;
	padding:5px;
	border-radius:5px;
	border:1px solid rgba(50,50,50,0.5);
}
.field textarea{
	width:200px;
	height:100px;
	padding:5px;
	border-radius:5px;
	border:1px solid rgba(50,50,50,0.5);
}

.client_form .field{
	display:inline-block;
	margin-left:40px;
}
.container{
	/*margin-top:50px;*/
}
[class*="col-"]{
	float:right;
}
header{
			margin: 0 auto;
	    display: inline-block;
	    width: 100%;
	    padding: 20px;
}
header nav{
	max-width: 900px;
	margin:0 auto;
}
header ul li{
	display:inline;
	min-width:50px;
	font-size:18px;
	background:#fff;
	color:#000;
	padding:10px 15px;
}
.logo{
			color: #FFF;
	    font-size: 22px;
	    font-weight: bold;
	    text-align: left;
			width:30%;
			display: inline-block;
			float: left;
}
.logo img{
	width:100%;
}
.edit-img{
	max-width: 100px;
}
.main-nav{
	width:70%;
	display: inline-block;
	float: left;
}
.status{
	border:1px solid #cecece;
	padding:3px;
	text-align:center;
	margin:2px;
	color:#fff;
}
.red{background:red;}
.green{background:green;}
.orange{background:orange;}
.blue{background:blue;}
.silver{background:silver;color:#000;}
.hidden{
	display:none;
}
.contacts_window{
	min-height:auto;
	max-height:400px;
}
.contacts_window table{
	overflow:auto;
}
.cube{
    border: 1px solid #000;
    width: 80px;
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    min-height: 80px;
    float: left;
	color:#fff;
    margin-left: 10px;
	text-align:center;
	cursor:pointer;
}
.next,.prev{
	margin:0 auto;
	display:inline-block;
	margin-right:20px;
}
.sign{
	margin:0 auto;
	font-weight:bold;
	text-align:center;
}
.v{
	color:green;
}
.x{
	color:red;
}
.error_msg {
    float: none;
    margin:20px;
    text-align: -webkit-center;
    color: red;
    font-size: 22px;
    font-weight: bold;
}

#themplates_table,#posters_table{
	width:100%;
	background:#FFF;
	margin-top:50px;
}
.table{
	margin-top:50px;
}
table th,table td{
	text-align: center;
	border:1px solid #000;
}
.small-img{
	max-width:70px;
	margin-top:15px;
}
/*
#themplates_table tr:first-child td,#posters_table tr:first-child td{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
*/
#themplates_table tr td,#posters_table tr td{
	padding:5px 10px;
}
#themplates_table td img,#posters_table td img{
	max-width: 70px;
}
#themplates_table td .glyphicon,#posters_table td .glyphicon{
	font-size: 22px;
	font-weight: bold;
	color:#000;
}
#posters_table td{
	text-align: center;
}
#themplates_table td:nth-child(5),#themplates_table td:last-child,#posters_table td:nth-child(5),#posters_table td:last-child{
	text-align: center;
}

.container{
	padding-bottom: 50px;
}

#image_popup{
	position: fixed;
	top:0;
	left:0;
	background-color: rgba(0,0,0,0.5);
	z-index: 10000;
	width:100%;
	height: 100%;
	display: none;
}
#image_popup_container{
	width:60%;
	height: auto;
	background-color: #fff;
	border:1px solid #000;
	border-radius: 5px;
	position: absolute;
	top:20%;
	left:20%;
	text-align: center;
	z-index: 10001;display: none;
	
}
#image_popup_container .poster_title{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin:10px 0px;
}
#image_popup_container img{
	max-width: 100%;
}
.pointer{
	cursor: pointer;
}