.main-container{
	background-color:#EDf4f4;
	height: 100%;
}

.header{
	background-color:#5D6975;
	min-height:64px;
}

.fixed{
	position:fixed;
	width:100%;
	z-index:999;
}

.site-info{
	padding:10px;
	font-size:18px;
	color:#FFF;
	display:inline-block;
	min-width:235px;
}

.site-info a{
	color:#FFF;
	font-family:Open Sans, sans-serif;
}

.site-info a:hover{
	color:#dedede;
}

.site-info img{
	max-height:40px;
 	max-width: 200px;
}

.header-search{
	display:inline-block;
	max-width:300px;
	width:100%;
}

.header-search input{
	padding:6px 12px;
	background: rgba(255, 255, 255, 0.08) none repeat scroll 0 0;
	color:#FFF;
	border:none;
	width:100%;
	transition:background 0.23s ease 0s;
	-webkit-transition:background 0.23s ease 0s;
}
.header-search input:focus{
	background-color: rgba(255, 255, 255, 0.15);
	transition:background 0.23s ease 0s;
	-webkit-transition:background 0.23s ease 0s;
}
.header-search-icon{
    cursor: pointer;
	display:table-cell;
    position: relative;
    right: 30px;
}
.header-search-button{
	display:table-cell;
	background:rgba(255, 255, 255, 0.03) url(/media/images/base/search_white.png) no-repeat center;
	padding:10px 15px;
	cursor:pointer;
}
.header-search-button:hover{
	background:rgba(255, 255, 255, 0.08) url(/media/images/base/search_white.png) no-repeat center;
}
.header-menu-buttons{
	float:right;
    padding: 10px;
}

.dropdown-menu > li > a{
	padding:3px 10px;
}

.mini-button{
	cursor:pointer;
	padding:5px 3px;
	display:inline-block;
	transition:all 0.35s ease 0s;
	-webkit-transition:all 0.35s ease 0s;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 5px 2px;
    min-height: 34px;
    min-width: 38px;
	vertical-align:middle;
}

.mini-button:hover{
	background-color:rgba(255, 255, 255, 0.23);
	transition:all 0.23s ease 0s;
	-webkit-transition:all 0.23s ease 0s;
}

.mini-button.open{
	background-color:#1ccaed;
}
.mini-button a{
	padding: 7px;
	vertical-align: sub;
}
.mini-inner{
	font-size:10px;
	background-color:#1ccaed;
	border-radius:100%;
	padding:2px;
	position:relative;
	top:-10px;
	color:#FFF;
	display:inline-block;
	left:10px;
	width:20px;
	font-weight:400;
}

.passive-inner{
	visibility:hidden;
	width:auto;
}

.profile-button{
    color: #fff;
    display: inline-block;
    padding-right: 10px;
    position: relative;
	margin-left:5px;
	-webkit-transition:all 0.35s ease 0s;
	transition:all 0.35s ease 0s;
	cursor:pointer;
	border-radius:17px 1px 1px 17px;
	min-width: 120px;
}

.profile-button a{
	color:#FFF;
	padding:12px 0;
}

.profile-button a:hover{
	color:#FFF;
}

.profile-button:hover{
	background:rgba(255, 255, 255, 0.23) none repeat scroll 0 0;
	-webkit-transition:all 0.25s ease 0s;
	transition:all 0.25s ease 0s;
}

.profile-button.open{
	background-color:#1ccaed;
}

.profile-button-image{
 	background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
    padding: 8px;
}

.form-stage{
	padding:10px;
}

.modal-dialog{
	max-width:500px;
	width:auto !important;
}

.left-menu{
	width:240px;
	float:left;
	background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #5d6975 0%, #dcf293 100%) repeat scroll 0 0 / 150% 180%;
	margin-right:10px;
	color:#FFF;
	font-weight: 400;
	min-height:200px;
}

.left-menu-container{
 	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin: 10px 0;
    padding: 20px 0;
}

.left-menu-button{
}

.new-button{
    background-color:#1ccaed;
    font-size: 14px;
    padding: 7px 15px;
	border:none;
	width:100%;
	text-align:left;
	max-width:180px;
	background-image:url(/media/images/base/bottom.png);
	background-position:right;
	background-repeat:no-repeat;
	font-family:Open Sans, sans-serif;
	transition: all 0.43s ease 0s;
	border-radius: 2px;
}

.new-button:hover{
	background-color: #7fd3e2;
    transition: all 0.23s ease 0s;
}

.form-name{
	padding:10px 5px;
	margin-bottom:10px;
}

.form-name a{
	color:#00A3C4;
	font-size: 14pt;
    font-weight: 300;
}

.form-name a:hover{
	text-decoration:underline !important;
}

.list-page-name{
	display:table-cell !important;
	vertical-align:middle;
	padding:3px 0;
	min-width:130px;
}

.list-page-name a{
	color:#00a3c4;
	font-size: 11pt;
    font-weight: 300;
	font-family:Open Sans, sans-serif;
}

.list-page-name a:hover{
	text-decoration:underline !important;
}

.list-length{
    background-color: #1CCAED;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 3px;
    padding: 5px 2px;
    vertical-align: middle;
    min-width: 30px;
	margin-left: 5px;
}

.list-length-mini{
	padding:3px 2px;
	font-size:11px;
	min-width:25px;
	background-color: #1CCAED;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 3px;
    vertical-align: middle;
	margin-left: 5px;
}

.list-filter{
	border-bottom: 1px solid rgba(240, 240, 240, 0.8);
    margin-bottom: 20px;
    padding: 10px 0;
}

.filter-buttons{
	display:table-cell;
	width:100%;
	vertical-align: middle;
}

.filter-button{
	display:inline-block;
	padding: 8px 0;
	vertical-align: middle;
}

.filter-button a{
	padding:10px 20px;
	color: #333;
	font-family:Open Sans, sans-serif;
}

.filter-button a:hover{
	background:rgba(189, 239, 26, 0.20);
}

.filter-recycle-bin{
	display:inline-block;
	min-width: 50px;
	margin:10px 0px;
}

.filter-recycle-bin a{
	padding:12px 0 10px 10px;
}

.filter-recycle-bin a:hover{
	background:rgba(189, 239, 26, 0.20);
}

.filter-recycle-bin .mini-inner{
	left:-10px;
}

.navigation-buttons{
	vertical-align:middle;
	display:table-cell;
	width:100%;
}

.navigation-button{
	display:inline-block;
	padding: 10px 0;
}

