.content-wrapper {
  background-color: #fff;
	font-family: Helvetica;
}
.col-center{
	float: none;
	margin: 0 auto;
}
.skin-blue .main-header .navbar {
	background-color: #4466a9;
	min-height: 75px;
}
.skin-blue .main-header .logo {
  height: 75px;
  background-color: #4466a9;
  color: #ffffff;
  border-bottom: 0 solid transparent;
  padding-top: 10px;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover{
	background-color: #4466a9;
}
.skin-blue .main-header .logo:hover {
  background-color: #4466a9;
}
.skin-blue .wrapper, .skin-blue .left-side {
  background-color: #fff; }

.skin-blue .main-sidebar {
	background-color: #f1f2f2;
}
.main-sidebar, .left-side{
	padding-top: 75px;
}

.skin-blue .sidebar-menu > li.header{
	background-color: #303761;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
}
.skin-blue .sidebar-menu > li.header a {
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
}



.sidebar-menu li img{
	position: relative;
	top: -2px;
}

.sidebar-menu li span{
	font-weight: 200;
}

.skin-blue .sidebar-menu > li.header:not(.main-menu-header) {
	background-color: #9d2d6e;
}

.skin-blue .main-header li.user-header {
	background-color: #dcc1d2;
}


.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{
	color: #2d355f;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer>div>hr {
	margin: 5px; !important;
}

.content hr{
	border: 0.03em solid #4466a9;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer>div>a:hover {
	color: #9d2d6e;
}

.skin-blue .sidebar-menu > li > a {
  color: #565c7e;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  font-weight: 800;
  margin: 10px 10px 10px 0;
  border-left: 3px solid transparent;
}
.skin-blue .sidebar-menu > li > a > .ion {
  color: #9d2d6e;
}

.skin-blue .sidebar-menu > .header > .sidebar-toggle-expanded > .sidebar-toggle > .ion
{
	border: 2px solid #fff;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	text-align: center;
	padding-top: 2px;
	float: right;
	color: #fff;
}

@-moz-document url-prefix() {/*adjust sidebar header for mozilla*/
	.skin-blue .sidebar-menu > .header > .sidebar-toggle-expanded > .sidebar-toggle > .ion {
		position: relative;
		top: -18px;
	}
	.skin-blue .sidebar-menu > .header{
		max-height: 40px;
	}
}

.sidebar-toggle{
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
	content: "\f0c9";
}

.skin-blue .sidebar-menu > li:nth-child(2) > a:first-child{
	margin-top: 20px;
}
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
    border-left: 3px solid transparent;
   color: #9d2d6e;
   background: none;
}
.skin-blue .sidebar-menu > li:hover > a > .ion{
   color: #9d2d6e;
}
.skin-blue .sidebar-menu > li.active > a > .ion{
   color: #9d2d6e;
}
.skin-blue .main-header .navbar .nav>li{
	font-family: 'Arial', sans-serif;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}
.skin-blue .main-header .navbar .nav>li>a{
	font-weight: bold;
}
.skin-blue .main-header .navbar .nav>li>a>.fa{
	position: relative;
	top: 2px;
	color: #dcc1d2;
	margin-left: 10px;
	font-size: 20px;
}
.skin-blue .main-header .navbar .nav>li>a>.ion{
	color: #9d2d6e;
	margin-left: 10px;
	font-size: 16px;
}

h1, h2, h3, h4, h5, legend, .main-sidebar i {
  color: #000;
  text-transform: uppercase; }
  .widget-user-header h1, .widget-user-header h2, .widget-user-header h3, .widget-user-header h4, .widget-user-header h5, .widget-user-header legend, .widget-user-header .main-sidebar i {
    text-transform: none;
    color: inherit; }


#session-alert {
	position: fixed;
	top: 100px;
	right: 2vw;
	opacity: 0;
	animation: alert 30s linear;
	z-index: 999;
}

#alert-dismiss{
	z-index: 1000;
}

@keyframes alert {
	0%,100% { opacity: 0 }
	10%,90% { opacity: 0.80 }
}

div.notification{
	background-color: #4d5054;
	color: #fff;
	height: 50px;
	width: inherit;
	margin-bottom: 30px;
	text-transform: uppercase;
	text-align: center;
	line-height: 48px;
	font-size: 16px;
}

div.notification>a.fill-div{
	display: block;
	height: 100%;
	width: 100%;
	color: #fff;
}

div.notification>a>span.count{
	color: #dcc1d2;
}

