/* topline */

@font-face {
  font-family: 'Gotham';
  src: url('/dist/fonts/topline/Gotham-Bold.eot'); /* IE9 Compat Modes */
  src: url('/dist/fonts/topline/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('/dist/fonts/topline/Gotham-Bold.woff') format('woff'), /* Modern Browsers */
     url('/dist/fonts/topline/Gotham-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
   font-weight: 700;
   font-style: normal;
 }

@font-face {
  font-family: 'Gotham';
  src: url('/dist/fonts/topline/Gotham-Medium.eot'); /* IE9 Compat Modes */
  src: url('/dist/fonts/topline/Gotham-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('/dist/fonts/topline/Gotham-Medium.woff') format('woff'), /* Modern Browsers */
     url('/dist/fonts/topline/Gotham-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
   font-weight: 400;
   font-style: normal;
 }

@font-face {
  font-family: 'Gotham';
  src: url('/dist/fonts/topline/Gotham-Thin.eot'); /* IE9 Compat Modes */
  src: url('/dist/fonts/topline/Gotham-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('/dist/fonts/topline/Gotham-Thin.woff') format('woff'), /* Modern Browsers */
     url('/dist/fonts/topline/Gotham-Thin.ttf')  format('truetype'); /* Safari, Android, iOS */
   font-weight: 300;
   font-style: normal;
}
.topline-skin {
  font-family: 'Gotham';
  background: #294597 !important;
}

.topline-skin .navbar-static-top {
  background: linear-gradient(to right, #FAB700, #FAB700);
  color: #294597 !important;
}
.topline-skin .navbar-static-top a {
  color: #ffffff !important;
}
.topline-skin .nav-header a.dropdown-toggle .text-muted.welcome-message,
.topline-skin .navbar-static-top .text-muted.welcome-message {
  color: white;
}
.new-report.topline-report .ibox-title.map-title {
  background: #009080;
}

.topline-skin .btn-primary,
.topline-skin .label-primary,
.topline-skin .label-primary:hover {
  background: #FAB700;
  border-color: #FAB700;
  color: #ffffff;
  text-shadow: none;
}

.topline-skin .navbar-minimalize {
  background: #009080;
  border-color: #009080;
  color: #ffffff;
  text-shadow: none;
}

.topline-skin nav.navbar-default ul.nav li.menu-link {
  background-color: #294597;
  border-left: 3px solid #231F20;
  padding: 0 5px;
}
.topline-skin nav.navbar-default ul.nav .nav-header {
  background: #0000;
  border: none !important;
}
.topline-skin .profile-element {
  text-align: center;
}
.topline-skin .profile-element img.img-circle {
  width: auto;
  border-radius: 0;
}
.topline-skin .nav-header a.dropdown-toggle {
  margin-top: 10px;
}
.topline-skin nav.navbar-default ul.nav li.menu-link a {
  color: #ffffff;
  text-transform: uppercase;
}
.topline-skin nav.navbar-default ul.nav li.menu-link a:hover, .topline-skin nav.navbar-default ul.nav li.menu-link a:focus {
  background-color: #294597;
}

.topline-skin.mini-navbar nav ul.nav-second-level {
  background-color: #4F80C1;
}

.topline-skin .credits {
  display: block !important;
  position: fixed;
  bottom: 0;
  left: 1em;
  text-align: center;
}

.topline-skin .credits p, .topline-skin .credits a {
  color: #fff;
}

.topline-skin .credits p.title, .topline-skin .credits a.title {
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: 600;
}

.topline-skin .credits p.subtitle, .topline-skin .credits a.subtitle {
  font-size: 0.7em;
}

.topline-skin .nav-header a.dropdown-toggle .text-muted,
.topline-skin .navbar-static-top .text-muted {
  color: #fff;
  opacity: 0.8;
}

.topline-skin .login-box .form-container {
  background-color: #6C3888;
  padding: 1em;
}

.topline-skin .login-box {
  padding-top: 0;
  
  width: 100%;
  max-width: 400px;
}

.topline-skin .login-box .form-container a {
  color: #fff;
  text-decoration: underline;
  font-weight: 600;
}

.topline-skin .dropdown-messages.leads,
.topline-skin .navbar-static-top a#read-all,
.topline-skin .navbar-static-top a.view_lead {
  color: #676a6c !important;
}

/*********************************/
/******General circle style*******/
/*********************************/

.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}
.type3 {
    width: 200px;
    height: 200px;
    background: white;
    border: 5px solid #6C3888;
    margin-left: calc(50% - 100px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.type4 {
    width: 150px;
    height: 150px;
    background: white;
    border: 7px solid #3B4559;
    margin-left: calc(50% - 75px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.total_stats
{
    font-size: 70px;
    color: #009080;
    font-weight: bold;
}

.table thead tr th{
  background-color: #122850;
  color: #FFF;
  text-align: center;
}

@font-face {
  font-family: 'icomoon';
  src:  url('/dist/fonts/topline/icomoon.eot?qsfee0');
  src:  url('/dist/fonts/topline/icomoon.eot?qsfee0#iefix') format('embedded-opentype'),
    url('/dist/fonts/topline/icomoon.ttf?qsfee0') format('truetype'),
    url('/dist/fonts/topline/icomoon.woff?qsfee0') format('woff'),
    url('/dist/fonts/topline/icomoon.svg?qsfee0#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tp-logo:before {
  content: "\e900";
}

.ajust-style{
  width: 80%;
}