body {
background-color: #fff;
}
* { font-size: .98rem; 
}

body .content-wrapper {
background-color: #fff;
}
h1, h2, h3, h4, h5, h6, p, label {
color: #333;
padding-top: 0.5rem;
}
p {
  margin: 0;
}
a, a:not([href]) {
color: #009FE3;
}
.table td, .table th {
  padding: 0.35rem;
}
legend {
  border-bottom: 1px solid #e5e5e5;
}
.btn-primary {
  background-color: #009FE3;
  border-color: #009FE3; 
}
button:focus, button:hover, button:active,
.btn-secondary:focus, .btn-secondary:hover, .btn-secondary:active {
color: #fff;
text-shadow: none;
background-image: none;
border-color: rgb(204, 204, 204);
}
.btn-secondary,
.btn-secondary:disabled {
  color: #333;
  border-color: rgb(204, 204, 204);
  background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
}
.btn-secondary {
  background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
}
body.skin-blue-light .main-header .logo,
body.skin-blue-light .main-header .navbar {
background-color: #009FE3;
}
body .navbar-nav > .notifications-menu > .dropdown-toggle {
font-size: 1.2em;
}
body .navbar-nav > .notifications-menu > .dropdown-toggle > .pulsate {
/* Start the shake animation and make the animation last for 5 seconds */
animation: shake 5s;
/* When the animation is finished, start again */
animation-iteration-count: infinite; 
}
@keyframes shake {
    0% { transform: translate(0px, 0px) rotate(0deg); }
    10% { transform: translate(0px, 0px) rotate(15deg); }
    20% { transform: translate(0px, 0px) rotate(-15deg); }
    30% { transform: translate(0px, 0px) rotate(15deg); }
    40% { transform: translate(0px, 0px) rotate(-15deg); }
    50% { transform: translate(0px, 0px) rotate(15deg); }
    60% { transform: translate(0px, 0px) rotate(-15deg); }
    70% { transform: translate(0px, 0px) rotate(15deg); }
    80% { transform: translate(0px, 0px) rotate(-15deg); }
    90% { transform: translate(0px, 0px) rotate(0deg); }
    100% { transform: translate(0px, 0px) rotate(0deg); }
}
body .navbar-nav > .messages-menu > .dropdown-menu,
body .navbar-nav > .notifications-menu > .dropdown-menu {
width: 340px;
}
body .navbar-nav > .notifications-menu > .dropdown-menu a {
font-size: 12px;
}
body .navbar-nav > .notifications-menu > .dropdown-menu .nav-tabs {
margin-top: 0;
}
body .navbar-nav > .notifications-menu > .dropdown-menu .nav-tabs a {
padding: 5px 8px;
color: #000 !important;
}
body .navbar-nav > .messages-menu > .dropdown-menu ul.menu,
body .navbar-nav > .notifications-menu > .dropdown-menu .tab-content ul.menu {
max-height: 400px;
}
body .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4,
body .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
margin-left: 0;
white-space: normal;
}
body .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
font-size: 14px;
padding-right: 100px;
}

@-webkit-keyframes querypulse {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes querypulse {
  0% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.brand-link {
  line-height: 2;
}
.news-list {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
  max-height: 350px;
}
.news-list a {
  color: #333;
  display: block;
  width: 330px;
  padding: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #f4f4f4;
}
.news-list-footer {
  padding: 5px 5px 0 5px;
}
.social-buttons a {
  color: #333;
}
.language-menu,
.language-menu ul {
  padding: 0 !important;
}
.faa-querypulse.animated,
.faa-querypulse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-querypulse {
    -webkit-animation: querypulse 2s linear infinite;
    animation: querypulse 2s linear infinite;
}
.faa-querypulse.animated.fa-comments {
    font-size: 20px;
    color: #d44b47;
}
.sidebar-mini .main-sidebar .sidebar {
  padding-left: 0;
  padding-right: 0;
}
.nav .nav-item .nav-treeview {
  background-color: #f4f4f5;
}
.nav-treeview .active a,
.main-sidebar .nav li a:hover,
.main-sidebar .nav li a:focus {
color: #333 !important; 
background-color: #e1e6ea !important;
}
.main-sidebar .nav > li.active > a,
.main-sidebar .nav > li.menu-open > a {
color: #fff !important;
background-color: #009FE3 !important;
}
.nav .active p,
.menu-open p {
  color: #fff !important;
}
.nav-sidebar .nav-item > .nav-link {
    margin-bottom: 0 !important;
}
.main-sidebar .nav .nav-link p {
  padding-left: 0.5rem;
}
.nav-treeview .nav-link {
  padding-left: 2.5rem !important;
}
.brand-link,
.brand-link:hover {
  color: #333 !important;
  padding: 1rem 0.5rem !important;
}
.list-group-item {
  padding: 0.5rem 1rem;
}
.list-group-item.active {
  color: #004085;
  background-color: #cce5ff;
  border: 1px solid rgba(0,0,0,.125);
}
.nav-tabs {
margin-top: 20px;
}
.form-group {
margin-bottom:0.5rem
}
.form-horizontal .control-label {
text-align: left;
}
input[type=file] {
padding: 0 12px 0 0;
}
i.fa-question-circle-o {
cursor: pointer;
}
i.fa-question-circle-o:hover {
color: #009FE3;
}
input:focus, input:active,
select:focus, select:active,
textarea:focus, textarea:active,
.form-control:focus, .form-control:active {
color: #009FE3;
border-color: #009FE3;
}
.fixed-table-toolbar .keep-open .dropdown-menu li label {
white-space: nowrap;
}
.bootstrap-table .JColResizer td/*,
.bootstrap-table .JColResizer th*/ {
padding-left: 8px !important;
padding-right: 8px !important;
}
.fixed-table-pagination {
padding-left: 8px;
padding-right: 8px;
}
iframe {
width: 100%;
border: none;
}
.tag-list {
  padding: 5px 10px; 
  font-size: .9em; 
  color: gray; 
  max-height: 350px; 
  width: 100%; 
}
.user{
  pointer-events: none;
}
.circle-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
}
.circle-wrapper i {
  font-size: 14px;
  color: #333;
}