/*!
// Contents
// ------------------------------------------------

 1. Global Styles
 2.Colors
 3.Login
 4.Navbar
 5.Tipography

/*!---------- 1. GLOBAL STYLES ----------*/
.filter-shadow-cs {
  filter: drop-shadow(2px 4px 6px black);
}
button.bg-cs1:hover {
  background-color: #733a5a;
}
button.bg-cs2:hover {
  background-color: #008fbb;
}
button.bg-cs4:hover {
  background-color: #74b34d;
}
button.bg-cs5:hover {
  background-color: #008c9d;
}
button.bg-cs7:hover {
  background-color: #ee3544;
}
.circle {
  width: 200px;
  height: 200px;
  border: 15px #3b9ec6 solid;
}
.circle-cs1 {
  width: 200px;
  height: 200px;
  border: 15px #8f3e66 solid;
}
.card-table {
  height: 25rem;
  width: 17.8rem;
}
.description-cs {
  height: 5rem;
}
.avatar-cs {
  width: 2.5rem;
  height: 2.5rem;
}
/*!---------- 2. COLORS ----------*/
.text-cs1,
.text-cs1 a {
  color: #8f3e66;
}
.text-cs1 a:hover {
  color: #733a5a;
}
.text-cs2,
.text-cs2 a {
  color: #3b9ec6;
}
.text-cs2 a:hover {
  color: #008fbb;
}
.text-cs3,
.text-cs3 a {
  color: #f9884d;
}
.text-cs3 a:hover {
  color: #f56c3b;
}
.text-cs4,
.text-cs4 a {
  color: #8ac06a;
}
.text-cs4 a:hover,
.text-cs4-dark {
  color: #74b34d;
}
.text-cs5,
.text-cs5 a {
  color: #21a498;
}
.text-cs5 a:hover {
  color: #008c9d;
}
.text-cs6,
.text-cs6 a {
  color: #dedad5;
}
.text-cs6 a:hover {
  color: #c7c6c3;
}
.text-cs7,
.text-cs7 a {
  color: #f04b59;
}
.text-cs7 a:hover {
  color: #ee3544;
}
.bg-cs1 {
  background-color: #8f3e66;
}
.bg-cs1-dark {
  background-color: #733a5a;
}
.bg-cs2 {
  background-color: #3b9ec6;
}
.bg-cs2-dark {
  background-color: #008fbb;
}
.bg-cs3 {
  background-color: #f9884d;
}
.bg-cs3-dark {
  background-color: #f56c3b;
}
.bg-cs4 {
  background-color: #8ac06a;
}
.bg-cs4-dark {
  background-color: #74b34d;
}
.bg-cs5 {
  background-color: #21a498;
}
.bg-cs5-dark {
  background-color: #008c9d;
}
.bg-cs6 {
  background-color: #dedad5;
}
.bg-cs6-dark {
  background-color: #c7c6c3;
}
.bg-cs7 {
  background-color: #f04b59;
}
.bg-cs7-dark {
  background-color: #ee3544;
}
.bg-transparent-qontrol {
  background-color: #ffffffc7;
}
/*!---------- 3. LOGIN ----------*/
.bg-login {
  background-image: url('../img/bg-login.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
/*!---------- 4. NAVBAR ----------*/
.logo-navbar {
  width: 50px;
}
.invert-cs {
  filter: invert();
}
/*!---------- 5. TIPOGRAPHY ----------*/
/*
      www.OnlineWebFonts.Com 
      You must credit the author Copy this link on your web 
      <div>Font made from <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>is licensed by CC BY 3.0</div>
      OR
      <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>
*/
@font-face {
  font-family: "Sansation";
  src: url("http://db.onlinewebfonts.com/t/7fd474bdd402506012409c78a7dc8ef4.eot");
  /* IE9*/
  src: url("http://db.onlinewebfonts.com/t/7fd474bdd402506012409c78a7dc8ef4.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("http://db.onlinewebfonts.com/t/7fd474bdd402506012409c78a7dc8ef4.woff2") format("woff2"), /* chrome firefox */ url("http://db.onlinewebfonts.com/t/7fd474bdd402506012409c78a7dc8ef4.woff") format("woff"), /* chrome firefox */ url("http://db.onlinewebfonts.com/t/7fd474bdd402506012409c78a7dc8ef4.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/ url("http://db.onlinewebfonts.com/t/7fd474bdd402506012409c78a7dc8ef4.svg#Sansation") format("svg");
  /* iOS 4.1- */
}
.title {
  font-family: "Sansation";
}
/*!---------- 5. MEDIA QUERYS ----------*/
@media only screen and (max-width: 425px) {
  .fa-9x {
    font-size: 4em;
  }
}