.navigation-button a{
	font-size:11pt;
	font-weight:400;
	padding:10px 20px;
	color:rgba(93, 105, 117, 1);
}

.navigation-button:hover{
	background:rgba(28,202,232,0.11);
}

.navigation-recycle-bin{
	display:inline-block;
	min-width:60px;
	vertical-align:middle;
}

.navigation-recycle-bin .navigation-button{
	background:url(/media/images/base/recycle.png);
	background-repeat:no-repeat;
	background-position:center;
	cursor: pointer;
}

.navigation-recycle-bin .navigation-button:hover{
	background:rgba(28,202,232,0.11) url(/media/images/base/recycle_open.png);
	background-repeat:no-repeat;
	background-position:center;
}

.left-menu-hide{
	cursor:pointer;
	float:right;
	margin:3px 2px;
}

.left-menu-hide-button{
	cursor:pointer;
	display:inline-block;
}

.left-menu-hide-button:hover{
	background: rgba(255, 255, 255, 0.23) none repeat scroll 0 0;
}

.left-menu-show{
    cursor: pointer;
	float:left;
    padding: 3px;
	display:none;
	vertical-align:middle;
    margin: 15px 10px 10px;
}

.left-menu-show:hover{
	background: rgba(255, 255, 255, 0.23) none repeat scroll 0 0;
}

.menu-link{
	padding:5px 10px;
	color:#FFF;
	transition:all 0.35s ease 0s;
	-webkit-transition:all 0.35s ease 0s;
	font-family:"Open Sans",sans-serif;
}

.menu-link.selected, .menu-link:hover{
	background: rgba(255, 255, 255, 0.23) none repeat scroll 0 0;
	transition:all 0.23s ease 0s;
	-webkit-transition:all 0.23s ease 0s;
}

.menu-link.selected{
	background: rgba(255, 255, 255, 0.43) none repeat scroll 0 0;
	transition:all 0.23s ease 0s;
	-webkit-transition:all 0.23s ease 0s;
}

.left-menu-group{
    padding:5px 15px;
}

.left-menu-group > .group-title{
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 15px;
    padding: 5px 0;
}

.left-menu-group > .group-items{
	padding: 0px 10px 0px 28px;
}

.left-menu-group .group-title img{
	margin:0 8px 0 5px;
    vertical-align: top;
}

.button-style{
    border: medium none;
    cursor: pointer;
    font-weight: 600 !important;
    padding: 6px 20px;
	transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	color: #444;
	border-radius: 1px;
	font-size:10.2pt;
}

.button-style-small {
    padding: 5px 15px;
	font-weight:normal !important;
	background-color:#81907E;
	color:#FFF;
}

.button-style-small:hover{
	background-color:#A0AF9C !important;
}

.button-style:hover{
	transition:all 0.43s ease 0s;
	-webkit-transition:all 0.43s ease 0s;
}

.button-save{
    background-color: #BDEF1A;
}

.button-save:hover{
	background-color:#CAFF1C;
}

.button-recover{
    background-color: #FF8F32;
	color:#FFF;
}

.button-recover:hover{
    background-color: #ffa74f;
}

.add-button-div{
	display:table-cell;
	vertical-align:middle;
}

.add-button{
	background-color: #1ccaed;
    border: medium none;
    cursor: pointer;
    font-weight: 600 !important;
    padding: 6px 18px 6px 34px;
	transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	color: #FFF !important;
	border-radius: 1px;
	font-size:10.2pt;
	background-image:url(/media/images/base/add_white.png);
	background-repeat:no-repeat;
	background-position:12% 50%;
	border-radius:2px;
}

.add-button:hover{
	background-color:#7FD3E2;
	transition:all 0.43s ease 0s;
	-webkit-transition:all 0.43s ease 0s;
}

.add-button img{
	margin-right:10px;
}

.edit-link{
	font-weight:400;
	color:#00AACC;
	vertical-align: middle;
	font-family:Open Sans, sans-serif;
}

.edit-link:hover{
	color:#00aacc;
	text-decoration:underline !important;
}

.menu-row-edit{
	float:right;
	cursor:pointer;
	border:1px solid #FFF;
}

.menu-row-edit.open, .menu-row-edit:hover{
	border:1px solid #DEDEDE;
}

.menu-row-edit:focus{
	border:1px solid #DEDEDE;
}

.table-apply{
	padding:5px 0;
    background-color: #f9f9f9;
	margin:20px 0 30px;
}

.table-apply-text{
	display:inline-block;
	padding:10px;
	color:#777;
}

.table-apply-select{
	display:inline-block;
	padding:10px 0;
}

.table-apply-select select:focus{
	border:1px solid #dfdfdf;
	box-shadow:none;
}

.input-title{
	display:table-cell;
	min-width: 140px;
	padding:8px;
    vertical-align: middle;
	font-weight:400;
	color:rgba(93, 105, 117, 1);
	font-family:Open Sans, sans-serif;
}

.input-col{
    display: table-cell;
    padding: 6px 0;
    vertical-align: middle;
	width: 100%;
}
.input-col a:hover{
	text-decoration:underline !important;
}
.datepicker{
	font-family:Open Sans, sans-serif;
}
.datetimepicker, .datepicker-control{
 	max-width: 150px;
    text-align: center;
	font-family:Open Sans, sans-serif;
}

.sidebar-container{
	margin:5px;
	max-width:300px;
	display:inline-block;
	width:100%;
	vertical-align:top;
	border: 1px solid #EEE;
}

.sidebar-container > .child{
	font-family:Open Sans, sans-serif;
}

.sidebar-header{
	font-weight:500;
	color:rgba(0, 0, 0, 0.68);
	padding:10px;
	background:rgba(201,221,224,0.68);
	margin-bottom:10px;
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
	min-width:210px;
}

.sidebar-title{
	display:table-cell;
	min-width: 120px;
	padding:8px;
    vertical-align: middle;
	color:rgba(93, 105, 117, 1);
}

.sidebar-col{
    display: table-cell;
    padding: 8px 4px;
    vertical-align: middle;
	width: 100%;
	text-align:right;
	color:#555;
}

.priority{
	display:inline-block;
	padding:7px 0;
	transition:all 0.30s ease 0s;
	-webkit-transition:all 0.30s ease 0s;
}

.priority a{
	color:rgba(93, 105, 117, 1);
	padding:7px 10px 7px 30px;
    background-position: 10% 50%;
    background-repeat: no-repeat;
	cursor:pointer;
}