legend {
	color: #4466a9;
  	border-color: #4466a9; }

h1 {
  font-weight: 100;
  text-align: center;
}
.content-header>h1{
	padding-top: 50px;
	color: #303861;
	font-size: 40px;
	font-family: Oswald, sans-serif;
	line-height: 90%;
}

.content-header>h1>small{
	color: #4466a9;
	font-size: 0.35em;
	font-weight: 200;
	font-family: Oswald, sans-serif;
	margin-top: 0;
}

@media (max-width: 2000px) {
	.skin-blue .main-header .navbar .dropdown-menu li a {
		color: #3c8dbc;
	}

	.skin-blue .main-header .navbar .dropdown-menu li a:hover {
		background-color: transparent;
		color: #9d2d6e;
	}
}

@media screen and (max-width: 767px) {
	.content-header>h1{
		padding-top: 100px;
	}

	.alert{
		margin-top: 75px;
	}

	.sidebar-menu{
		padding-top: 75px;
	}
}

/*Print CSS for License Certificates*/
@media print{
	* { margin: 0 !important; padding: 0 !important; }
	#certificate {
		height:100%;
		overflow: hidden;
		font-size: 12pt;
	}

    @page { margin: 2.0cm; }

}

.back-button{
	/*position: relative;*/
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	/*top: 50px;*/
	/*align-self: center;*/
	color: #9d2d6e;
	padding:8px;
	border: 1px solid #9d2d6e;
	border-radius: 500px;
}

.back-button:hover{
	background-color: #dcc1d2;
	border-color: #dcc1d2;
	-webkit-transition: 0.3s !important;
	transition: 0.3s !important;
}

a, .btn-link {
  color: #3c8dbc; }

a:hover, a:active, a:focus, .btn-link:hover, .btn-link:active, .btn-link:focus {
    color: #9d2d6e;
	-webkit-transition: color 0.3s !important;
	transition: color 0.3s !important;
}

table.dataTable thead tr{
	text-transform: uppercase;
    background-color: #303861;
    color: #fff;
}

.paginate_button{
	border: none !important;
	border-radius: 500px !important;
}

.paginate_button.current{
	background: #efefef !important;
}

.paginate_button:hover:not(.disabled){
	background: #4466a9 !important;
	-webkit-transition: background 0.3s !important;
	transition: background 0.3s !important;
}


#statistics-dashboard{
	min-width: 995px;
}
#statistics-dashboard.dataTable tbody td {
	padding-top: 18px !important;
}

@media screen and (min-width: 1200px) {
	#statistics-dashboard > tbody > tr > td > strong.inline {
		position: relative;
		top: -28px;
	}
}

#dashboard-container>table>tbody>tr>td>strong{
	position: relative;
	top: 15px;
}

#dashboard-container>table>tbody>tr>td>div>button{
	position: relative;
	top: 10px;
}

