@charset "utf-8";

html {
	margin:0;
	padding:0;
	height: 100%;
}
body {
	margin:0;
	padding:0;
	background:#ebebeb;
	font-family:"Trebuchet MS", Georgia;
	line-height:100%;
	font-size:14px;
	color:#676a6c;
	width:fit-content;
	height:fit-content;
	position:relative;
}

form{
    margin: 0;
}

a, a:link, a:visited, a:hover, .a{
	color:#337ab7;
	text-decoration:none;
	touch-action:unset;
}
a.btn, a:link.btn, a:visited.btn, a:hover.btn{
	color:#ffffff;
}

.dashboard .btn{
	margin-left:5px;
}

body > .container-fluid{
	padding:0px;
	width:100%;
	height:100%;
}
.container-fluid{
	padding:0px;
	width:auto;
}
.container-fluid.header-bar{
	background:#ffffff;
	display:table;
	width:100%;
}
.container-fluid.content-bar{
	padding:10px;
	margin-bottom:60px;
	display:block;
	text-align:center;
}
.container-fluid.content-footerbar{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	padding:5px 5px;
	color:#f0f0f0;
	background:#4f4f4f;
}
.container-fluid.footer-bar{
	background:#263949;
	position:fixed;
	left:0;
	top:calc(100% - 25px);
	width:100%;
	padding:5px 0px 10px 20px;
	color:#f0f0f0;
	z-index:100;
}
#header-bar-search{
	margin:0px;
	padding:0px;
	height:0px;/*IF NEEDED THEN SET AUTO*/
}

#header-bar-search > .row{
	width:100%;
	padding:0px;
	margin:0px;
}
#header-bar-search > .row > .col{
	padding:0px;
	margin:0px;
}
#content-bar-left{
	display:inline-block;
	position:absolute;
	right:0;
	margin:0px;
}
#content-bar-left > .row{
	/*width:100%;*/
}
#content-bar-left > .row > .col{
	background:transparent;
	min-width:0px;
	padding:0px;
}

.row{
	display:table-row;
	margin:0px;
}

.col.col-custom, .col.col-sort{
	display:table-cell;
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:left;
}
.col-width-auto{
	width:auto;
}
.col-nowrap{
	white-space: nowrap;
}

/**/

.container-fluid#header-bar .row:first-child .col:first-child{
	background-image:url('/Template/admin/images/header-profile.png');
	background-size: cover;
    background-repeat: no-repeat;
	max-width:8%;
	width:auto;
	text-align:center;
}
.container-fluid#header-bar-bottom{
	width:100%;
	text-align:center;
}

.container-fluid.content-bar > .row{
	display:inline-block;
	text-align:left;
	padding-bottom:20px;
	min-width: 89%;
}
.container-fluid.content-bar > .row > .col{
	background:#ffffff;
	display:block;
	width:auto;
	min-width:600px;
	padding:20px;
}

.toolbar{
	width:100%;
	background:#4f4f4f;
	padding:10px;
	color:white;
}
.footerbar .col{
	white-space: nowrap;
	height:25px;
	padding:0px;
}