.priority.open, .priority:hover{
	background-color:rgba(28,202,232,0.11);
	transition:all 0.25s ease 0s;
	-webkit-transition:all 0.25s ease 0s;
}

.priority a.low{
	background-image: url("/media/images/base/priority_low.png");
}
.priority a.normal{
	background-image: url("/media/images/base/priority_normal.png");
}
.priority a.high{
	background-image: url("/media/images/base/priority_high.png");
}
.priority a.critical{
	background-image: url("/media/images/base/priority_critical.png");
}

.tabs{
	padding:10px 0;
	font-family:Open Sans, sans-serif;
}

.tab-headers{
}

.tab-header{
	display:inline-block;
	padding:4px 18px;
	cursor:pointer;
	color:rgba(93, 105, 117, 1);
	background:rgba(93, 105, 117, 0.06);
	margin-top:5px;
}

.tab-header:hover{
	color:#000;
}

.tab-header-selected{
	background:rgba(189, 239, 26, 0.53);
	color:#000;
}

.tab-panels{
	border:1px solid rgba(93, 105, 117, 0.15);
}

.tab-panel{
	display:none;
	padding:10px;
}

.new-note{
	padding:10px;
	background:rgba(237, 244, 244, 0.8);
	width:100%;
}

.add-note{
	padding:10px 0;
}

.add-note a{
	color:rgba(93, 105, 117, 1);
	cursor:pointer;
}

.add-note a:hover{
	text-decoration:underline !important;
}

.note-editor{
	display:none;
}

.note-editor textarea{
	border:none;
	padding: 10px 15px;
	width:100%;
	resize:vertical;
}

.cancel-note{
	padding:10px;
	display:inline-block;
}

.cancel-note a{
	cursor:pointer;
}

.cancel-note a:hover{
	text-decoration:underline !important;
}

.notes{
	padding:20px 0 10px;
	font-family: "Open Sans";
}

.block-note{
    background-color: rgba(255, 246, 201, 0.8);
    display: inline-block;
    margin: 5px;
    max-width: 250px;
    min-height: 150px;
    padding: 10px 15px;
    width: 100%;
	vertical-align:top;
}

.block-note .date{
	color:#B9484B;
	font-size:12px;
	font-weight:600;
	display:inline-block;
}

.block-note .note{
}

.note textarea, .message-text textarea{
	background-color: transparent;
    border: medium none;
    max-height: 200px;
    height: 50px;
    padding: 10px 0;
    resize: vertical;
    width: 100%;
	color: rgba(93, 105, 117, 1);
}

.note textarea.edit, .message-text textarea.edit{
	background: rgba(255, 255, 255, 0.55) none repeat scroll 0 0;
    margin: 5px 0;
    padding: 8px;
}

.note-controls{
	float:right;
	display:none;
	position:relative;
	bottom:3px;
}

.note-control{
	padding:2px 5px 5px;
	cursor:pointer;
}

.note-control:hover{
	background:rgba(241,203,92,0.5);
}

.msg-controls{
    bottom: 3px;
    display: inline-block;
    position: relative;
	vertical-align: top;
}

.message-header{
	min-height: 30px;
	vertical-align:top;
}

.msg-controls div{
	display:none;
}

.new-message{
	padding:10px;
	background:rgba(237, 244, 244, 0.8);
}

.add-message{
	padding:5px;
}

.add-message a{
	color:rgba(93, 105, 117, 1);
	cursor:pointer;
}

.add-message a:hover{
	text-decoration:underline !important;
}

.message-editor{
	display:none;
}

.message-editor textarea{
	border:none;
	padding: 10px 15px;
	width:100%;
	resize:vertical;
}

.cancel-message{
	padding:10px;
	display:inline-block;
}

.cancel-message a{
	cursor:pointer;
}

.cancel-message a:hover{
	text-decoration:underline !important;
}

.tab-panel .messages{
	padding:10px 0;
}

.block-message{
	margin-bottom:10px;
	background-color:#FFF8D6;
	padding:10px;
}

.profile-image{
	background-color:#5d6975;
    border-radius: 100%;
    padding: 8px;
	vertical-align:top;
	display:inline-block;
}

.message-detail{
	display:table-cell;
	vertical-align:top;
	width:100%;
}

.message-author{
	padding:0 5px;
	display:inline-block;
}

.message-author a{
	color:#b9484b;
	font-weight:400;
	font-family:Open Sans,sans-serif;
}

.message-author a:hover{
	text-decoration:underline !important;
}

.message-date{
    color: #888;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    padding: 0 5px;
}

.message-text{
	padding:0 5px;
}

.listview-table{

}

.listview-columns{
	background:rgba(201, 221, 224, 0.59);
	padding:0 5px;
}

.listview-columns .column{
    color: rgba(93, 105, 117, 1);;
    display: table-cell;
    padding: 10px;
	font-weight:400;
	min-width:120px;
}

.listview-table > .listview-data > .listview-row{
	border-bottom:1px solid rgba(93, 105, 117, 0.14);
	padding: 0 5px;
}

.listview-table > .listview-data > .listview-row > .cell{
	padding:10px;
	display:table-cell;
	min-width:120px;
	font-size: 13px;
    color: rgba(93, 105, 117, 1);
}

.listview-table > .listview-data > .listview-row > .cell.date{
    color: rgba(93, 105, 117, 1);
	font-size:12px;
}

.listview-table > .listview-data > .listview-row > .cell.link a{
	color:#00a3c4;
}

.listview-table > .listview-data > .listview-row > .cell.link a:hover{
	text-decoration:underline !important;
}

.listview-data{
	padding-bottom:10px;
  	font-family: Open Sans, sans-serif;
}

.tag-element{
    padding: 5px 0;
}

.tag-element img{
	margin-right:5px;
	position:relative;
	bottom:2px;
}

.only-link{
	color: #0096B5;
    cursor: pointer;
}

.only-link:hover{
	color: #11B5D6;
	text-decoration:underline !important;
}

.UploadStyle{
	position: relative;
    overflow: hidden;
}

.UploadButton{
	background:rgba(189, 239, 26, 0.53) none repeat scroll 0 0;
	padding:6px 10px;
	display:inline-block;
	margin: 5px 0;
	vertical-align: middle;
}

.UploadButton:hover{
	background-color: #bdef1a;
}

.UploadStyle input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 13pt;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.favorite-button{
	background-image: url("/media/images/base/favorite_white.jpg");
    background-repeat: no-repeat;
	background-position: 80% 20%;
    float: right;
    height: 65px;
    position: relative;
    right: -15px;
    top: -10px;
    width: 65px;
    cursor: pointer;
}

