body{background:#FFF;padding-top:48px;}
textarea{resize:vertical;}
button:focus{text-decoration:underline;}

.errContainer{display:none;margin-bottom:20px;}


/**************************************************
 * METRO STYLE
 **************************************************/
.container{min-width:calc(100% - 20px);}
.pageElement{
	padding:10px 10px 10px 2.5rem;
	border:1px #ccc solid;
	position:relative;
	margin:0 0 10px 0;
	background:#FDFDFD;
	min-height:100px;
}
.pageElement:before,
.pageElement:after{
	display:table;
	content:"";
}
.pageElement:after{
	clear:both;
}
.pageElement:before{
	position:absolute;
	content:attr(data-text);
	text-transform:uppercase;
	left:1.5rem;
	top:11.875rem;
	color:gray;
	display:block;
	font-size:1rem;
	line-height:1rem;
	height:1rem;
	text-align:right;
	white-space:nowrap;
	direction:ltr;
	width:12.5rem;
	
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	-webkit-transform-origin:0 100%;
	transform-origin:0 100%;
}

.accordion > .frame > .heading {
  background-color:#DDDDDD;
  border:1px #CCCCCC solid;
}
.accordion > .frame > .heading:hover {
  background-color:#BBBBBB;
}
.accordion > .frame.active > .heading {
  background-color:#1ba1e2;
  border-color:#1ba1e2;
  color:#ffffff;
}


/**************************************************
 * FORM
 **************************************************/
.switch input[type="checkbox"]:checked ~ .check,
.switch-original input[type="checkbox"]:checked ~ .check {
	background:#1BA1E2;
}

.select2-hidden-accessible{display:none;}

/*.form fieldset{margin-bottom:20px;}
label.error{background:#F00;clear:both;color:#FFF;display:block;margin:0;padding:0;}*/


/**************************************************
 * BUTTON
 **************************************************/
.danger2{background:#ce352c !important;border-color:#ce352c !important;color:#ffffff;}
.danger2:active{background:#9a1616;color:#ffffff;}
.info2{background:#59cde2 !important;border-color:#59cde2 !important;color:#ffffff;}
.info2:active{background:#1ba1e2;color:#ffffff;}
.primary2{background:#2086bf !important;border-color:#2086bf !important;color:#ffffff;}
.primary2:active{background:#1b6eae;color:#ffffff;}
.success2{background:#60A917 !important;border-color:#60A917 !important;color:#ffffff;}
.success2:active{background:#7AD61D;color:#ffffff;}
.warning2{background:#fa6800 !important;border-color:#fa6800 !important;color:#ffffff;}
.warning2:active{background:#bf5a15;color:#ffffff;}

.mini-button2{padding:2px 5px;height:15px;line-height:15px;}

/**************************************************
 * DATATABLES
 **************************************************/
tbody td.DTalignRight{text-align:right;}
.dataTable tr td.sorting_1,.dataTable tr td.sorting_2{background:#EEE;}
.dataTables_filter{z-index:1;}
.dataTables_paginate .ellipsis{display:block;float:left;margin:0 11px;}
.dataTables_scrollBody .dataTable{border-bottom:0 none;margin:0;padding:0;}
.dataTables_scrollBody thead,.dataTables_scrollBody tfoot{border:0 none;height:0;max-height:0;visibility:hidden;}
.dataTables_scrollBody thead{border:0 none;}
.dataTables_scrollBody tbody td:first-child{padding-bottom:0;padding-top:0;}

table.dataTable tbody tr.selected,
table.dataTable tbody tr.odd.selected,
table.dataTable tbody tr.even.selected{background:#D9E9EE}
table.dataTable tbody tr.selected>.sorting_1,table.dataTable tbody tr.selected>.sorting_2,table.dataTable tbody tr.selected>.sorting_3,
table.dataTable tbody tr.selected>.sorting_1,table.dataTable tbody tr.selected>.sorting_2,table.dataTable tbody tr.selected>.sorting_3,
table.dataTable tbody tr.odd.selected>.sorting_1,table.dataTable tbody tr.odd.selected>.sorting_2,table.dataTable tbody tr.odd.selected>.sorting_3,
table.dataTable tbody tr.odd.selected>.sorting_1,table.dataTable tbody tr.odd.selected>.sorting_2,table.dataTable tbody tr.odd.selected>.sorting_3,
table.dataTable tbody tr.even.selected>.sorting_1,table.dataTable tbody tr.even.selected>.sorting_2,table.dataTable tbody tr.even.selected>.sorting_3,
table.dataTable tbody tr.even.selected>.sorting_1,table.dataTable tbody tr.even.selected>.sorting_2,table.dataTable tbody tr.even.selected>.sorting_3{background:#D9E9EE}

.dataTable .input-control{height:16px;min-height:16px;line-height:16px;vertical-align:top;}

/**************************************************
 * SORTABLE
 **************************************************/
.sortable1{list-style-type:none;margin:0;padding:0;}
.sortable1 li{cursor:move;margin:-15px 0 20px 0;min-height:40px;}
.sortable1 tr{cursor:move;}

.sortable2 .tile,.sortable2 .tile-large,.sortable2 .tile-wide{cursor:move;}

.tile:hover,.tile-large:hover,.tile-wide:hover{outline:#E1E1E1 solid 3px;}
.tile .hoverShow,.tile-large .hoverShow,.tile-wide .hoverShow{display:none;}
.tile:hover .hoverShow,.tile-large:hover .hoverShow,.tile-wide:hover .hoverShow{display:block;}
.tile-label.labelName{background:rgba(0,0,0,0.2);width:100%;}

/**************************************************
 * SCROLLBAR
 **************************************************/
::selection{background-color:#D71921;color:#FFF;}
/*
::-moz-selection{background-color:#D71921;}
*/
::-webkit-scrollbar{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#EEE;cursor:pointer;}
::-webkit-scrollbar-thumb{background-color:#D71921;cursor:pointer;}
::-webkit-scrollbar:vertical{width:10px;}
::-webkit-scrollbar-thumb:vertical{border-left:0px solid black;width:10px;}
::-webkit-scrollbar:horizontal{height:10px;}
::-webkit-scrollbar-thumb:horizontal{border-top:0px solid black;height:10px;}
::-webkit-scrollbar-corner{color:black;background-color:black;border-color:black;}
::-webkit-resizer{background-color:#D71921;border-radius:100%;}

/**************************************************
 * FONT
 **************************************************/
.fa {
	font-family:FontAwesome !important;
}

/**************************************************
 * CLEARFIX
 **************************************************/
.clear{clear:both;float:none;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{display:inline-block;}
.clearfix{display:block;zoom:1;}