@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

body{
	font-family: 'Source Sans Pro';
    font-weight: 300;
    font-size: 20px;
}

/* LOGIN PAGE */
	div.login-wrap{
		background-color: white;
	}

	div.login-image{
		background-image: url('../img/bg.png'); 
		background-size: cover; 
		background-position: 
		top center; 
		min-height: 700px; 
		height: 100vh;
	}

	div.section-signup{
		padding-left: 32px;
		padding-right: 32px;
	}

	a.forgot-password{
		z-index: 99999999;
		position: absolute;
		right: 45px;
	}

/* DASHBOARD */
	 
	.main-menu .fa-2x {
	font-size: 2em;
	}
	.main-menu .fa {
	position: relative;
	display: table-cell;
	width: 60px;
	height: 36px;
	text-align: center;
	vertical-align: middle;
	font-size:20px;
	}

	.main-menu:hover,nav.main-menu.expanded {
	width:250px;
	overflow:visible;
	}

	.main-menu {
	background:#505050;
	border-right:1px solid #e5e5e5;
	position:absolute;
	top:0;
	bottom:0;
	height:100%;
	left:0;
	width:60px;
	overflow:hidden;
	-webkit-transition:width .05s linear;
	transition:width .05s linear;
	-webkit-transform:translateZ(0) scale(1,1);
	z-index:1000;
	}

	.main-menu>ul {
	margin:7px 0;
	}

	.main-menu li {
	position:relative;
	display:block;
	width:250px;
	}

	.main-menu li>a {
	position:relative;
	display:table;
	border-collapse:collapse;
	border-spacing:0;
	color:white !important;
	 font-family: arial;
	font-size: 14px;
	text-decoration:none;
	-webkit-transform:translateZ(0) scale(1,1);
	-webkit-transition:all .1s linear;
	transition:all .1s linear;
	  
	}

	.main-menu .nav-icon {
	position:relative;
	display:table-cell;
	width:60px;
	height:36px;
	text-align:center;
	vertical-align:middle;
	font-size:18px;
	}

	.main-menu .nav-text {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	width:190px;
	color: white;
	}

	.main-menu>ul.logout {
	position:absolute;
	left:0;
	bottom:0;
	}

	.no-touch .scrollable.hover {
	overflow-y:hidden;
	}

	.no-touch .scrollable.hover:hover {
	overflow-y:auto;
	overflow:visible;
	}

	a:hover,a:focus {
	text-decoration:none;
	}

	nav, .main-menu {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
	}

	nav ul,nav li {
	outline:0;
	margin:0;
	padding:0;
	}
	.main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
	color:#fff;
	/*background-color:#5fa2db;*/
	}
 
	 

	.main-menu ul.collapse.in {
        width:290px;
	    margin: 10px -41px;
	    background-color: #2d2d2d !important;
	} 

	.main-menu ul.collapse li {
      /*background-color: #232323 !important;*/
	} 

	.main-menu li:hover > a > span{
      color: rgba(251, 177, 0) !important;
      cursor: pointer;
	} 

	.main-menu li:hover > a > i{
      background-color: rgba(251, 177, 0, 0.2) !important;
      cursor: pointer;
	} 




	.main-menu li.active a > i
	{
		background-color: #fbb100 !important;
		font-style: normal;
	}
 
	.no-italics {
	    font-style: normal;   
	}
 

	.main-menu b.caret{
	    position: absolute;
	    right: 0;
	    top: 15px;
	}

	.modal-backdrop.in {
	    opacity: 0.9 !important;
	}


 
 /* Loading */
