/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
@import url("alignment.css");

html body .pace .pace-progress  {
	background: purple !important;
}

html body .content {
	min-height: calc(100% - 44px);
}
.tab-card-header > i {
	    font-size: 18px;
		/*
    margin-top: 2px;
    position: absolute;
    margin-left: -23px;
	*/
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content>ul.menu-content li.active a,
.main-menu.menu-light .navigation>li ul .active>a,
.main-menu.menu-light .navigation>li.active>a, .main-menu.menu-light .navigation>li.hover>a, .main-menu.menu-light .navigation>li.open>a, .main-menu.menu-light .navigation>li:hover>a {
    color: purple !important;
}
.main-menu.menu-light ul.menu-popout li.hover>a:before,.main-menu.menu-light ul.menu-popout li.open>a:before,.main-menu.menu-light ul.menu-popout li:hover>a:before {
	background-color: transparent !important;
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title,
body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content>span.menu-title,
.main-menu.menu-light ul.menu-popout .active>a:before,
.main-menu.menu-light .navigation>li.open .hover>a:before,
.main-menu.menu-light .navigation>li ul .active>a:before {
	background-color: purple !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {

    justify-content: normal;
    overflow-x: auto;
}

.main-menu.menu-light .navigation>li.active>a { 
	/* background:transparent;*/ 
}
body.vertical-layout.vertical-menu.menu-expanded .main-menu.menu-light .navigation .hover>a>i, body.vertical-layout.vertical-menu.menu-expanded .main-menu.menu-light .navigation .open>a>i, body.vertical-layout.vertical-menu.menu-expanded .main-menu.menu-light .navigation:hover>a>i {
    -webkit-box-shadow: 0 0 20px rgba(140, 32, 239, 0.3);
    box-shadow: 0 0 20px rgba(140, 32, 239, 0.3);
}

.navbar-header {
	height: 5.5rem;
}
.navbar-header .navbar-brand ,	
.menu-expanded .navbar-header .navbar-brand  { padding:5px; }

.navbar-header .navbar-brand .brand-logo,
.menu-expanded .navbar-header .navbar-brand .brand-logo {
    width: 100px ;
	height:auto;
}
.header-navbar a.navbar-brand {
	margin-right:0 !important;
}
.header-navbar i.flag-icon {
	font-size:18px;
}
.navbar-header i.flag-icon,
.menu-expanded .navbar-header i.flag-icon{
    position: absolute;
    right: 20%;
    top: 15%;
    font-size: 21px;
}


.menu-collapsed .navbar-header i.flag-icon{
    display:none;
}


.menu-collapsed .navbar-header .navbar-brand .brand-logo {
	width:36px;
	padding:17px 0 ;
}



.header-navbar i.ft-power {
	font-size: 18px;
    line-height: inherit;
}

@media (max-width:767px) {
	.navbar-header .navbar-nav  li:first-child  .navbar-brand ,
	
	.navbar-header .navbar-nav li:first-child i{
		display:none;
	}
	
	.navbar-header .navbar-nav  li:first-child:before {
		content: "Navigation";
		position : absolute;
		left:10%;
		top:30%;
		font-size:18px;
		font-weight:700;
	}
}

body.horizontal-layout[data-color=bg-gradient-x-purple-blue] .content-wrapper-before, body.horizontal-layout[data-color=bg-gradient-x-purple-blue] .navbar-horizontal, body.vertical-layout[data-color=bg-gradient-x-purple-blue] .content-wrapper-before, body.vertical-layout[data-color=bg-gradient-x-purple-blue] .navbar-container {
    background-image: -webkit-gradient(linear,left top,right top,from(#9f78ff),to(#570f69));
    background-image: -webkit-linear-gradient(left,#9f78ff,#570f69);
    background-image: -moz-linear-gradient(left,#9f78ff,#570f69);
    background-image: -o-linear-gradient(left,#9f78ff,#570f69);
    background-image: linear-gradient(to right,#9f78ff,#570f69);
    background-repeat: repeat-x;
}

.table-hover tbody tr:hover, .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(247,244, 255, 0.95);
}

.main-menu.menu-light .navigation-background:after {
	opacity:.65;
}
/*
.dataTables_paginate.paging_simple_numbers {
	overflow:auto;
}
*/

.btn-small.btn-round {
    border-radius: 2rem;
}
.btn-small {
	font-size: .85rem;
    line-height: 1.25;
    display: inline-block;
    padding: .25rem 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -moz-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
   
}

.background-purple{
	background-color: rgba(144,55,241,1);
}	

.text-bold { font-weight:700 }

.card .card-title {
    letter-spacing: normal;
}

.table-hover-pointer tr{
	cursor:pointer;
}



.tab-card > div {
	background-color: #fff;
	padding:6px 15px;
	border-radius :6px 6px 0px 0px;
	text-align:center;
}


.tab-card > div {
	background-color: #fff;
	padding:6px 15px;
	border-radius :6px 6px 0px 0px;
	text-align:center;
}
/*
.tab-card > div:before {
	position:absolute;
	content: "";
	width:100%;
	height:1px;
	background-color: #fff;
	bottom:0;
	margin-top:1px;
	
}
*/
.tab-card-header {
	font-size: 1.5rem;
	font-weight:700;
}


.tab-card-header small{
	margin-left:3px;
	font-size: 1.35rem;
	font-weight:300;
}

@media (min-width:1200px ) and (max-width:11440px )
{
	.tab-card-header { font-size: 1.25rem; }
	.tab-card-header small { font-size: 1.15rem; }
}

@media (max-width:480px )
{
	.tab-card-header { font-size: 1rem; }
	.tab-card-header small { font-size: .9rem; }
}


.text-purple {
	
	color:rgba(109,11,186,1);
}

html body .content .content-wrapper {
	
}

.card.box-content-default,
.card.box-content{
	-webkit-box-shadow: 0 1px 15px 1px rgba(62,57,107,.07) !Important;
    box-shadow: 0px 1px 15px 1px rgba(62,57,107,.07) !Important;
} 

.box-shadow-purple,
.card.box-shadow-purple{
	-webkit-box-shadow: 0 1px 15px 1px rgba(110,17,197,.4) !Important;
    box-shadow: 0px 1px 15px 1px rgba(110,17,197,.4) !Important;
} 

.box-border-purple { 
	border: 3px solid rgba(110,17,197,0.4) ;
}


.card.box-content .card-title
{
	color:#454545
}

.card.box-content .box-body {
	font-size:2em;
}

.card.box-content .box-body h5 {
	padding:0;
	margin:0;
}

.card.box-content .box-body i {
	font-size:1em;
	margin-right:15px;
}

.card.box-content .box-body i , .card.box-content .box-body h5 {
	margin-top:6px;
}
.card.box-content .box-body span > i {
	
	margin-right:0px;
}



.dashboard .equalHeight {
	height:calc(100% - 37px - 25px);
}
.personal-box h4{
	font-size:1.2rem;
	font-weight:700;
}
.personal-box h5{
	font-size:.85rem;
	font-weight:700;
}

.personal-box h6{
	font-size:.65rem;
	font-weight:700;
}	

.personal-box img {
	max-width:110px;
	width:100%;
	height:auto;
	
}

.profile {
	max-width:680px;
}

.profile img.rank {
	max-width:130px;
	width:100%;
	height:auto;
}
.profile .border ,
.personal-box .border {
	border:1px solid #dcbdf9 !Important;
	border-radius:50%;
	padding:15px 15px;
	box-shadow: 0 0 4px #6e11b5;
	margin-right:5px;
	background:#fff;
}

.profile h5 {
	color : #fff;
	margin-bottom:15px;
}

.profile h6 {
	color : rgba(199,179,202,1);
}


.bg-gradient-style1 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+51,fff4fd+69,fff7fe+83,fbe9f5+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 51%, #fff4fd 69%, #fff7fe 83%, #fbe9f5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 51%,#fff4fd 69%,#fff7fe 83%,#fbe9f5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 51%,#fff4fd 69%,#fff7fe 83%,#fbe9f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbe9f5',GradientType=0 ); /* IE6-9 */
}

.bg-gradient-style2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+51,f3fae8+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 51%, #f3fae8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 51%,#f3fae8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 51%,#f3fae8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3fae8',GradientType=0 ); /* IE6-9 */
}



.bg-gradient-style3 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+51,f1e8fb+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 51%, #f1e8fb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 51%,#f1e8fb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 51%,#f1e8fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1e8fb',GradientType=0 ); /* IE6-9 */
}

.box-gradient-purple {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bda4ff+0,a786fb+47,9b76fb+100 */
background: #bda4ff; /* Old browsers */
background: -moz-linear-gradient(top, #bda4ff 0%, #a786fb 47%, #9b76fb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bda4ff 0%,#a786fb 47%,#9b76fb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bda4ff 0%,#a786fb 47%,#9b76fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bda4ff', endColorstr='#9b76fb',GradientType=0 ); /* IE6-9 */

}


.box-font-1 h5,
.box-font-1 {
	color: rgba(156,15,109,1);
}

.box-font-2 h5,
.box-font-2 {
	color: rgba(81,159,1,1);
}

.box-font-3 h5,
.box-font-3 {
	color: rgba(127,64,205,1);
}

.table thead th {
    border-top: 0px solid #e3ebf3;
	    color: rgba(32,32,32,.6);
	}
	
.dashboard .menu-icon {
	max-width:80px;
	height:auto;
}

.news-title { 
	font-size: 1.45rem;
    font-weight: 700;
	color:rgba(109,11,186,1);
}

@media (min-width:992px) and (max-width:1440px) {
	.card.box-content .box-body span{
		font-size:1.5rem !Important;
	}
	.card.box-content .box-body h5,
	.card.box-content .box-body i {
		font-size:1.5rem !Important;
	}
	
	.card.box-content .box-body i, .card.box-content .box-body h5 {
    margin-top: 12px;	
	}
	
	.col-laptop-remove-padding  .card-body{
		padding-left:0px;
		padding-right:0px;
	}
	
	.personal-box img {
		max-width:80px;
	}

	.personal-box .border {
		
		padding:10px;
		
		margin-right:5px;
	}
}	

@media (max-width:767px) {
	.col-sm-remove-padding .card-body{
		padding-left:0px;
		padding-right:0px;
	}
	.card.box-content .box-body span{
		font-size:1.5rem !Important;
	}
	.card.box-content .box-body h5,
	.card.box-content .box-body i {
		font-size:1.5rem !Important;
	}
	
	.card.box-content .box-body i, .card.box-content .box-body h5 {
    margin-top: 12px;	
	}
	
	.card.box-content .box-body {
		    margin-top: -5px !Important;
	} 
	
	.navbar-wrapper:before {
		position:absolute;
		content: "";
		bottom:2px;
		left:0;
		width:100%;
		height:1px;
		border-bottom:1px solid rgba(210,193,193,.35);
		z-index:3;
	}
	
	.personal-box img {
		max-width:75px;
	}

	.personal-box .border {
		padding:10px;
		margin-right:5px;
	}
	
	.dashboard { margin-bottom:30px; }
	
	.profile img.rank {
		max-width: 90px;	
	}
	.profile h5 {
		font-size:.85rem;
	}

	.profile h6 {
		font-size:.75rem;
	}
}	

@media (max-width:320px ){

	.profile img {
		width:100%;
		height:auto;
	}
	.profile img.rank {
		max-width: 70px;	
	}
	.profile h5 {
		font-size:.85rem;
	}

	.profile h6 {
		font-size:.75rem;
	}

}
.text-red {
	color : rgba(248,108,111,1);
}

.text-yellow {
	color : rgba(245,189,30,1);
}


.text-light-yellow {
	color : rgba(255,237,171,1);
}

.text-blue {
	color : rgba(109,179,253,1);
}

.text-light-white {
	color : #f1f1f1;
}

.text-dark {
    color: #000!important;
}

.datepicker { 
	font-size: .95rem;
	color :#222 !Important; 
-webkit-box-shadow: 0 1px 15px 1px rgba(62,57,107,.07) !Important;
    box-shadow: 0px 1px 15px 1px rgba(62,57,107,.07) !Important;
} 

.bg-maintenance-image {
    background-image: url(../images/pages/bg-18.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}