body {
  
}
.box-welcome {
	background: rgba(232, 111, 25, 0.68);
    color: #fff !important;
    margin-top: 90px !important;
    padding: 40px;
}
.col-centered{
	float: none;
	margin: 0 auto;
}
.font-roboto {
	font-family: 'Roboto', sans-serif !important;
}
.breadcrumb {
	background: none;
	margin: 0px 15px 0px 15px;
}
.breadcrumb li a {
  color: #00a65a;
}
.add_button {
  background: #00a65a;
}
@media only screen and (max-width: 600px) {
	
	.login-title{
		font-size: 30px !important;
		text-align: center !important;
	}
	
} 
@media only screen and (min-width: 768px) {
	.login-box {
		width: 500px;
	}
	.login-box-body {
		padding: 65px;
	}
	.login-title{
		font-size: 60px !important;
		text-align: center !important;
		margin-bottom: 40px
	}

	
}
 .sidebar-menu li a i {
 	color: green
 }


 /*
	FADE IN EFFECT
	
 */
 .fade-in{
  animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}


/*
	BOX SHADOW
*/
.gc-area div .box
{
  position: relative;
}
.gc-area div .box:before, .gc-area div .box:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.gc-area div .box:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}


/*
	CLONE EFFECT SHADOW BOX
*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}



/*
	LOGIN PAGE
*/
.login-box-body form .form-group {
	margin-bottom: 30px;
}
#section-to-print {    
  padding: 70px;
}
#section-to-print-double {
  padding: 70px;
}
@media print {
  @page { margin: 0; }
  body { margin: 1.6cm; padding: 0px !important;}
  body * {
    visibility: hidden;
    
  }
  #section-to-print, #section-to-print * {
    visibility: visible;
  }
  #section-to-print {
    margin-top: -140px;
    padding: 0px;
    height: 660px;
  }

  #section-to-print-double, #section-to-print-double * {
    visibility: visible;
  }
  #section-to-print-double {
    margin-top: -140px;
    padding: 0px;
    height: 1750px;
  }
}

.treeview-menu li:hover {
  white-space: normal;
  word-wrap: break-word;
}
.treeview-menu li {
  white-space: normal;
  word-wrap: break-word;
    list-style-position: inside;
    text-indent: -1.7em;
    padding-left: 2.5em;
    padding-top: 10px
}

.treeview-menu li a {
  padding: 0px !important;
}