.loader {
    border: 5px solid transparent;
    border-radius: 50%;
    border-top: 5px solid #ffffff;
    width: 44px;
    height: 44px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin: 241px auto;
}
.loader.ajax{
	border-top: 10px solid #2b2b2b !important;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

 .loading-sk{
 	position: absolute;
    z-index: 999999;
    text-align: center;
    background-color: #00000070;
    width: 100%;
    height: 100vh;
    display: none;
    top:0px;
    bottom: 0px;
 }
 .sk-fading-circle {
     margin: 100px auto;
    width: 128px;
    height: 128px;
    position: relative;
    color: white;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}


/* MAINTENANCE */

	header.tab-header{
        width: 220px;
        position: sticky !important;
        margin: -37px auto -66px !important;

    }

    header.tab-header.sales{
        width: 430px !important; 

    }

 
        
 	 label.module-header{
	 	font-size: 22px;
	    font-weight: bold;
	    margin: 9px 35px;
 	 }


 	 label.module-header .fa{
 	 	color: #FEB100;
 	 }

 	 div#content .container-fluid{
	    padding-left: 42px !important;
    	padding-right: 42px !important;
 	 }
	 div.header-wrap{
	 	padding-top: 15px;
	    background-color: #eeeeee;
	    border-bottom: 1px solid #dedede;
	 }
	 div.header-wrap ol{
	    background-color: #eeeeee;
	    text-transform: uppercase;
	    font-size: 12px;
	 }

	 div.header-wrap .action-wrap{
	 	/*float: right;*/
	 	/*display: inline-flex;*/
	 }

	 .action-wrap .form-group{
	 	margin:0px !important;
	 }
	 .action-wrap .form-control{
	 	background-image: none !important;
	 }

	 div.header-wrap .form-group{
	 	padding-right: 20px;
	 	width: 100%;
    	/*position: absolute;*/
	 }
	 div.header-wrap .form-control{
 	    margin-top: 10px;
	    /*width: 250px;*/
	    border: 1px solid #ccc;
	    border-radius: 13px;
	    padding-left: 10px;
	    padding-right: 10px;
	    background-image: none;
	 }

	 div.header-wrap .action-wrap button{
	    padding: 9px 52px;
	    border-radius: 51px;
	    position: absolute;
    	right: 0px;
    	width:100%;
	 }

	  div.header-wrap .sales button{
	    padding: 9px 52px;
	    border-radius: 51px;
	 }

	 .form-content .footer  button.btn{
 	    background: #658BD5;
	    padding: 10px 52px;
	    border-radius: 51px;
	 }

	 .action-wrap button.btn-default,
	 .header-wrap .sales button.btn-default,
	 .data-wrap button.btn-default,
	 .form-content .footer button.btn-default{
	 	background: #F7F7F7;
	 	color: 	#969696;
	 }

	 .data-wrap button.btn.btn-default{
	 	padding: 3px 22px;
	    border-radius: 51px;
	    margin: 0px;
	    background: #F7F7F7;
	    color: #969696;
	 }

	 a.date-navi{
	 	font-size: 12px !important;
	 	color: #393939 !important;
	 	cursor: pointer;
	 }

	 currentdate{
 	    vertical-align: top;
	    position: relative;
	    top: 2px;
	    font-size: 17px;
	    padding: 12px;
	 }

	 .action-wrap button.btn-primary,
	 .header-wrap .sales button.btn-primary,
	 .form-content .footer button.btn-primary{
 	    background: #658BD5; 
	 }

	 div.header-wrap button:hover,
	 div.footer button:hover{
 	    background: #658BD5;
	    box-shadow: 0px;
	 }

	 .data-wrap{
	 	/*height: 690px*/
	 }



	 div.data-content .row {
	    padding-top: 30px;
	}
	div.data-content .page-item.active a{
		font-size: 	14px;
		font-weight: bold;
	} 

	div.data-content .page-link,
	div.data-content .page-link:hover,
	div.data-content .page-link:focus {
	    border: 0px;
	    background: transparent !important;
	    box-shadow:	none;	
	    color: 	#393939;
	    cursor: pointer;
	}

	 div.data-content .card-block{
 	    padding: 20px;
    	text-align: center;
	 }

	 div.data-content a.delete{
	 	position: absolute;
	    right: 8px;
	    color: #969696;
	    font-weight: bold;
	    cursor: pointer;
	 }

	 div.data-content .img-wrap{
	 	margin-top: 30px;
	 }

	 div.data-content img.img-circle{
	 	width:	80px !important;
	 	height: 80px !important;
	 }

	 div.data-content .card-title{
	 	font-size: 14px;
 	    font-weight: bold;
	    margin-bottom: -5px;
	 }



	 div.data-content .role,
	 div.data-content .contact{
	 	font-size: 12px !important;
	 	margin: 0px !important;
	 }

	 div.data-content .role{
	 	color: #658BD5;
	 	margin-bottom: -10px !important;
	 }

	 .data-content span.status{
	 	padding: 4px 20px;
	    border-radius: 50px;
	    font-size: 10px;
	 }

	 div.data-content .card-footer{
	 	font-size: 12px;
	 	color:#969696;
	 }

	 div.data-content .card-footer a{
	 	color:#969696 !important;
	 }

	 div.view-content, div.form-content{
	 	display: none;
	 }

 	.action-wrap button:not([data-mode=view]){
 		display: none;
 	}

 	.view-content p.info-value{
 		font-size: 16px;
 		margin-top: -10px;
 	}

 	.view-content.userinfo > div > div {
	    height: 548px;
        /*padding: 40px;*/
	}

	.view-content span.status{
	 	padding: 4px 20px;
	    border-radius: 50px;
	 }

	.container-fluid.view-content {
	    margin-top: 50px;
	}

	.view-content p.role{
		font-size: 16px;
		color: #658BD5;
	}

	p.name-wrap{
		font-size: 22px;
	}

	div.highlight-header-red{
		color:#F75757 !important;
	}

	div.highlight-header{
		color:#658BD5 !important;
	}


	/* MODAL CUSTOMIZED */
	.modal{
		z-index: 999999 !important;
	}

	.modal-dialog{
		margin-top: 0px !important;
	}

	h6.modal-header{ 
	    color: #658BD5;
	    font-weight: bold; 
	}

	#addmodal .card,
	.view-content .card,
	.form-content .card {
	    border: 0px;
	    padding: 0px 2px !important;
	}

	#addmodal h6.modal-header,
	.form-content h6.modal-header,
	.view-content h6.modal-header {
	    padding: 0px 0px !important;
	}

	.modal-content .modal-footer{
		padding: 0px !important;
	}
	.modal-content .modal-footer .btn{
		width: 50%;
		margin:0 !important;
		padding: 18px !important;

	}

	p.modal-confirm{
		text-transform: uppercase;
	}

	.modal-content .modal-footer .btn-primary,
	.modal-content .modal-footer .btn-primary:hover,
	.modal-content .modal-footer .btn-primary:focus{
		background-color: #658BD5 !important;
		color: white !important;
	}

	.modal-content .modal-footer .btn-primary.btn-delete,
	.modal-content .modal-footer .btn-primary.btn-delete:hover,
	.modal-content .modal-footer .btn-primary.btn-delete:focus{
		background-color: #F75757 !important;
	}


	.modal-content .modal-footer .btn-default{
		float:left;
	    border-radius: 0px 0 0 5px;
	}

	.modal-content .modal-footer .btn-primary{
		float:left;
	    border-radius: 0px 0 5px 0px;
	}



	.modal-content .modal-footer .btn-default,
	.modal-content .modal-footer .btn-default:hover,
	.modal-content .modal-footer .btn-default:focus{
		background-color: #F7F7F7 !important;
		color: #969696 !important;
	}

	.price-content > .card {
	    margin-left: 15px;
	    margin-right: 15px;
	}

	.price-content .fa
	{
	    padding: 21px 14px;
	}

	.cost-content .col-md-10 {
   		 padding: 10px 24px;
	}



	.cost-content .fa
	{
	    padding: 32px 25px;
	}

	.view-content.prodinfo > div > div {
	    height: 374px;
	    padding: 7px 25px !important;
	}

	.length-content > div {
	    margin-top: 5px !important;
	}

	


	/* ALERT INFO ON BOTTOM */

	.alert{
		display: none;	
	}
	
	.alert-bottom{
	   	position: sticky;
	    bottom: 45px;
	    left: 2%;
	    width: 500px;
	    margin: 10px auto;
	    text-align: center;
	    font-size: 14px;
	    border-radius: 50px !important;
	    padding: 12px;
	}

	alert-bottom.alert-success{
	    background-color: #28CEBD !important; 
	}

	 


		

	 @media (min-width: 992px) {

		div.data-content .col-md-offset-1 {
		    margin-left: 2.7% !important;
		}
	 }