.favorite-button-light{
    background-image: url("/media/images/base/favorite_light.jpg");
    height: 100%;
    opacity: 0;
	-webkit-transition:opacity 0.2s linear 0s;
    transition: opacity 0.2s linear 0s;
    width: 100%;
}

.favorite-button-light:hover{
	opacity:1;
	-webkit-transition:opacity 0.2s linear 0s;
	transition:opacity 0.2s linear 0s;
}

.favorite-button-selected{
	background-image: url("/media/images/base/favorite.jpg");
	height: 100%;
    width: 100%;
	display:none;
}

.form-signin{
	max-width:400px;
	padding:15px 25px;
}

.signin-intro{
	position:absolute;
	left:0;
	-webkit-transition: opacity 2s ease-in-out;
	-moz-transition: opacity 2s ease-in-out;
	-o-transition: opacity 2s ease-in-out;
	transition: opacity 2s ease-in-out;
	width:100%;
	height:100%;
}

.signin-modal{
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    border-radius: 1px;
    float: left;
    height: 100%;
    max-width: 400px;
    width: 100%;
}

.signin-header{
	padding:5px 10px;
	font-size:18px;
}

.signin-header a{
	color:rgba(93, 105, 117, 1);
}

.signin-header a:hover{
	color:#0B9AC1;
}

.signin-label{
	color:rgba(93, 105, 117, 1);
	padding:5px 0 10px;
}

.signin-input{
	padding:6px;
	width:100%;
	font-size:14px;
	text-align:center;
	outline:none;
	height:auto;
}

.signin-input:focus{
}

