body.login_page { 
	margin: 0;
	padding-top: 150px; 
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	/*background-color: #7D7976; */
	
	background: #f5f6f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 12%, #b8bac6 31%, #dddfe3 55%, #f5f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(12%,#dbdce2), color-stop(31%,#b8bac6), color-stop(55%,#dddfe3), color-stop(100%,#f5f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 12%,#b8bac6 31%,#dddfe3 55%,#f5f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f6f6 0%,#dbdce2 12%,#b8bac6 31%,#dddfe3 55%,#f5f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f6f6 0%,#dbdce2 12%,#b8bac6 31%,#dddfe3 55%,#f5f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 12%,#b8bac6 31%,#dddfe3 55%,#f5f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}
body.login_page .login_box {  }
body.login_page .top_b { height: auto; padding: 10px 20px; }
body.login_page .top_b .title { font-size: 90%; line-height: 1.4; }
body.login_page .top_b .client { line-height: 1.5; }

ul.plain {margin: 0; padding: 0; list-style-type: none; display: block;}
	ul.plain li {display: block;}

.contentTree {}
	.contentTree ul li { 
		border-bottom: 1px solid #DDDDDD; overflow: auto; text-shadow: 1px 1px #eee; 
	}
	.contentTree ul li.level_1 { background-color: #F9F9F9; }
	.contentTree ul li.level_2 { background-color: #e9e9e9; }
	.contentTree ul li.level_3 { background-color: #d9d9d9; }
	.contentTree ul li.level_4 { background-color: #c9c9c9; }
	.contentTree ul li.level_5 { background-color: #b9b9b9; }
	.contentTree ul li.level_6 { background-color: #a9a9a9; }
	.contentTree ul li.level_7 { background-color: #a9a9a9; }
	/*.contentTree ul li:nth-child(odd) { background-color: #F9F9F9; }
	.contentTree ul li:nth-child(even) { background-color: #fff; }*/
	.contentTree ul li .actions { padding-right: 4px; } 
	.contentTree ul li.add .actions a.create { opacity: 0.4} 
	.contentTree ul li.edit .actions a.update { opacity: 0.4} 
	.contentTree ul li.sort .actions a.sort { opacity: 0.4} 
	.contentTree ul li.add,
	.contentTree ul li.sort,
	.contentTree ul li.edit { border-bottom: 3px solid #48A6D2; }
	.contentTree ul li.hiden { color: gray; }
	.contentTree ul li.add:hover,
	.contentTree ul li.sort:hover,
	.contentTree ul li.edit:hover { background-color: #f5f5f5; border-bottom: 3px solid #48A6D2; }
	.contentTree ul li:hover { background-color: #f5f5f5; border-bottom: 1px solid #48A6D2; }
	.contentTree .actions { float: right; }
		.contentTree .actions.left { float: left; }
		.contentTree .actions img { margin-left: 6px; }
			.contentTree .actions .create img { margin-left: 0px; margin-right: 6px; }

.ui-state-default {margin-bottom: 5px; padding: 5px; background-color: #F9F9F9; background-image: none; cursor: move; border: none; border-bottom: 1px solid #CCCCCC;}
#saveSort {margin-top: 20px;}

.formRow .input-prepend .errorMessage { display: none; margin-top: 4px; color: #C62626; font-size: 11px; font-weight: 700; }
.formRow .input-prepend.error input { border-color: #B94A48; color: #B94A48; }

.search-form {width: 100%;}
	.search-form form { margin-bottom: 0;}
	.search-form input { margin-bottom: 10px; }
	.search-form input[type=submit] { margin-bottom: 0; }
.search-button {margin-bottom: 6px; }

.grid-view table { width : 100% !important; }
	.grid-view table input[type=text] { width: 92% !important; }
	.grid-view table tbody tr td {cursor: pointer;}
	.grid-view table tbody tr.notVisible td { color: #999; }
		.grid-view table tbody tr td:last-child {cursor: default;}

		
form .controls.error input,
form .control-group.error input { border-color: #B94A48; color: #B94A48; }
form .controls .errorMessage,
form .control-group .errorMessage { color: #C62626; display: block; font-size: 11px; font-weight: 700; margin-top: 3px; }
form .control-group input,
form .control-group textarea { width: 98%;  }

form .control-group.radioGroup span input { width: auto; }
form .control-group.radioGroup span label { width: auto; display: inline-block; }

.breadcrumbs li.last { text-decoration: none;}
	.breadcrumbs li.last a:hover { text-decoration: none; color: #0088CC; }


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }


.insertImages__list {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
}

.insertImages__image {
	width: 30%;
	padding: 0.5rem;
	position: relative;
}

.insertImages__image img { display: block; border: 2px solid #ccc; }
.insertImages__image--selected img { display: block; border-color: #058DC7; }

.insertImages__image input[type="checkbox"] {
	position: absolute;
	right: 1em;
	bottom: 1em;
	
	pointer-events: none;
}

.gallery {}
	.gallery ul { list-style: none outside none; margin: 0;  }
	.gallery ul li.thumbnail { 
		border: 1px solid #DDDDDD;
		-webkit-border-radius: 4px;
			 -moz-border-radius: 4px;
				  border-radius: 4px;
		  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
			 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
				  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
		
		display: inline-block;
		padding: 4px; 
		margin: 0 10px 10px 0;
		width: 200px;
		height: 260px;
		
		vertical-align: top;
		
		background-color: #FFFFFF;
		
		position: relative;
		overflow: hidden;
	}
	
	.gallery ul li.thumbnail.album-cover {
		border-color: #2B8DB6;
	}
	
	.gallery ul li.thumbnail.not-visible {
		border-color: #eee;
	}
	
	.gallery ul li.thumbnail.not-visible img {
		opacity: 0.2;
	}
		
		.gallery ul li.thumbnail img { 
			margin-bottom: 0.5em;
			cursor: move;
		} 
		.gallery ul li.thumbnail .info-util { 
			color: #666666;
			font-size: 14px;
			z-index: 555;
			padding-top: 0.5em;
			border-top: 1px solid silver;
		}
		
		.gallery ul li.thumbnail .info-util .util {
			margin: 0.5em 0;
		}
		
		.gallery ul li.thumbnail .info-util .util .more {}
		
		.gallery ul li.thumbnail .info-util a { 
			display: inline-block;
			opacity: 0.8;
			
			cursor: pointer;
		}
		
		.gallery ul li.thumbnail .info-util a:hover { 
			opacity: 1;
		}
		
		.gallery ul li.thumbnail .info-util a + a { 
			margin-left: 0.5em;
		}
		
		.gallery ul li.thumbnail .info-util { line-height: 1.3; }
		.gallery ul li.thumbnail .info-util .imagetitle {
			max-height: 2.6em;
			overflow: hidden;
			
			font-size: 11px; 
			font-weight: bold;
		}
		.gallery ul li.thumbnail .info-util .imagedesc {	
			max-height: 2.6em;
			overflow: hidden; 
			
			font-size: 11px;
		}
		
		.gallery ul li.thumbnail .more-options {
			display: none;
			position: absolute;
			width: 190px;
			height: 240px;
			top: 0; 
			left: 0;
			padding: 10px;
			
			background-color: rgba(255, 255, 255, 0.9);
			color: #000;
		}
		
		.gallery ul li.thumbnail .more-options .close-options {
			position: absolute;
			top: 10px;
			right: 10px;
			
			cursor: pointer;
		}
		
		.gallery ul li.thumbnail.options-open .more-options {
			display: block;
		}

				
		
		
.short div.uni-selector { width: 90px; }
.short div.uni-selector span { width: 60px; }
.short div.uni-selector select { width: 95px; }
.short .ui-spinner { width: 46px;}
		
		
.category-selector {}
	.category-selector .category-row {}	
		.category-selector .category-row input[type="hidden"] { display: none; }
	.category-selector .add-row {}
	.category-selector .category-leaf { margin: 0;}
	.category-selector .remove-row { width: 16px; height: 16px; float: left; margin-right: 16px; cursor: pointer;  }




	
/*.campaign-contents {
	background-image: url(../img/newsletter_scale.png);
	background-position: top center;
	background-repeat: no-repeat;
}*/

.campaign-contents > div {
	margin: 0 auto;
	padding: 1em;
	border: 1px solid gray;
}

.ajaxloader { display: none; width: 16px; height: 16px; float: left; margin-top: 6px; }
.ajaxloader.right { float: right; }
		
		
div.cke_dialog_body input[type="text"] { height: 2em; }
		
ul.yiiPager .first, ul.yiiPager .last {
    display: inline;
}

.smallerFont {
	font-size: 0.8em;
}

.dataTable tr th:last-of-type {
	min-width: 1.8rem;
}



.statusButton {
	width: 32px;
	height: 32px;
	background-image: url(widgets/checked_silver.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}


.obdelanoFlag .statusButton {
    background-image: url(widgets/checked_green.png);
}