/* SALES */
	
	.pagination button {
	    background: transparent;
	    border: 0px;
	    font-size: 14px;
	}
	div.summary-sales{
	  padding-top:0px !important;  
	} 
	div.summary-sales div.card div.row.container-fluid {
	    padding:10px 2px !important; 
	} 
	div.summary-sales div.card div.row.container-fluid label{
	    font-size:12px;   
	} 
	div.summary-sales div.card div.row.container-fluid .fa{
	    margin-top:13px
	} 
	div.dataTables_info{
		font-size: 12px !important;
	}
 
	div.upload-content{
	    margin-top: 30vh;
		text-align: center;
		cursor: pointer;
	}

	div.upload-content .fa{
	    font-size: 	32px;
	}

	div.upload-content h4{
	    font-size: 	22px;
	    margin-bottom: 	-10px;
	};

	div.upload-content label{
	    font-size: 	16px;
	}

	div.summary-sales div.card{
		height: 88px;
	}


	div.card.void-receipt{
		border-left: 2px solid #658BD5;
	}

	div.card.void-receipt .fa{
		color: #658BD5;
		font-size:32px;
	}

	div.card.void-item{
		border-left: 2px solid #F59442;
	}

	div.card.void-item .fa{
		color: #F59442;
		font-size:32px;
	}

	div.card.discounts{
		border-left: 2px solid #F75757;
	}

	div.card.discounts .fa{
		color: #F75757;
		font-size:32px;
	}

	div.card.sales{
		border-left: 2px solid #FEB100;
	}

	div.card.sales .fa{
		color: #FEB100;
		font-size:32px;
	}

