@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,500;1,700;1,900&display=swap');
body {font-family:"Roboto";font-size:14px;background:#f5f5f5}
.pagination {margin-top:20px;}
.pagination li>a{padding:10px 15px;border:#ddd 1px solid}
.error{color:red;font-weight:normal !important;}
.col-form-label {font-weight:normal !important;}
.form-control {border:1px solid #dddddd;border-radius: 4px !important;}
.content-wrapper {
  background: #f5f5f5;
  padding: 30px 30px !important;
}
.elevation-4 {background:#2c2c2c;box-shadow:none !important}
[class*="sidebar-light-"] .sidebar a {color:#fff}
[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link {color:#fff}
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link {color:#fff}
[class*="sidebar-light"] .user-panel {
    border-bottom: none;
}

[class*="sidebar-light"] .brand-link {
    border-bottom: 1px solid #565656;
    color: #ffffff;
}

.card-primary.card-outline {
    border-top: 3px solid #049bcc;
}

.nav-sidebar > .nav-item .nav-icon {color:#ffffff}
.nav-link > p {color:#ffffff;}
.card, .form-control, .dropdown-menu {border-radius: 0px}

.form-control{font-size:14px;}



.badge {border-radius:0px}


.flat-butt {
  display: inline-block;
  margin: 0 5px;
  border-radius: 0px;
  font-family: "Lato", sans-serif;
  font-size: 16.5px;
  padding: 9px 18px;
  border: 0;
  background: #34495E;
  color: #FFF;
  cursor: pointer;
  outline: 0;
}
.flat-butt:hover {
  background: #005580;
  color:#ffffff;
}

.flat-butt-success {
  display: inline-block;
  margin: 0 5px;
  border-radius: 0px;
  font-family: "Lato", sans-serif;
  font-size: 16.5px;
  padding: 9px 18px;
  border: 0;
  background: #049bcc;
  color: #FFF;
  cursor: pointer;
  outline: 0;
}
.flat-butt-success:hover {
  background: #0da8db;
  color:#ffffff;
}

.flat-butt-sm{padding:8px 15px; font-size:14px;}

.table td, .table th {vertical-align: middle;}
  


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: #049bcc;
  outline: 0 none;
}


.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: .45rem 1rem;
  clear: both;
  font-weight: 400;
  color: #525252;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  font-size: 14px;
  width: 200px;
}

.dropdown-item:active {
  display: block;
  width: 100%;
  padding: .45rem 1rem;
  clear: both;
  font-weight: 400;
  color: #ffffff;
  text-align: inherit;
  white-space: nowrap;
  background-color: #049bcc;
  border: 0;
  font-size: 14px;
  width: 200px;
}

a {color: #049bcc;}
a:hover {color: #13abdd;}

.borderx {border-radius:10px;}

.btn {font-size:0.9rem;border-radius:0;}
.modal-content {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.2);
}



.brand-link .brand-image {
  float: left;
  line-height: .8;
  margin-left: .8rem;
  margin-right: .5rem;
  margin-top: -3px;
  max-height: 35px;
  width: auto;
}

.btn-primary {
  color: #fff;
  background-color: #1d3355;
  border-color: #1d3355;
  box-shadow: none;
}

.btn-primary:hover {
  color: #fff;
  background-color: #2b4874;
  border-color: #2b4874;
  box-shadow: none;
}

.navbar-white {
  background-color: #ffffff;
}
.btn {border-radius:4px !important;padding: 10px 20px;}
.btn-sm {border-radius:4px !important;padding: 5px 10px;}



.card {
  box-shadow: 2px 4px 19px -15px rgba(0,0,0,0.75);
  -webkit-box-shadow: 2px 4px 19px -15px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 4px 19px -15px rgba(0,0,0,0.75);
  border-radius: 4px;
}