.signin-button{
    background: rgba(0, 0, 0, 0) linear-gradient(30deg, #4A6FCE 0%, #33C4F4 100%) repeat scroll 0 0;
    border: medium none;
    border-radius: 1px;
    color:#FFF;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 24px 6px;
	-webkit-transition:all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
	cursor:pointer;
	border-radius:2px;
}

.signin-button:hover, .signin-button:focus{
	color:#004256;
	-webkit-transition:all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

.captcha-div{
	float:left;
	width:130px;
	height:40px;
}

.signin-locked{
	padding:30px 0;
	font-size:18px;
}

.signin-locked a{
	-webkit-transition:all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
	text-decoration:underline !important;
}

.signin-locked a:hover{
	color:#004256;
	-webkit-transition:all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}

.dashboard > .blocks{
	text-align:center;
}

.dashboard > .blocks > .block{
	display:inline-block;
	margin:5px;
	vertical-align:top;
	width:31.9%;
	min-width:250px;
}

.dashboard-block-profile{
	display:inline-block;
	padding:10px;
    background-color: #1ccaed;
    border-radius: 100%;
	margin-right:10px;
}

.dashboard-block-profile img{

}

.dashboard-block-header{
	display:inline-block;
	padding:10px 0;
	vertical-align:middle;
}

.dashboard-block-header a{
	font-size:22px;
	color:#333;
}

.dashboard-block-header a:hover{
	color:#777;
}

.dashboard > .entries{
	margin-bottom:10px;
}

.block-item-header{
	padding:10px 5px;
}

.block-item-header a{
	font-weight: 400;
	color: rgba(93, 105, 117, 0.88);
}

.block-item-header a:hover{
	color: rgba(93, 105, 117, 0.68);
}

.block-item{
	padding:5px;
}

.block-item a{
	color:rgba(93, 105, 117, 0.9);
}

.block-item a:hover{
	text-decoration:underline !important;
}

.block-lists{
	padding:10px 0;
	font-family: Open Sans, sans-serif;
	text-align:center;
}

.block-list{
	display:inline-block;
	padding:5px;
	width:49%;
	vertical-align:top;
}

.block-list-header{
	padding:5px 0 10px;
}

.calendar-header{
    font-size: 18px;
    font-weight: 400;
    padding: 10px 0 20px;
	max-width:210px;
}

.calendar-events{
	padding:10px;
}

.calendar-event-info{
	padding:5px 0;
	display:none;
}
.calendar-event-info a{
	color:#555;
}
.calendar-event-info .btn-change-event{
	cursor:pointer;
	display:none;
}
.calendar-event-info a:hover{
	text-decoration:underline !important;
}
.sidebar-add-button-small{
	background-color: #1ccaed;
    background-image: url("/media/images/base/add_white.png");
    background-position: center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 1px;
    cursor: pointer;
	min-width:30px;
	display:table-cell;
	width:30px;
	height:22px;
	transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
}

.sidebar-add-button-small:hover{
	background-color:#7FD3E2;
	transition:all 0.23s ease 0s;
	-webkit-transition:all 0.23s ease 0s;
}

.block-event{
	padding:5px;
}

.blog-event-image{
	display:table-cell;
	min-width:60px;
	padding: 5px;
}

.blog-event-content{
	display:table-cell;
	width:100%;
	vertical-align:top;
}

.blog-event-author{
	display:table-cell;
	padding:5px 10px;
}

.blog-event-author a{
	font-weight:400;
	color:#b9484b;
}

.blog-event-author a:hover{
	color:#5d6975;
}

.blog-event-date{
	display:table-cell;
	color:#777;
	font-size:12px;
	padding:5px 10px;
}

.blog-event-text{
	padding:10px;
}

.item-not-found{
    color: #AAA;
	cursor:default;
    font-size: 11.5px;
    padding: 5px 10px;
}

.header-dropdown-link, .header-dropdown-link a{
	color:#476d72;
	font-size:13px;
	padding-bottom:5px;
}

.header-dropdown-link:hover, .header-dropdown-link a:hover{
	text-decoration:underline;
}

.alert-message{
	padding:0 10px;
}
.alert{
	font-family: Open Sans, sans-serif;
}
.simple-link, .simple-link a{
	color: #0096b5;
    cursor: pointer;
}

.simple-link:hover, .simple-link a:hover{
	color: #0096b5;
	text-decoration:underline !important;
}

.list-filter-node{
	display:inline-block;
	padding:5px 10px;
	vertical-align:middle;
}

.list-filter-title{
	display:table-cell;
	min-width: 80px;
	padding:10px;
    vertical-align: middle;
	font-weight:400;
	color:rgba(93, 105, 117, 0.88);
}

.list-filter-col{
    display: table-cell;
    padding: 8px 0;
    vertical-align: middle;
}

.list-filter-node-part{
	border-left:1px solid #EFEFEF;
	border-right:1px solid #EFEFEF;
}

.button-apply-filter{
	background:rgba(189, 239, 26, 0.73) none repeat scroll 0 0;
	height:80px;
}

.button-apply-filter:hover{
	background:rgba(189, 239, 26, 0.43) none repeat scroll 0 0;
}

.transfer-block{
	display:table-cell;
	vertical-align:top;
	padding:10px;
	width:50%;
	min-width:260px;
}

.transfer-block-header{
    color: #333;
    font-size: 11pt;
}

.transfer-to-list{
	border-left:1px solid #f1f1f1;
	border-right:1px solid #f1f1f1;
	padding:0 10px;
	min-width:50px;
	text-align: center;
	vertical-align: middle;
}

.transfer-to-list div{
	background:url(/images/orgright.png) no-repeat;
	display:inline-block;
	width:32px;
	height:32px;
	cursor:pointer;
}

.transfer-to-list div:hover{
	background:url(/images/orgright_select.png) no-repeat;
}

.btn-print-transfer{
	border: 1px solid #ddd;
	display: inline-block;
	margin: 0 5px;
	padding: 4px 8px;
	cursor:pointer;
}

.btn-print-transfer:hover{
	border: 1px solid #1ccaed;
	background:rgba(28, 202, 232, 0.11) none repeat scroll 0 0;
}

.list-buttons{
	float: right;
	padding: 10px;
	display:none;
}

.edit-add-button-small{
    background-image: url("/images/add_grey.png");
    background-position: center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 1px;
    cursor: pointer;
	min-width:30px;
	display:table-cell;
	width:30px;
	height:22px;
	transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
}

.edit-add-button-small:hover{
	background-image: url("/images/add_blue.png");
	transition:all 0.23s ease 0s;
	-webkit-transition:all 0.23s ease 0s;
}

.find-user-button{
    background-image: url("/images/find_blue.png");
    background-position: center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 1px;
    cursor: pointer;
	min-width:30px;
	display:table-cell;
	width:30px;
	height:22px;
	transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
}

.find-user-button:hover{
	border:1px solid #1ccaed;
	transition:all 0.23s ease 0s;
	-webkit-transition:all 0.23s ease 0s;
}

.modal-body{
	font-family: Open Sans, sans-serif;
}

.simple-header{
	font-size:18px;
	padding:10px;
	font-family: Open Sans, sans-serif;
}

.folder-button{
 	border: 1px solid #efefef;
    color: #999;
    cursor: pointer;
    display: inline-block;
    margin:5px 10px 5px 0;
    padding:8px 16px;
	width: 110px;
	text-align:center;
	background-color: #fbfbfb;
	transition:all 0.43s ease 0s;
	-webkit-transition:all 0.43s ease 0s;
}

.folder-button:hover{
	color:rgba(93, 105, 117, 1);
	transition:all 0.23s ease 0s;
	-webkit-transition:all 0.23s ease 0s;
}

.folder-selected{
	background:rgba(189, 239, 26, 0.53) none repeat scroll 0 0;
	color: rgba(93, 105, 117, 1);
}

.folder-node{
    color: #333;
	border:1px solid #FFF;
    display: inline-block;
    margin: 5px;
	transition:all 0.43s ease 0s;
	-webkit-transition:all 0.43s ease 0s;
	vertical-align:top;
	text-align:center;
	width:140px;
	min-height: 164px;
	background-color: #f7f7f7;
}

.folder-node:hover{
	border:1px solid #EFEFEF !important;
	transition:all 0.23s ease 0s;
	-webkit-transition:all 0.23s ease 0s;
}

.folder-node a{
	color:#333;
}

.folder-node-image{
	height:90px;
	width:140px;
    cursor: pointer;
}

.file-remove{
 	background-image: url("/media/images/base/remove_mini_select.png");
    float: right;
    padding: 10px;
    position: relative;
	display:none;
	cursor:pointer;
}

.file-remove:hover{
 	background-image: url("/media/images/base/remove_mini_red.png");
}

.folder-node img{
	max-width: 120px;
	max-height: 90px;
}

.folder-node-name{
	padding:5px 0;
}

.browse-button{
	padding:5px 10px;
	background-color:#FAFAFA;
	color:#333;
}

.remove-image{
	display: inline-block;
	vertical-align: top;
	position: relative;
	left: -10px;
	width: 20px;
	top: -10px;
}

.image-container{
	padding: 10px 0;
}

.btn-expand {
    padding: 0 4px;
    position: relative;
    top: -27px;
}

.menu-table{
	font-family: Open Sans,sans-serif;
}

.menu-table-parent{
	font-family: Open Sans,sans-serif;
}

.menu-table-sub{
	font-family: Open Sans,sans-serif;
}

.menu-table > thead > tr{
	background:rgba(201, 221, 224, 0.49);
	padding:0 5px;
}

.menu-table > thead > tr > th{
    color: rgba(93, 105, 117, 1);
    padding: 10px;
	font-weight:400;
	border:1px solid rgba(93, 105, 117, 0.1);
}

.menu-table-row{
	border:1px solid rgba(93, 105, 117, 0.65);
}

.menu-table-row > td{
	padding:2px 5px;
	color:rgba(93, 105, 117, 1);
}

.menu-table-parent-row{
	border:1px solid rgba(93, 105, 117, 0.25)
}

.menu-table-sub-row{
	border:1px solid rgba(93, 105, 117, 0.1)
}

.menu-table-parent> tbody > tr > td{
	padding: 0 5px;
	color:rgba(93, 105, 117, 1);
}

.menu-table-sub> tbody > tr > td{
	padding: 5px;
	color:rgba(93, 105, 117, 1);
}

.add-menu{
    border: 1px solid #eee;
    color: rgba(93, 105, 117, 0.65);
    font-size: 12px;
    padding: 5px;
}

.add-menu:hover{
	color:rgba(93, 105, 117, 0.65);
	text-decoration:underline !important;
}
.drag-container-row{
	border-top:1px solid #EEE;
	padding:10px;
	min-height:40px;
}
.drag-container-panel{
	display:table-cell;
	padding:10px;
	width:10%;
	min-width:100px;
	vertical-align:top;
}
.drag-list{
	list-style:none;
	margin:0;
	padding:0;
}
.drag-list li{
    border: 1px solid #eee;
    color: #888;
    cursor: pointer;
    font-family: "Open Sans";
    margin-top: 8px;
    padding: 2px 5px;
}

#sortabledest .connectedSortable .ui-sortable-handle{
    color: #888;
    cursor: pointer;
    font-family: "Open Sans";
	display:table-cell;
	min-width:300px;
}
.drag-list li:hover{
	color:rgba(93, 105, 117, 1);
	border-color:rgba(93, 105, 117, 1);
}
#sortabledest .connectedSortable .drag-item{
	padding:10px;
	border: 2px dashed #DDD;
	margin:5px;
}
.navigate-entry{
    border-left: 1px solid #eee;
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle;
}
.save-button{
	display:inline-block;
}
.design-tools{
	background-color: #fff;
	border: 1px solid #eee;
	padding: 10px;
	position: fixed;
	top: 25%;
}
.gallery-node{
	display:inline-block;
	padding:10px;
}
.gallery-node img{
	width:100%;
}
.gallery-remove {
    background-image: url("/media/images/base/remove_mini_select.png");
    cursor: pointer;
    padding: 10px;
    position: relative;
    right: -5px;
    top: 15px;
	float:right;
	display:none;
}
.gallery-remove:hover {
    background-image: url("/media/images/base/remove_mini_red.png");
}
.btn-remove-attach{
	background-image: url("/media/images/base/remove_mini.png");
	cursor: pointer;
    padding: 10px;
	float:left;
	margin-right:5px;
}
.btn-remove-attach:hover{
	 background-image: url("/media/images/base/remove_mini_red.png");
}
.permission-node{
	display:inline-block;
	min-width:240px;
	padding:10px;
}
.permission-node span{
	padding:5px;
	vertical-align:middle;
	cursor:pointer;
}
.permission-node input{
	margin:0;
	vertical-align:middle;
	cursor:pointer;
}
.product-boxes{
	padding-bottom:10px;
}
.product-box{
    display: inline-block;
    max-width: 200px;
    padding: 0 5px 5px;
    vertical-align: top;
    width: 100%;
	border:1px solid #EEE;
	margin:10px 4px;
	min-height: 288px;
	font-size: 13px;
}
.product-box:hover{
	border:1px solid #CDCDCD;
}
.product-box-image{
	padding: 10px;
	height: 120px;
	min-width: 160px;
	vertical-align: middle;
	display: table-cell;
}
.product-box-image img{
	max-width: 140px;
	max-height: 100px;
}