.info-box {
  border: 1px solid #d2d6de; }

.box {
  border: 1px solid #d2d6de;
  border-top-width: 3px; }
  .box-header.with-border {
    border-bottom: 1px solid #d2d6de; }
  .box-header .box-title {
    color: #3c8476; }

.inner h4 {
  color: inherit; }

.user-header .badge {
  background-color: #FFF;
  color: #000; }

.parsley-required {
  color: #b94a48; }
.dashboard-nav{
	margin: 0 auto;
	text-align: center;
}
.inner{
	display: inline-block;
	text-align: center;
	font-weight: bolder;
	font-size: 14px;
	color: #303861;
	margin-bottom: 20px;
}

.circle{
	/*display: inline-block;*/
	-moz-border-radius: 50%;
   	-webkit-border-radius: 50%;
   	border-radius: 50%;
	width: 100px;
	height: 100px;
	background-color: #4264ab;
	margin: 50px 50px 0 50px;
	color: #fff;
	display: flex; /* add */
	justify-content: center;
	align-items: center;
}

.inner:hover .circle{
	background-color: #9d2d6e;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.inner:hover {
	color: #9d2d6e;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

table.dashboard-table{
	width: 100%;
	color: #454545;
}

table.dashboard-table th{
	font-size: 24px;
	font-family: Oswald, sans-serif;
	padding-bottom: 10px;
}


table.dashboard-table>tbody>tr td:last-child {
	text-align: right;
	/*width: 70%;*/
}

table.dashboard-table>tbody>tr td:first-child {
	vertical-align: top;
	/*width: 75%;*/
}

.license-status{
	-moz-border-radius: 50%;
   	-webkit-border-radius: 50%;
   	border-radius: 50%;
	width: 16px;
	height: 16px;
	background-color: #9d2d6e;
	margin: 5px 5px 0 5px;
	color: #fff;
	line-height: 16px;
	font-size: .5em;
}
.current{
	background-color: #8ee018;
}
.due_for_renewal{
	background-color: #4466a9;
}
.renewal_overdue{
	background-color: #ff0043;
}
.special_circumstances{
	background-color: #ffde00;
}
.unlicensed{
	background-color: #9d2d6e;
}
.terminated{
	background-color: #323860;
}

.cpe{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	margin: 5px 5px 0px 5px;
	color: #fff;
	line-height: 16px;
	font-size: .5em;
}

.complete{
	background-color: #8ee018;
}

.exempt{
	background-color: #ffde00;
}

.incomplete{
	background-color: #ff0043;
}

.import-alert{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	background-color: #8ee018;
	margin: 5px 5px 0px 5px;
	color: #fff;
	line-height: 16px;
	font-size: .5em;
}
.import_match{
	background-color: #8ee018;
}

.import_error{
	background-color: #ff0043;
}
.import_warning{
	background-color: #ffde00;
}

tr.highlight-tr, tr.highlight-tr a{
	color: #0000cc;
}

tr.highlight-tr a:hover{
	color: #9d2d6e;
	-webkit-transition: color 0.3s !important;
	transition: color 0.3s !important;
}

.button{
	font-family: Arial, sans-serif;
      	font-size: 12px;
     	color: #fff;
     	font-weight: bolder;
     	text-transform: uppercase;
       	border:0;
    	background-color:#9d2d6e;
    	padding: 5px 20px;
	-webkit-border-radius:40px;
    	-moz-border-radius:40px;
    	border-radius:40px;
}

div.text-right>button.formEdit{
	margin-right: 15px;
}
.buttons{
	text-align: center;
}

.btn{
	border-radius: 500px;
	background-color: #9d2d6e;
	border-color: #9d2d6e;
	color: #fff;
	outline-style: none;
	text-transform: uppercase;
}

.btn:hover{
	border-color: #af578b;
	background-color: #af578b;
	color: #fff;
	outline-style: none;
	-webkit-transition: background-color 0.3s !important;
	transition: background-color 0.3s !important;
}

.btn:focus, .btn:target, .btn:active{
	border-color: #9d2d6e;
	background-color: #9d2d6e;
	color: #fff;
	outline: none !important;
}

.btn-danger{
	background-color: #db4d3f;
	border-color: #db4d3f;
}

.btn-danger:hover{
	background-color: #ea8177;
	border-color: #ea8177;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.btn-danger:focus, .btn-danger:target, .btn-danger:active{
	border-color: #db4d3f;
	background-color: #db4d3f;
}

.buttons-excel{
	margin-left: 5px;
}

.form-control:not(textarea):not(#branch_ids):not(.datepicker):not(.amount):not(.hst){
	border-radius: 500px;
	margin-left: 0;
}

textarea, #branch_ids{
	border: 1px solid #d2d6de;
	border-radius: 10px;
	padding:5px;
	outline-style: none;
}

input.datepicker, input.amount{
	border-top-right-radius: 500px;
	border-bottom-right-radius: 500px;
	min-width: 100px;
}

input.hst{
	border-top-left-radius: 500px;
	border-bottom-left-radius: 500px;
	min-width: 100px;
}

input[type="password"]{
	padding: 5px;
	border-radius: 500px;
	border: 1px solid #d2d6de;
	outline-style: none;
}

input[type="search"]{
	padding: 7px 24px 7px 7px;
	border-radius: 500px;
	border: none;
	outline-style: none;
	background: #f2f2f2 url(../images/action_icons/magnifier.png) no-repeat scroll 95% center/15px 16px !important;
}


td>div>.input-group{
	padding-top: 10px;
}

/*td>strong:not(.invoice-total){*/
	/*line-height: 35px;*/
	/*padding-left: 10px;*/
/*}*/

/*.statistics>td{*/
	/*padding-top: 10px;*/
	/*padding-bottom: 10px;*/
/*}*/

select.form-control:not(#branch_ids) {

	/* make arrow and background */

	background:
			linear-gradient(45deg, transparent 50%, #4264ab 50%),
			linear-gradient(135deg, #4264ab 50%, transparent 50%);
	/*linear-gradient(to right, skyblue, skyblue);*/
	background-position:
			calc(100% - 21px) calc(1em + 2px),
			calc(100% - 16px) calc(1em + 2px),
			100% 0;
	background-size:
			5px 5px,
			5px 5px,
			2.5em 2.5em;
	background-repeat: no-repeat;

	/* styling and reset */
	border: 1px solid #d2d6de;
	line-height: 1em;
	padding: 0.5em 3.5em 0.5em 1em;

	/* reset */
	-webkit-appearance: none;
	-webkit-border-radius: 500px;
	-moz-appearance: none;
	-moz-border-radius: 500px;
	outline-style: none;
	min-width: 75px;
}

select:not(.form-control){
	background:
			linear-gradient(45deg, transparent 50%, #4264ab 50%),
			linear-gradient(135deg, #4264ab 50%, transparent 50%);
	/*linear-gradient(to right, skyblue, skyblue);*/
	background-position:
			calc(100% - 21px) calc(1em + 2px),
			calc(100% - 16px) calc(1em + 2px),
			100% 0;
	background-size:
			5px 5px,
			5px 5px,
			2.5em 2.5em;
	background-repeat: no-repeat;

	/* styling and reset */
	/*border: 1px solid #d2d6de;*/
	line-height: 1em;
	padding: 0.7em 2em 0.5em 1em;

	-webkit-appearance: none;
	-webkit-border-radius: 500px;
	-moz-appearance: none;
	-moz-border-radius: 500px;
	/*padding: 5px;*/
	outline-style: none;

	border: none;
	background-color: #f2f2f2;
	min-width: 50px;
}

select.form-control:not(#branch_ids):focus{
	border: 1px solid #337ab7;
}

select:disabled{
	background-color: #eeeeee !important;
}

.select2 {
	width: 100% !important;
}
.select2-container:not(.select2-container--open) > .selection > .select2-selection--single { height: 34px !important; border-radius: 20px !important; }
.select2-container--open > .selection > .select2-selection--single { height: 34px !important; border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; }
.select2-selection__arrow { top: 5px !important; right: 12px !important; }

input[type='radio']:after {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #fff;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 1px solid #4466a9;
	outline-style: none;
	-webkit-transition: content 0.4s linear;
	-o-transition: content 0.4s linear;
	-moz-transition: content 0.4s linear;
	transition: content 0.4s linear;
}

input[type='radio']:checked:after {
	font-family: "Font Awesome 5 Free";  /* updated font-family */
	font-weight: 900; /* regular style/weight */
	color: #4466a9;
	content: "\f00c";
	visibility: visible;
	outline-style: none;
	-webkit-transition: content 0.4s linear;
	-o-transition: content 0.4s linear;
	-moz-transition: content 0.4s linear;
	transition: content 0.4s linear;
}

input[type='checkbox']:after {
	width: 15px;
	height: 15px;
	border-radius: 2px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #fff;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 1px solid #4466a9;
	outline-style: none;
	-webkit-transition: content 0.4s linear;
	-o-transition: content 0.4s linear;
	-moz-transition: content 0.4s linear;
	transition: content 0.4s linear;
}

input[type='checkbox']:checked:after {
	font-family: "Font Awesome 5 Free";  /* updated font-family */
	font-weight: 900; /* regular style/weight */
	color: #4466a9;
	content: "\f00c";
	visibility: visible;
	outline-style: none;
	-webkit-transition: content 0.4s linear;
	-o-transition: content 0.4s linear;
	-moz-transition: content 0.4s linear;
	transition: content 0.4s linear;
}

section.sidebar-footer {
	height: 130px;
	width: inherit;
	background-color: #4d5054;
	color: #ffffff;
	position: fixed;
	bottom: 0;
}

section.sidebar-footer>a.fill-section{
	display: block;
	height: 100%;
	width: 100%;
}

section.sidebar {
	padding-bottom: 160px;
}
.powered-by-guild {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	text-align: center;
	padding-top: 15%;
	color: #efefef;
}
img.guild_logo {
	width: 50%;
	display: block;
	margin: auto;
}

li.prof{
	color: #2d355f;
	font-size: 22px;
	font-family: Oswald, sans-serif;
	text-transform: uppercase;
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	overflow: inherit;
	background-color: #dcc1d2;
	white-space: normal!important;
}
li.prof span.proflab{
	font-size: medium;
	color: #424242;
}
li.prof span.profdesignation{
	font-size: small;
	color: #424242;
}

.table:not(.dataTable){display:table;width:100%;table-layout:fixed;}
.table-row{display:table-row;}
.cell{display:table-cell;}

/* TEMP */
.table{border:#eaeaea 1px solid;}
.dataTable,.table-responsive{border: none;}
.table-row{}
.cell{padding:10px;border-left:#eaeaea 1px solid;border-top:#eaeaea 1px solid;}
.table-row:first-child .cell{border-top:none;}
.cell:first-child{border-left:none;}
.table-borderless{border: none; }