/* BOOTSTRAP CARD v4*/
	.card {
	  position: relative;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  min-width: 0;
	  word-wrap: break-word;
	  background-color: #fff;
	  background-clip: border-box;
	  border: 1px solid rgba(0, 0, 0, 0.125);
	  border-radius: 0.25rem;
	}

	.card > hr {
	  margin-right: 0;
	  margin-left: 0;
	}

	.card > .list-group:first-child .list-group-item:first-child {
	  border-top-left-radius: 0.25rem;
	  border-top-right-radius: 0.25rem;
	}

	.card > .list-group:last-child .list-group-item:last-child {
	  border-bottom-right-radius: 0.25rem;
	  border-bottom-left-radius: 0.25rem;
	}

	.card-body {
	  -webkit-box-flex: 1;
	  -ms-flex: 1 1 auto;
	  flex: 1 1 auto;
	  padding: 1.25rem;
	}

	.card-title {
	  margin-bottom: 0.75rem;
	}

	.card-subtitle {
	  margin-top: -0.375rem;
	  margin-bottom: 0;
	}

	.card-text:last-child {
	  margin-bottom: 0;
	}

	.card-link:hover {
	  text-decoration: none;
	}

	.card-link + .card-link {
	  margin-left: 1.25rem;
	}

	.card-header {
	  padding: 0.75rem 1.25rem;
	  margin-bottom: 0;
	  background-color: rgba(0, 0, 0, 0.03);
	  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	}

	.card-header:first-child {
	  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
	}

	.card-header + .list-group .list-group-item:first-child {
	  border-top: 0;
	}

	.card-footer {
	  padding: 0.75rem 1.25rem;
	  background-color: rgba(0, 0, 0, 0.03);
	  border-top: 1px solid rgba(0, 0, 0, 0.125);
	}

	.card-footer:last-child {
	  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
	}

	.card-header-tabs {
	  margin-right: -0.625rem;
	  margin-bottom: -0.75rem;
	  margin-left: -0.625rem;
	  border-bottom: 0;
	}

	.card-header-pills {
	  margin-right: -0.625rem;
	  margin-left: -0.625rem;
	}

	.card-img-overlay {
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  padding: 1.25rem;
	}

	.card-img {
	  width: 100%;
	  border-radius: calc(0.25rem - 1px);
	}

	.card-img-top {
	  width: 100%;
	  border-top-left-radius: calc(0.25rem - 1px);
	  border-top-right-radius: calc(0.25rem - 1px);
	}

	.card-img-bottom {
	  width: 100%;
	  border-bottom-right-radius: calc(0.25rem - 1px);
	  border-bottom-left-radius: calc(0.25rem - 1px);
	}

	.card-deck {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	}

	.card-deck .card {
	  margin-bottom: 15px;
	}

	@media (min-width: 576px) {
	  .card-deck {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	    margin-right: -15px;
	    margin-left: -15px;
	  }
	  .card-deck .card {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-flex: 1;
	    -ms-flex: 1 0 0%;
	    flex: 1 0 0%;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    margin-right: 15px;
	    margin-bottom: 0;
	    margin-left: 15px;
	  }
	}

	.card-group {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	}

	.card-group > .card {
	  margin-bottom: 15px;
	}

	@media (min-width: 576px) {
	  .card-group {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	  }
	  .card-group > .card {
	    -webkit-box-flex: 1;
	    -ms-flex: 1 0 0%;
	    flex: 1 0 0%;
	    margin-bottom: 0;
	  }
	  .card-group > .card + .card {
	    margin-left: 0;
	    border-left: 0;
	  }
	  .card-group > .card:first-child {
	    border-top-right-radius: 0;
	    border-bottom-right-radius: 0;
	  }
	  .card-group > .card:first-child .card-img-top,
	  .card-group > .card:first-child .card-header {
	    border-top-right-radius: 0;
	  }
	  .card-group > .card:first-child .card-img-bottom,
	  .card-group > .card:first-child .card-footer {
	    border-bottom-right-radius: 0;
	  }
	  .card-group > .card:last-child {
	    border-top-left-radius: 0;
	    border-bottom-left-radius: 0;
	  }
	  .card-group > .card:last-child .card-img-top,
	  .card-group > .card:last-child .card-header {
	    border-top-left-radius: 0;
	  }
	  .card-group > .card:last-child .card-img-bottom,
	  .card-group > .card:last-child .card-footer {
	    border-bottom-left-radius: 0;
	  }
	  .card-group > .card:only-child {
	    border-radius: 0.25rem;
	  }
	  .card-group > .card:only-child .card-img-top,
	  .card-group > .card:only-child .card-header {
	    border-top-left-radius: 0.25rem;
	    border-top-right-radius: 0.25rem;
	  }
	  .card-group > .card:only-child .card-img-bottom,
	  .card-group > .card:only-child .card-footer {
	    border-bottom-right-radius: 0.25rem;
	    border-bottom-left-radius: 0.25rem;
	  }
	  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
	    border-radius: 0;
	  }
	  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
	  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
	  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
	  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
	    border-radius: 0;
	  }
	}

	.card-columns .card {
	  margin-bottom: 0.75rem;
	}

	@media (min-width: 576px) {
	  .card-columns {
	    -webkit-column-count: 3;
	    -moz-column-count: 3;
	    column-count: 3;
	    -webkit-column-gap: 1.25rem;
	    -moz-column-gap: 1.25rem;
	    column-gap: 1.25rem;
	  }
	  .card-columns .card {
	    display: inline-block;
	    width: 100%;
	  }
	}