.product-box .product-name{
	min-height:56px;
}

.btn-add-cart{
	padding:4px 8px;
	background-color:#FF9151;
	color:#FFF;
	font-size:13px;
	cursor:pointer;
	border:0;
	transition:background 0.43s ease 0s;
	-webkit-transition:background 0.43s ease 0s;
}
.btn-add-cart:hover{
	background-color:#FF6600;
	transition:background 0.23s ease 0s;
	-webkit-transition:background 0.23s ease 0s;
}
.btn-add-cart-new{
	border-radius:2px;
	padding:4px;
	cursor:pointer;
	background-color:#7FD3E2;
	transition:background 0.43s ease 0s;
	-webkit-transition:background 0.43s ease 0s;
}
.btn-add-cart-new:hover{
	padding:4px;
	cursor:pointer;
	background-color:#1ccaed;
	transition:background 0.23s ease 0s;
	-webkit-transition:background 0.23s ease 0s;
}

.breadcrumb-li a{
	color:rgba(93, 105, 117, 1) !important;
}
.product{
}
.product-image{
	display:inline-block;
	vertical-align:top;
	padding:10px;
	margin:10px;
	border:1px solid #EDEDED;
	max-width: 270px;
}
.product-image img{
	width:100%;
}
.product-content{
	display:inline-block;
	vertical-align:top;
	padding:0 10px;
	margin:10px;
}
.product-name a{
	font-size:22px;
	color:#000;
}
.product-name a:hover{
	text-decoration:underline !important;
}
.product-def{
    border-bottom: 1px solid #eee;
    color: #aaa;
    padding: 10px 0;
}
.uc-name{
	color:#999;
	font-size:12px;
}
.uc-text{
	font-style:italic;
	color:#999;
	font-size:12px;
}
.more-content{
	border:1px solid #1ccaed;
	border-radius:20px;
	padding:4px 20px;
	color:#74868C !important;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	font-size:13px;
	cursor:pointer;
}
.more-content:hover{
	color:#1ccaed !important;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
.stock-info{
	float: right;
	color: #FFF;
	padding: 0px 6px;
	right: -5px;
	position: relative;
	font-size: 11px;
}
.stock-green{
	background-color: #16CE29;
}
.stock-org{
	background-color: #FFAC47;
}
.stock-red{
	background-color: #FF4242;
}
.product-tags{
	height: 24px;
	position: relative;
	right: 10px;
}
.product-tags img{
	width:24px;
	margin-right: 5px;
}

.shopping-total{
	width:50px;
	text-align:right;
	display:unset;
	margin-left:3px;
	height:auto;
	padding:3px;
	font-size: 13px;
}
.shopping-quantity{
	display:unset;
	display: unset;
	width: 100px;
	padding: 3px;
	height: auto;
	font-size: 13px;
}
.cart-product{
	padding:0 5px;
}
.cart-product-stok{
	vertical-align:middle;
	display:table-cell;
	min-width:210px;
	padding:5px 0;
}
.cart-product-stok img{
	vertical-align:bottom;
}
.cart-product-image{
	width:80px;
	height:50px;
	vertical-align:middle;
	display:table-cell;
	padding:5px;
}
.cart-product-image img{
	max-width: 60px;
	max-height: 40px;
}
.cart-product-title{
	vertical-align:middle;
	display:table-cell;
}
.cart-product-name{
	vertical-align:middle;
	display:table-cell;
	width:100%;
}
.cart-product-middle{
	vertical-align:middle;
	display:table-cell;
	padding:10px;
	font-size:13px;
	min-width:260px;
}
.cart-product-right{
	vertical-align:middle;
	display:table-cell;
	padding:10px 0;
	font-size:13px;
	min-width:280px;
}
.cart-product-title a{
	color:#555;
}
.cart-product-title a:hover{
	text-decoration:underline !important;
}
.product-box-promotion{
	width: 24px;
	height: 24px;
}
.box-cart-total{
	font-size: 12px;
	padding-top: 3px;
	float: left;
	min-width:60px;
}
.box-cart-total img{
	width: 16px;
	height: 16px;
	vertical-align: text-top;
}
.modal-product-inner{
	display:table-cell;
	vertical-align:middle;
	min-width:60px;
}
.modal-product-inner > .stock-info{
	font-size:11px;
	color:#FFF;
	width:35px;
}
.modal-product-image{
	padding:10px;
}
.modal-product-image img{
	max-width: 300px;
	max-height: 180px;
	min-width:200px;
}
.inner-cart-total{
	font-size:12px;
}
.inner-cart-total img{
	width: 16px;
	height: 16px;
	vertical-align: text-top;
	margin-right: 5px;
}
.old-price{
	text-decoration: line-through;
	padding-bottom: 5px;
	color: #999;
	font-size: 12px;
	font-weight: normal;
}
.truck-status{
	position:absolute;
	left:0;
	right:0;
	top:0;
}
.truck-status > .inner{
	display:inline-block;
	font-size:11px;
	position:absolute;
}
.truck-inner-label{
	color:#FFF;
	padding:4px;
}
.more-content-circle{
	border-radius: 100%;
	border: 1px solid #DDD;
	height: 75px;
	width: 75px;
	padding: 17px;
	cursor: pointer;
	font-size:13px;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	font-weight: unset !important;
}
.more-content-circle:hover{
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	border: 1px solid rgba(93, 105, 117, 1);
}
.product-stock{
	color:#EF0000;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	min-height:28px;
}
.left-shopping-type{
    padding: 7px 15px;
    background-color: #FF9651;
    width: 158px;
    border-radius: 1px;
    border: 0;
    text-align: left;
	background-image: url(/media/images/base/bottom.png);
	background-position: right;
	background-repeat: no-repeat;
	font-family: Open Sans, sans-serif;
	transition: all 0.43s ease 0s;
	border-radius: 2px;
}
.left-shopping-type:hover{
    background-color: #FFA575;
 	transition: all 0.23s ease 0s;
}
.shopping-type-istek{
	cursor:pointer;
	background-color:#FF5959;
	color:#FFF;
	padding:5px 10px;
	font-size:13px;
	margin-bottom:3px;
}
.shopping-type-istek:hover{
	background-color:#FF7575;
}
.shopping-type-talep{
	cursor:pointer;
	background-color:#12A279;
	color:#FFF;
	padding:5px 10px;
	font-size:13px;
	margin-bottom:3px;
}
.shopping-type-talep:hover{
	background-color:#25B088;
}
.right-static-menu{
	bottom: 15px;
    position: fixed;
    right: 15px;
    z-index: 999;
}
.btn-scroll-top{
    background-color: #6EB804;
    cursor: pointer;
    padding: 5px;
    transition: all 1s ease 0s;
	-webkit-transition:all 1s ease 0s;
	border-radius: 100%;
	box-shadow:0 0 3px #888;
}
.btn-scroll-top:hover{
    background-color: #5D6975;
    transition: all 0.2s ease 0s;
	-webkit-transition:all 0.2s ease 0s;
}
.modal-dialog {
	margin:10px auto;
}
.search-button{
	padding: 5px;
	background-color: #5D6975;
	cursor: pointer;
	border-radius: 0 2px 2px 0;
}
.search-button:hover{
	background-color: #788796;
}
.product-box-add{
	padding:10px 0px;
	border-top: 1px solid #EEE;
	margin-top: 5px;
	min-height:52px;
}
.list-view{
	display: block;
	padding: 5px;
	max-width: none;
	min-height: auto;
	margin: 10px 0;
}
.list-view .product-box-inner{
	display:table-cell;
	width:50px;
	vertical-align:middle;
	border-right: 1px solid #EEE;
	padding-right:5px;
}
.list-view .product-box-image, .list-view .product-box-caption, .list-view .product-box-detail, .list-view .remaining, .list-view .product-box-add{
	display: table-cell;
	padding: 5px;
	border: none;
	vertical-align: middle;
	min-width: 180px;
	height: 80px;
}
.list-view .product-box-image img{
	max-height:60px;
}
.list-view .image-continer{
	width:auto;
	height:auto;
}
.list-view .box-cart-total{
	float:none;
	position:inherit;
	padding:5px;
	min-width: 50px;
}
.list-view .box-cart-total, .list-view .stock-info{
	float:none;
	position:inherit;
	margin:5px;
}
.list-view .product-box-new img, .list-view .product-box-promotion img{
	margin:3px;
}
.list-view .product-box-caption{
	width:100%;
	text-align:left;
}
.list-view .product-name{
	min-height:auto;
}
.list-view .remaining{
	min-width: 140px;
}
.list-view .product-box-add{
	min-width:236px;
}
.list-view .product-box-detail{
	text-align:left;
}
.sort-inner{
	float:right;
}
.btn-view-album{
	background-image:url(/media/images/base/wsalbum-grey.png);
	background-size:cover;
	width:24px;
	height:24px;
	margin-right:8px;
	cursor:pointer;
	display:inline-block;
	border-radius:2px;
}
.btn-view-album:hover{
	background-image:url(/media/images/base/wsalbum.png) !important;
}
.btn-view-list{
	background-image:url(/media/images/base/wslist-grey.png);
	background-size:cover;
	width:24px;
	height:24px;
	cursor:pointer;
	display:inline-block;
	border-radius:2px;
}
.btn-view-list:hover{
	background-image:url(/media/images/base/wslist.png) !important;
}
@media screen and (max-width:1200px){
	.listview-columns .column{
		min-width:auto !important;
	}

	.listview-table > .listview-data > .listview-row > .cell{
		min-width:auto !important;
	}
	.site-info{
		min-width:auto;
	}
}

@media screen and (max-width:900px){
	.profile-button{
		min-width: auto;
	}
	.header-search{
		display:inline-block;
		text-align:center;
		width: auto;
	}
	.header-menu-buttons{
		display:inline-block;
		text-align:center;
		float:none;
		min-width:inherit;
	}
	.truck-status{
		position: inherit;
		display:inline-block !important;
	}
	.truck-status > .inner{
		position:inherit;
		display:block;
	}
	.cart-product{
		padding:10px 0;
	}
	.cart-product-stok{
		min-width:auto;
		display: inline-block;
	}
	.cart-product-middle{
		display:inline-block;
		min-width: auto;
	}
	.cart-product-right{
		display:inline-block;
		min-width: auto;
	}
	.list-view .product-box-image, .list-view .product-box-caption, .list-view .product-box-detail, .list-view .product-box-add, .list-view .remaining{
		min-width:auto;
	}
}
@media screen and (max-width:800px){
	.filter-buttons{
		padding:10px 0;
		width:auto;
	}
	.mini-button {
	  padding: 0;
	  margin: 0;
	  min-width: 34px;
	}
	.filter-button{
		border:none !important;
		padding: 8px 4px !important;
	}
	.list-page-name{
		display:inline-block;
	}
	.sidebar-container{
		max-width:272px;
	}
	.left-menu {
    float: none;
    width: auto;
    min-height: auto !important;
		padding: 10px 0;
		margin: 0;
	}
	#div_draggable{
		padding: 0 !important;
	}
	.left-menu-container{
		display: none;
	}
	.left-menu-group {
    display: inline-block;
    vertical-align: top;
		min-width: 220px;
	}
	.left-menu-group .group-title img{
		width: 16px;
	}
	.left-menu-group > .group-title{
		font-size: 12.5px;
	}
	.form-stage{
		padding: 5px;
	}
	.list-container {
    padding: 5px 10px;
	}
	.btn-view-album, .btn-view-list{
    width: 20px;
    height: 20px;
	}
	.product-box {
    margin: 6px 3px;
    padding: 0 5px;
		max-width: 190px;
		font-size: 12px;
	}
	.product-tags {
    height: 20px;
	}
	.stock-info {
    font-size: 10px;
	}
	.product-tags img {
    width: 20px;
	}
	.product-box-image {
    padding: 5px;
    height: 50px;
    min-width: 160px;
	}
	.product-box-image img {
    max-width: 140px;
    max-height: 40px;
	}
	.btn-add-cart-new{
		padding: 3px !important;
		margin-left: 2px;
	}
	.product-box-add{
		min-height: auto;
	}
	.list-view{
		padding: 0;
	}
	.btn-scroll-top {
    width: 32px;
	}
}
@media screen and (max-width:700px){
	.form-stage{
		padding:5px;
	}
	.product-box {
    	max-width: 260px;
		margin:5px 4px;
	}
	.product-box .product-name {
    	min-height: 38px;
	}
	.left-menu {
	    width: 210px;
	}
	.list-view{
		display: inline-block;
		padding: 0 5px;
		max-width: 230px;
		min-height: 288px;
		margin:5px;
	}
	.list-view .product-box-image, .list-view .product-box-caption, .list-view .product-box-detail, .list-view .product-box-add{
		display:block;
		padding:5px 0;
		height: auto;
	}
	.list-view .product-box-add{
		border-top: 1px solid #EEE;
	}
	.list-view .product-box-inner{
		width: auto;
		display: block;
		border: none;
		padding: 0;
	}
	.list-view .box-cart-total{
		float:left;
		position:relative;
		margin:0;
	}
	.list-view .stock-info{
		float:right;
		position:relative;
		margin:0;
	}
	.list-view .product-box-new img, .list-view .product-box-promotion img{
		margin:0px;
	}
	.list-view .product-box-caption{
		text-align:center;
	}
}
@media screen and (max-width:600px){
	.navigation-buttons{
		display:block;
		padding-bottom:10px;
	}

	.add-button-div{
		display:inline-block;
		padding:10px 0;
	}
	.filter-buttons{
		display:block;
		text-align:left;
	}
	.list-filter-node-part{
		border-left:none;
		border-right:none;
	}

	.transfer-block{
		display:block;
		width:auto;
	}
	.transfer-to-list{
		border:none;
		border-top:1px solid #f1f1f1;
		border-bottom:1px solid #f1f1f1;
		padding:10px;
	}

	.transfer-to-list div{
		background:url(/images/orgbottom.png) no-repeat;
	}

	.transfer-to-list div:hover{
		background:url(/images/orgbottom_select.png) no-repeat;
	}
	.design-tools{
		position:inherit;
	}
	.drag-list li{
		display:inline-block;
	}
	.block-list{
		width:100%;
	}
	.cart-product-name{
		display:block;
	}
	.cart-product-stok{
		display:block;
	}
}

