*{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
body{height:100%}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Verdana, Geneva, sans-serif;font-size: 12px;font-weight:400;overflow-x:hidden;overflow-y:auto}

/* ---------------- Text Coloring ---------------- */ 
.text-black{color: #333;}
.text-orange{color:#f25c27;}
.text-yellow{color:#FDB45C;}
.text-red{color:#F7464A;}

.bgOrange{background-color:#f25c27;}
.bgGrey{background-color:#f9f9f9; color:#000;}
.bgBlue{background-color:#5bc0de; color: #fff;}
.bgGreen{background-color:#46BFBD; color: #fff;}
.bgYellow{background-color:#fcf8e3;}
.bgRed{background-color:#ebccd1;}
.bgWhite{background-color:#fff;}
.bgLightYellow{background-color:#ffe663;}

.text-status{font-size:14px;}
      
/* ---------------- Scroll Up Button ---------------- */
.scroll-up-button {
   display: inline-block;
   background-color: #FF9800;
   width: 36px;
   height: 33px;
   text-align: center;
   border-radius: 4px;
   position: fixed;
   bottom: 1.5rem;
   right: 8px;
   transition: background-color .3s, 
   opacity .5s, visibility .5s;
   opacity: 0;
   visibility: hidden;
   z-index: 1000;
   text-decoration: none;
}
.scroll-up-button::after {
   content: "\f077";
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   font-size: 2em;
   line-height: 30px;
   color: #fff;
}
.scroll-up-button:hover {
   cursor: pointer;
   background-color: #333;
}
.scroll-up-button:active {
   background-color: #555;
}
.scroll-up-button.show {
   opacity: 1;
   visibility: visible;
}

/* ---------------- Scrollbar ---------------- */
::-webkit-scrollbar {
   width: 5px;
   height: 5px;
}

::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px;
   border-radius: 10px;
   background: rgba(255, 255, 255, 0.3);
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
   background: rgba(255, 255, 255, 0.3);
}

.border-project-list{
   border-bottom: 1px solid #ddd;
   border-top: none;
   border-left: none;
   border-right: none;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
   background-color: transparent;
}

.loading {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('./ajax-loader.gif') 50% 50% no-repeat rgb(249, 249, 249);
	opacity: .8;
}