/* DATEPICKER */

.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td {
  text-align: center;
}
.datepicker td p {
  font-size: 1em;
  font-weight: 400;
  border-radius: 50%;
  height: 29px;
  line-height: 29px;
  margin: 3px 0 8px;
  width: 29px;
}
.datepicker td :hover {
  cursor: pointer;
}
.datepicker th {
  font-weight: 500;
}
.datepicker th.switch-datepicker {
  font-size: 1em;
}
.datepicker .prev p,
.datepicker .next p {
  font-size: 1.825em;
}
.datepicker p:hover {
  background: #eeeeee;
}
.datepicker .day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
  border-top: 0;
}
.datepicker td.active p,
.datepicker td.active:hover p {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  color: #ffffff;
  background-color: #9c27b0;
}
.datepicker td.primary p,
.datepicker td.primary:hover p {
  background-color: #9c27b0;
}
.datepicker td.info p,
.datepicker td.info:hover p {
  background-color: #03a9f4;
}
.datepicker td.success p,
.datepicker td.success:hover p {
  background-color: #4caf50;
}
.datepicker td.warning p,
.datepicker td.warning:hover p {
  background-color: #fbc02d;
}
.datepicker td.danger p,
.datepicker td.danger:hover p {
  background-color: #f44336;
}
.datepicker span {
  display: block;
  width: 55px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker span.old {
  color: #999999;
}
.datepicker span.active, .datepicker span.active:focus, .datepicker span.active:hover, .datepicker span.active:active {
  background-color: #9c27b0;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.datepicker span.active {
  color: #FFFFFF;
}
.datepicker span:hover {
  background-color: #EEEEEE;
}
.datepicker span.primary,
.datepicker span.primary:hover {
  background-color: #9c27b0;
}
.datepicker span.info,
.datepicker span.info:hover {
  background-color: #03a9f4;
}
.datepicker span.success,
.datepicker span.success:hover {
  background-color: #4caf50;
}
.datepicker span.warning,
.datepicker span.warning:hover {
  background-color: #fbc02d;
}
.datepicker span.danger,
.datepicker span.danger:hover {
  background-color: #f44336;
}
.datepicker th.switch-datepicker {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.datepicker.dropdown-menu {
  border-radius: 3px;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  transition: all 150ms linear;
  margin-top: -20px;
  opacity: 0;
  visibility: hidden;
}
.datepicker.dropdown-menu.open {
  opacity: 1;
  visibility: visible;
  margin-top: 1px;
}
.datepicker .table-condensed > tbody > tr > td {
  padding: 2px;
}
.datepicker .table-condensed > thead > tr > th {
  padding: 0;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.datepicker-months thead {
  padding: 0 0 3px;
  display: block;
}

/* CUSTOMIZED DATA TABLE*/

.table > thead:first-child > tr:first-child > th {
    font-size: 12px;
    font-weight: bold;
}
.table > tbody > tr > td{
    font-size:14px;
    font-weight:100;
}



h5.info-value {
    font-size: 22px;
}