:root {
  --primary-color:    #6633CC;
  --primary-color-75: #7547d1;	/* Tint */
  --primary-color-50: #9470db;	/* Tint */
  --primary-color-25: #b399e6;	/* Tint */
  --primary-color-125: #5229a3;	/* Tint */
  --primary-color-150: #3d1f7a;	/* Tint */
  --white-color: #fff;
  --grey-color:  #ddd;
  --darkgrey-color:  #999;
  --lightgrey-color:  #eee;
  --edit-color: #090;
}


a {font-size:15px;}
a:hover,a:active {color:#9470db;}


a.home,a#lbEdit {color:#fff;text-decoration:none;}
a.home:hover,a#lbEdit:hover {color:#9470db;}
a.home:active,a#lbEdit:active {color:#9470db;}
a.home:focus,a#lbEdit:focus {color:#9470db;}

.username {     position: absolute; top: 27px; left:-5px; }

.fa-square-o:hover,.fa-square-o:active,.fa-square-o:focus {color:#9470db;}
.fa-check-square-o:hover,.fa-check-square-o:active,.fa-check-square-o:focus {color:#9470db;}

.well {padding:10px 20px; margin-top:10px; margin-bottom:0;}


.editText {color:var(--edit-color);}
	
.panel { border-radius:0;}
.panel-heading { border:1px solid transparent;}
.panel-body { padding: 5px 10px;}
.modal-header { background-color:var(--primary-color-25); }
.modal-content { border-radius:0 !important;}

.collapsHeader 				{ padding:5px 10px; background-color:var(--primary-color); color:#fff;}
.collapsHeader a, 
.collapsHeaderElements a	{ cursor: hand; color:#fff; }
.collapsHeaderElements 		{ margin:5px; padding:5px; background-color:var(--primary-color);}

.noUnderline,.noUnderline:hover,.noUnderline:active { text-decoration:none;}

.containerDesktop {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
.navbar-header {width:100%;}
@media (max-width: 767px) {
	.containerDesktop {
		padding-right: 0px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
}


.editIcon { color:#fff; font-size:30px;}

a { color:var(--primary-color); }

.btn-primary {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color-125);
}

.btn-primary:hover,.btn-primary:active,.btn-primary:focus {
    color: #fff;
    background-color: var(--primary-color-150) !important;
    border-color: var(--primary-color-125) !important;
}



.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: var(--primary-color);
}


.navbar {
    color: #fff;
    background-color: var(--primary-color);
}

.link-back { text-decoration: none; margin-right:10px; }
.link-back:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f053";
	margin-right:5px;
	
}

.container.content {
    margin-top: 50px !important;
}


h1 { font-size:36px; margin-top:10px;}
h2 { font-size:25px; color:#666;}



.label-primary {
    background-color: var(--primary-color-50);
}
.label {
    border-radius: 1em !important;
    font-size: 12px;
    padding: 2px 5px;
    position: absolute;
    margin-left: 5px;
}



.content-area { margin-top:10px; }


.full-width { width:100% !important;}

/* override */
.form-control { border-radius: 2px }
.alert { padding: 5px 10px; }
.alert { margin-top: 10px; margin-bottom: 10px; border-radius:0; }


/* GridView */
.gridzebra 			{ width:100%; font-size:15px;}
.gridzebra tr 		{ border-bottom:1px solid #999; padding:5px;  background-color:#eee;  height:35px;}
.gridzebra tr.even 	{ background-color:#fff; }
.gridzebra tr td	{ padding:3px;}
/*.gridzebra tr th  	{ padding:10px 3px;}*/
.gridzebra tr th  	{display:none;}
.gridzebra tr:first-child { height:0; }



.gridzebra tr:first-child {  border-bottom:1px solid #999;background-color:#fff;}

.gridzebra tr:nth-of-type(even):hover, 
.gridzebra tr:nth-of-type(odd):hover { background-color:#ddd; }



.font-bold {font-weight:bold;}


.row-no-padding { padding-left:0; padding-right:0;}


.withbg {background-color:#ccc;}


.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}

.form-label {margin-top: 7px;}




.top5 { margin-top:5px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top20 { margin-top:20px; }
.bottom5 { margin-bottom:5px; }
.bottom10 { margin-bottom:10px; }
.bottom20 { margin-bottom:20px; }



		
/* Pagination */
.GridPager a,
.GridPager span {
    display: inline-block;
    padding: 6px 12px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
}

.GridPager span {

    background: var(--primary-color);
    color: #f0f0f0;
}

.GridPager tr { 
border:none !important;
background-color:transparent !important;
}