@media screen and (max-width:500px){
	.listview-columns .column{
		display:inline-block;
	}

	.listview-table > .listview-data > .listview-row > .cell{
		display:inline-block;
	}

	.list-buttons{
		float:none;
	}
	.navigate-entry{
		display:block;
		border:none;
		background-color:#FBFBFB;
		padding:5px;
	}
	.filter-button{
		border:none !important;
	}
	.form-name a{
		font-size:18px;
	}
	.dashboard > .blocks > .block{
		margin:0;
		width:100%;
	}
	.cart-product-middle{
		display:block;
	}
	.cart-product-right{
		display:block;
	}
	.list-page-name{
		min-width:150px !important;
	}
	.base-container{
		display:block;
	}
}

@media screen and (max-width:400px){
	.input-title{
		display:block;
		padding:5px;
	}

	.input-col{
		display:block;
		padding:8px 5px;
	}

	.form-stage{
		padding:0;
	}

	.tab-header{
		padding:8px 12px;
	}

	.navigation-recycle-bin{
		min-width:auto;
	}

	.child{
		display:none;
	}

	.sidebar-header{
		background-image:url(/media/images/base/top_gray.png);
	}

	.dashboard > .blocks{
		text-align:center;
		padding:10px 0;
	}

	.dashboard > .block > .block{
		margin:5px 0;
	}

	.block-note{
		max-width:none;
	}

	.dashboard-block-profile img {
    	width: 32px;
	}

	.form-signin{
		padding:10px 5px;
	}

	.list-filter-title{
		display:block;
		padding:5px;
	}

	.list-filter-col{
		display:block;
		padding:8px 5px;
	}
	.save-button{
		display:block;
		padding:15px 0 10px;
	}
	.product-boxes{
		text-align:center;
	}

	.product-box{
		max-width:none;
		display:block;
		width:98%;
	}
	.product-box .product-name {
    	min-height: auto;
	}
	.product-tag-new{
		left:25%;
	}

	.filter-buttons{
		border-top:1px solid #EEE;
		border-bottom:1px solid #EEE;
		width:100%;
	}

}

@media screen and (max-width:330px){
	.header-search{
		margin:10px 0;
	}

	.header-menu-buttons{
		margin:0 0 10px;
	}

	.profile-button{

		margin:10px 0 0;
		max-width:260px;
	}

	.header{
		border-bottom:1px solid #DDD;
	}

	.header-buttons{
		text-align:center;
	}

	.left-menu{
		width:100%;
		padding-top:10px;
	}

	.group-items{
		display:none;
	}

	.group-title{
		background-image:url(/media/images/base/bottom.png);
	}

	.add-button-div{
		display:block;
		text-align:center;
	}

	.captcha-div{
		width:110px;
	}

	.transfer-block{
		min-width:240px;
	}
	.product-image{
		margin:10px 0;
	}
	.product-content{
		margin:10px 0;
	}
}