body {
  padding: 0;
  margin: 0;
  background: #f1f1f1;

}
input[type='checkbox'] { 
  
cursor: pointer;
 }
 
.bg-light{
  background-color: #fff!important;
}
.content-x {
    z-index:0;
}
.dropdown-item {
  font-size: 14px;
}
.navbar {
  z-index: 1;
}
.loader-cal {

  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  text-align: center;
  left: 0%;
  margin-left: 0;
  margin-top: 0;
  z-index: 200;
  overflow: inherit;
  background-color: rgb(255, 255, 255,  1.0);
  border-radius: 1%;
   display: none; 
  padding-top: 7%;
}
.loader-cal2 {

  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  text-align: center;
  left: 0%;
  margin-left: 0;
  margin-top: 0;
  z-index: 200;
  overflow: inherit;
  background-color: rgb(255, 255, 255, 1.0);
  border-radius: 1%;
 
  padding-top: 20px;
}


.loader-success {

  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  text-align: center;
  left: 0%;
  margin-left: 0;
  margin-top: 0;
  z-index: 200;
  overflow: inherit;
  background-color: rgb(255, 255, 255, 1.0);
  border-radius: 1%;
  display: none; 
  padding-top: 20px;
}


.mw-20 {
  min-width: 20px;
}
.f-20{
  font-size:20px;
}
input,
select,
textarea {
  font-size: 12px;
}

a:hover {
  text-decoration: none;
}

/*--- navigation bar ---*/
.ui-dialog-titlebar-close {
  visibility: hidden;
}

label {
  margin: 0;
  padding: 0;
  font-size: 12px;
}

a {
  color: #66615b;
}

.input-sm {
text-align: right;
height: calc(1em + .75rem + 2px);
}

.input-sm-perc {
text-align: right;
width:70px;
height: calc(1em + .75rem + 2px);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.navbar {
  background: #fff;
  width: 100%;
  position: absolute;
  padding: 0px 10% 0px 19%;
}

.nav-link,
.navbar-brand {
  color: #fff;
  cursor: pointer;
}
#sidebar-container .list-group a {

  font-size: 12px;
}

.nav-link {
  margin-right: 1em !important;
}
#sidebar-container .list-group .sidebar-submenu a {
cursor: pointer;
}
#sidebar-container .list-group a {
  cursor: pointer;
}
.nav-link:hover {
  color: #000;
}

.navbar-collapse {
  justify-content: flex-end;
}

.description {
  left: 50%;
  position: absolute;
  top: 45%;
  transform: translate(-50%, -55%);
  text-align: center;
}

.description h1 {
  color: #00aeef;
}

.description p {
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.5;
}

.dragWindow {

  border-radius: 10px;
  box-shadow: 2px 2px 2px 1px grey;
}

.dragWindow iframe {
  max-width: 100%;
  max-height: 100%;
  border-top: 1px solid black;
  border-radius: 0 0 10px 10px;
}

.dragWindow_title {
  background-color: white;
  border-radius: 10px 10px 0px 0px;
}

button:focus {
  outline: none;

}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.body_padding {
  padding: 16px;
}

.framewrap {
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 28px;
  background-color: #00aeef;
  width: 512px;
  height: 90px;
  -webkit-box-shadow: 2px 2px 16px -2px;
  box-shadow: 2px 2px 16px -2px;
  border-radius: 12px;
  position: absolute;
}

.framewrap span {
  color: #FFFFFF;
  font-size: small;
  font-style: normal;
  font-weight: 100;
}

.framewrap .actionIcon {
  display: inline-block;
  float: right;
  height: 18px;
  width: 18px;

  background-size: cover;
  background-position: center center;
}

.framewrap.min {
  height: 90px !important;
  width: 256px !important;
}

.framewrap.min .actionIcon {

}

.frame {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.sidebar[data-active-color="danger"] .nav li.active>a,
.sidebar[data-active-color="danger"] .nav li.active>a i,
.sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"],
.sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"] i,
.sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active .sidebar-mini-icon,
.sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active>a,
.off-canvas-sidebar[data-active-color="danger"] .nav li.active>a,
.off-canvas-sidebar[data-active-color="danger"] .nav li.active>a i,
.off-canvas-sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"],
.off-canvas-sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"] i,
.off-canvas-sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active .sidebar-mini-icon,
.off-canvas-sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active>a {
  color: #00aeef;
  opacity: 1;
}

.tim-row {
  margin-bottom: 20px;
}

.tim-white-buttons {
  background-color: #777777;
}

.typography-line {
  padding-left: 25%;
  margin-bottom: 35px;
  position: relative;
  display: block;
  width: 100%;
}

.typography-line span {
  bottom: 10px;
  color: #c0c1c2;
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  left: 0;
  position: absolute;
  width: 260px;
  text-transform: none;
}

.tim-row {
  padding-top: 60px;
}

.tim-row h3 {
  margin-top: 0;
}

.offline-doc .page-header {
  display: flex;
  align-items: center;
}

.offline-doc .footer {
  position: absolute;
  width: 100%;
  background: transparent;
  bottom: 0;
  color: #fff;
  z-index: 1;
}

@media all and (min-width: 992px) {
  .sidebar .nav>li.active-pro {
    position: absolute;
    width: 100%;
    bottom: 10px;
  }
}


@media all and (max-width: 1500px) {
  .card-stats .card-body .numbers .card-category  {
   font-size:11px;
  }
  .numbers .card-title  {
    font-size:15px;
   }

}

.card.card-upgrade .card-category {
  max-width: 530px;
  margin: 0 auto;
}

/* Nucleo Style */

.demo-iconshtml {
  font-size: 62.5%;
}

.demo-icons body {
  font-size: 1.6rem;
  font-family: sans-serif;
  color: #333333;
  background: white;
}

.demo-icons a {
  color: #608CEE;
  text-decoration: none;
}

.demo-icons header {
  text-align: center;
  padding: 100px 0 0;
}

.demo-icons header h1 {
  font-size: 2.8rem;
}

.demo-icons header p {
  font-size: 1.4rem;
  margin-top: 1em;
}

.demo-icons header a:hover {
  text-decoration: underline;
}

.demo-icons .nc-icon {
  font-size: 34px;
}

.demo-icons section h2 {
  border-bottom: 1px solid #e2e2e2;
  padding: 0 0 1em .2em;
  margin-bottom: 1em;
}

.demo-icons ul {
  padding-left: 0;
}

.demo-icons ul::after {
  clear: both;
  content: "";
  display: table;
}

.demo-icons ul li {
  width: 20%;
  float: left;
  padding: 16px 0;
  text-align: center;
  border-radius: .25em;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}

.demo-icons ul li:hover {
  background: #f4f4f4;
}

.demo-icons ul p,
.demo-icons ul em,
.demo-icons ul input {
  display: inline-block;
  font-size: 1rem;
  color: #999999;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.demo-icons ul p {
  padding: 20px 0 0;
  font-size: 12px;
  margin: 0;
}

.demo-icons ul p::selection,
.demo-icons ul em::selection {
  background: #00aeef;
  color: #efefef;
}

.demo-icons ul em {
  font-size: 12px;
}

.demo-icons ul em::before {
  content: '[';
}

.demo-icons ul em::after {
  content: ']';
}

.demo-icons ul input {
  text-align: center;
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  display: none;
}

.navbar .form-group.no-border .form-control,
.navbar .input-group.no-border .form-control {
  color: #ccc;
}
.navbar a:not(.btn):not(.dropdown-item) {
  color: #546e7a;
}


.navbar .input-group .input-group-append .input-group-text {
  color: #888;
}

.navbar .input-group input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(77, 77, 77) !important;
  opacity: 1;
  /* Firefox */
}

.navbar .input-group input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff !important;

}

.navbar .input-group input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff !important;
}



.navbar .navbar-nav .nav-item.active .nav-link:not(.btn),
.navbar .navbar-nav .nav-item .nav-link:not(.btn):focus,
.navbar .navbar-nav .nav-item .nav-link:not(.btn):hover,
.navbar .navbar-nav .nav-item .nav-link:not(.btn):active {
  border-radius: 3px;
  color: #0958a3;
}

.sidebar .nav li>a,
.off-canvas-sidebar .nav li>a {
  margin: 10px 5px 0;

  padding: 10px 0px;

  min-width: 225px;
}

.mCSB_outside+.mCSB_scrollTools {
  right: -35px;
}


.nav-link:focus,
.nav-link:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f5f5f5;
}

.nav-link {
  padding: 6px 20px;
  border-bottom: 1px solid #e5e5e5;
}


.sidebar .sidebar-wrapper,
.off-canvas-sidebar .sidebar-wrapper {

  padding-bottom: 0px;
}

.group-dashboard-items {
  border: 5px dashed #e0e0e0;
  padding: 16px 0px 2px 0px;
  margin-bottom: 20px;
}

.popout-button {
  transition: background 0.8s ease;
  padding: 2px 12px 9px;
  text-align: center;
  border: 0px solid rgb(229 229 229);
  border-radius: 8px;
}
.numbers{
  display: flex;
  align-items: center!important;
  min-height: 60px;

}
#myUL .card{
  margin:10px 0px;
}
.popout-button:hover {
  background-color: #00aeef;
  border: 1px solid #00aeef;
  color: #fff !important;
  cursor: pointer;
}

.popout-button:hover .mdi {

  color: #fff !important;
}
.input-group-text {
  padding: 5px 10px;
  font-size: 13px;

}

.card-title {
  font-size: 20px;
  font-weight: 400;
}


.mdi::before {
  font-size: 24px;
  line-height: 14px;
}

.btn .mdi::before {
  position: relative;
  top: 4px;
}

.btn-xs .mdi::before {
  font-size: 18px;
  top: 3px;
}

.btn-sm .mdi::before {
  font-size: 18px;
  top: 3px;
}

.dropdown-menu .mdi {
  width: 18px;
}

.dropdown-menu .mdi::before {
  position: relative;
  top: 4px;
  left: -8px;
}

.nav .mdi::before {
  position: relative;
  top: 4px;
}

.navbar .navbar-toggle .mdi::before {
  position: relative;
  top: 4px;
  color: #FFF;
}

.breadcrumb .mdi::before {
  position: relative;
  top: 4px;
}

.breadcrumb a:hover {
  text-decoration: none;
}

.breadcrumb a:hover span {
  text-decoration: underline;
}

.alert .mdi::before {
  position: relative;
  top: 4px;
  margin-right: 2px;
}

.input-group-addon .mdi::before {
  position: relative;
  top: 3px;
}

.navbar-brand .mdi::before {
  position: relative;
  top: 2px;
  margin-right: 2px;
}

.list-group-item .mdi::before {
  position: relative;
  top: 3px;
  left: -3px
}


.card-stats .icon-big {
  font-size: 4em;
  min-height: 30px;
  padding: 0px;
}


.main .dropdown-toggle::after {
  display: none;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.sidebar-wrapper .nav-link {
  padding: 6px 0px 6px 20px;
  border-bottom: 1px solid #e5e5e5;
  margin: 0px !important;
}

.navbar-nav .nav-link {

  border-bottom: 0px solid #e5e5e5;
 
}

.mCSB_inside>.mCSB_container {
  margin-right: 20px;
}

.sidebar[data-color="white"] .logo:after,
.off-canvas-sidebar[data-color="white"] .logo:after {
  background-color: #e5e5e5;
  opacity: .4;
}

button.info-popup {
  float: right;
  font-size: 18px;
  border: 0;

  padding: 0px;
  text-align: center;
  line-height: 16px;
  margin: 0px 10px;
  background-color: transparent;
  color: #66615b;
}

button.info-popup-box {
  float: right;
  font-size: 18px;
  border: 0;
  top: -7px;
  position: relative;
  padding: 0px;
  text-align: center;
  line-height: 16px;
  margin: 0px 10px;
  background-color: transparent;
  color: #66615b;
}




.catagory-link a.blue-link {
  color: #00aeef;
}

iframe {
  width: 100%;
  height: 100%;
  border: 0 !important;
}


.card {
  border-radius: 8px;

}


.ui-widget-header {
  border: 0px solid #00aeef !important;
  background: #00aeef !important;
  color: #ffffff;
  font-weight: normal !important;
}

.ui-button .ui-icon {
  border: 0;
  background-size: 7px 7px;
  background-color: transparent;
  background-position: 5px 4px;
  /* padding: 10px; */
}

div.popup-windows {
  width: 100% !important;

  padding: 0px !important;
  margin: 0px !important;
  text-align: center;
  z-index: 200;
  

}

/* MDI Icons cheatsheet */
/* https://pictogrammers.github.io/@mdi/font/5.4.55/ */

/* Font Awesome Icons cheatsheet */
/* https://fontawesome.com/v4.7.0/cheatsheet/ */


/* Theme colors */
.bg-white {
  background-color: white!important;
}

.text-c1 {
  color: #f44336!important;
}

.bg-c1 {
  background-color: #f44336!important;
}

.text-c2 {
  color: #e91e63!important;
}

.bg-c2 {
  background-color: #e91e63!important;
}

.text-c3 {
  color: #9c27b0!important;
}

.bg-c3 {
  background-color: #9c27b0!important;
}

.text-c4 {
  color: #673ab7!important;
}

.bg-c4 {
  background-color: #673ab7!important;
}

.text-c5 {
  color: #3949ab!important;
}

.bg-c5 {
  background-color: #3949ab!important;
}

.text-c6 {
  color: #2196f3!important;
}

.bg-c6 {
  background-color: #2196f3!important;
}

.text-c7 {
  color: #0958a3!important;
}

.bg-c7 {
  background-color: #0958a3!important;
}

.text-c8 {
  color: #00bcd4!important;
}

.bg-c8 {
  background-color: #00bcd4!important;
}

.text-c9 {
  color: #009688!important;
}

.bg-c9 {
  background-color: #009688!important;
}

.text-c10 {
  color: #4caf50!important;
}

.bg-c10 {
  background-color: #4caf50!important;
}

.text-c11 {
  color: #8bc34a!important;
}

.bg-c11 {
  background-color: #8bc34a!important;
}

.text-c12 {
  color: #cddc39!important;
}

.bg-c12 {
  background-color: #cddc39!important;
}

.text-c13 {
  color: #ffeb3b!important;
}

.bg-c13 {
  background-color: #ffeb3b!important;
}

.text-c14 {
  color: #ff9800!important;
}

.bg-c14 {
  background-color: #ff9800!important;
}

.text-c15 {
  color: #ff5722!important;
}

.bg-c15 {
  background-color: #ff5722!important;
}

.text-c16 {
  color: #795548!important;
}

.bg-c16 {
  background-color: #795548!important;
}

.text-c17 {
  color: #546e7a!important;
}

.bg-c17 {
  background-color: #546e7a!important;
}

.text-c18 {
  color: #616161!important;
}

.bg-c18 {
  background-color: #616161!important;
}

.btn-primary {
  background-color: #00aeef!important;
  color: #FFFFFF!important;
}
.bordered {
  border: 1px solid #d0d0d0;
  padding: 20px 0px 10px 30px;
}
.btn-secodary {
  background-color: #0958a3!important;
  color: #FFFFFF!important;
}

div.in-ln {
  display:grid;
  grid-template-columns: max-content max-content;
  grid-gap:5px;
}
div.in-ln label       { text-align:right; }
div.in-ln label:after { content: ":"; }

input[type='number'] {
  min-width: 20px!important;
  width: 50px!important;
	height: calc(1em + .75rem + 2px);
	
  margin-bottom: 7px;

}
input[type='text']  {

  min-width: 60px!important;
  width: 150px!important;
	height: calc(1em + .75rem + 2px);
	
  margin-bottom: 7px;

}
input[type='currency']  {

  min-width: 60px!important;
  width: 150px!important;
	height: calc(1em + .75rem + 2px);
	
  margin-bottom: 7px;

}
input[type='currency_short']  {

  min-width: 60px!important;
  width: 70px!important;
	height: calc(1em + .75rem + 2px);
	
  margin-bottom: 7px;

}
.no-pad {
  padding: 0px !important;
}
input[type='date'] {

  min-width: 60px!important;
  width: 100%!important;

  margin-bottom: 7px;

}


.input-group-text i {
 font-size:10px!important;
}
.form-group .input-group-prepend .input-group-text {
  padding: 0px 8px 0px 8px!important;
}

#navigation {
  top: 5px;
  position: relative;
}
.line{
  top: -4px;
  position: relative;
  width:100%; /*or whatever width you want the effect of <hr>*/
  border-top: 1px solid rgb(104, 104, 104);
  white-space:nowrap;
}

.btn.info{

  font-weight: 400;
  font-size: 11px;

  margin: 0px 1px;
 
  padding: 6px 18px;

}
.navbar.navbar-absolute {

    padding-bottom: 10px;
}

.soft-border {
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    padding: 6px 0px;
    margin: 0px;
}

input[type=checkbox] {
  top: 5px;
  position: relative;
}

.form-control {

  font-size: 12px;

}
.form-group .form-control, .input-group .form-control {
  padding: 3px;
}
.input-group, .form-group {
  margin-bottom: 3px;
  
}
label {
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
  padding-left: 1px;
  font-size: 14px;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  margin-top: 2px;
  padding: 0px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none!important;
  position: absolute;
  top:0;
  right:0;
}

button.ui-button.ui-corner-all.ui-widget {
  width: 100px;
  transition: background 0.8s ease;
 
    text-align: center;
    border: 1px solid rgb(229 229 229);
    border-radius: 8px;

}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border:  1px solid rgb(229 229 229);
  background: transparent!important;
  font-weight: bold;
  color: #66615b;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border:  1px solid rgb(229 229 229);
  background:  transparent!important;
  font-weight: bold;
  color: #66615b;
}



.ui-button.ui-corner-all.ui-widget{
  background-color: #fff;
  border: 1px solid #66615b;
  color: #66615b;
  cursor: pointer!important;
}

.ui-button.ui-corner-all.ui-widget:active, .ui-button.ui-corner-all.ui-widget:focus {
  background-color: #fff;
  border: 1px solid #66615b;
  color: #66615b;
  cursor: pointer!important;
}

.ui-button.ui-corner-all.ui-widget:hover {
  background-color: #00aeef!important;
  border: 1px solid #00aeef;
  color: #fff;
  cursor: pointer!important;
}

.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix{

  z-index: 10000;
  border: 1px solid #dddddd;
  background-image: none!important;
  background-color: transparent!important;
  color: #8d8383;
  border-radius: 0px;
  padding: 0px 4px!important;
  border-width: 0!important;
}

.ui-widget-content {

  background-image: none!important;
  background-color: #fff!important;


}

.ui-widget.ui-widget-content{
box-shadow: 5px 5px 11px rgb(0 0 0 / 32%);
}

.table-style  {
  border: 1px solid #333;
}

.block {
  border: 3px solid rgb(255, 255, 255);
}

#body-row {
  margin-left:0;
  margin-right:0;
}
#sidebar-container {
  min-height: 100vh;   
  background-color: #333;
  padding: 0;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
  width: 230px;
}
.sidebar-collapsed {
  width: 50px;
}

/* Menu item*/
#sidebar-container .list-group a {
  height: 50px;
  color: white;
}

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
  height: 45px;
  padding-left: 30px;
}
.sidebar-submenu {
  font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title {
  background-color: #333;
  height: 35px;
}
.sidebar-separator {
  background-color: #333;
  height: 25px;
}
.logo-separator {
  background-color: #333;    
  height: 60px;
}
.p-top4 {
  padding: 7.5rem 1.5rem!important;
}
/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
content: " \f0d7";
font-family: FontAwesome;
display: inline;
text-align: right;
padding-left: 10px;
}
/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
content: " \f0da";
font-family: FontAwesome;
display: inline;
text-align: right;
padding-left: 10px;
}

.navbar.navbar-absolute {
  z-index: 1!important;
}


#sidebar-container {

    z-index: 10;
}






/* new dcdev site css temp */
.body-x {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.content-x {
  flex: 1 0 auto;
}

.myButton {
  background: #00aeef;
  border: solid 0px #767676;
  padding: 5px 0px;
  color: #fff;
  margin: 20px auto;
  transition: background-color 0.5s ease;
  transition: color 0.5s ease;
}

.myButton:hover {
  background: #0b59a4;
  color: #fff;
}
.myButton:hover .fa-lg {
  color: #fff;
}

button.myButton .fa-lg {
  font-size: 13px;
  line-height: initial;
  vertical-align: -.0667em;
  padding: 0px 0px 0px 0px;
  left: -4px;
  top: -2px;
  position: relative;
  transition: color 0.5s ease;
}



.login-container {
    padding: 10px;
    line-height: 1.5;
    color: rgb(49, 49, 49);
    background-color: rgb(255 255 255);
    min-width: 340px;
    border: 1px solid #cccccc;
    border-radius: 0;
}


h4, .h4 {

  margin-top: 10px;

}


.table > thead > tr > th {

  border-top: #fff solid 1px;
  border-left: #fff solid 1px;
  border-right: #fff solid 1px;
}

.ui-widget-content {
  background-image: none!important;
  background-color:#cccccc!important;
}
.ui-widget.ui-widget-content {
  border: 1px solid #b7b7b7!important;
}
.ui-widget.ui-widget-content {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}


.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0px!important;
}


.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0px!important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0px!important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 0px!important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0px!important;
}
.ui-widget-content {
  background-color:#cccccc!important;
 }

.ui-dialog {
  padding: 0em!important;

}
.ui-dialog .ui-dialog-buttonpane button{
  border: 1px solid #fff;
  background: #fff;
  padding: 0px 13px;
}

.ui-dialog .ui-dialog-buttonpane button:hover{
  background: #00aeef;
  color:#fff;
  border: 1px solid #00aeef;
}



/** table and data table css **/


.left {
  text-align: left!important;
}

.right {
  text-align: right!important;
}

thead.dataTable {
  background-color: #fff;
}


table.dataTable tbody tr {
  background-color: #fff;
}



.dataTables_paginate  .dataTables_length,
.dataTables_paginate  .dataTables_filter, 
.dataTables_paginate  .dataTables_info,
.dataTables_paginate  .dataTables_processing,
.dataTables_paginate {
  color: #fff!important; ;
}
.dataTables_filter input {
  color: #ccc;
}



a.nlink:link {
  color: white;
  text-decoration: none;
}

table.dataTable {
  border-collapse: collapse;
}
table.tblclass {
  border-collapse: collapse;
  outline:0px solid silver;
  font-size: 13;
  color: white;
}

tr.hovtable:hover {
  background: #ffffff !important;
}

.dataTables_length select {
  border: 1px solid rgba(255, 255, 255, 0.178);
  border-radius: 0px;
  font-size: 11px;
  padding: 6px;
 width: 90px;
  color: #888;
}
.fix-input {
  margin:10px auto!important;

}
.dataTables_filter input {
  border: 1px solid rgba(177, 177, 177, 0.178);
  border-radius: 0px;
  background-image: none;
  background: transparent;
  background-color: rgba(255, 255, 255, 1);
  padding: 6px;
}

.dataTables_paginate  .pagination .paginate_button.current, .dataTables_paginate  .pagination .paginate_button.current:hover {
  color: rgb(255, 255, 255) !important;
  border: 1px solid rgba(255, 255, 255, 0.178)!important;
  background-color: rgba(255, 255, 255, 0.171)!important;
  background: -webkit-gradient(0)!important;
  background: -webkit-linear-gradient(0)!important;
  background: -moz-linear-gradient(0)!important;
  background: -ms-linear-gradient(0)!important;
  background: -o-linear-gradient(0)!important;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.116) 0%, rgba(255, 255, 255, 0.016) 100%);
}

.dataTables_paginate  .pagination .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 3px 6px;
  margin:10px 3px 10px 0px;
 
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 0px solid transparent;
  border-radius: 0px;
}



.table.dataTable thead {
  background-color: #fff;
}
.table.dataTable thead th {
  border-bottom: 2px solid #00aeef!important;
}


.table.dataTable td {
  border-top: 0px solid #000000;
  border-right: 0px solid #000;
}

th.sorting {
border-width: 0px;
  text-align: center;
}

.table.dataTable {
  border-width:0px;
}

table.dataTable thead th, table.dataTable tfoot th {
  font-weight: 400;
}
table.dataTable thead .sorting {
  background-image:none;
  text-transform: capitalize;
}

.dataTables_paginate  {
  padding-bottom: 40px;
}

.table.dataTable thead th {
  font-size: 13px;
}

table.table-bordered.dataTable th:last-child {
  border-right-width: 0px;
}
div.dataTables_length {
  position: relative;
  
  max-width: 70%;
}




/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #ccc;
  
  -webkit-text-fill-color: transparent;
  -webkit-box-shadow: 0 0 0px 0px rgb(59, 59, 59) inset;
  transition: background-color 5000s ease-in-out 0s;
  background-color: rgba(232, 240, 254, 0.582) !important;
    background-image: none !important;
    color: -internal-light-dark(rgb(0, 0, 0), white) !important;
}
/*Change text in autofill textbox*/

input:-webkit-autofill
{
 -webkit-text-fill-color: rgb(121, 121, 121) !important;
 font-size: 12px!important;
}




.tblclass tr td, .tblclass tr th {
  padding: 7px 15px;

}
.tabclass {
  padding: 7px 15px;

}



div.dataTables_length {
  position: relative;
  max-width: 100%;
  text-align-last: left;
}

div.dataTables_wrapper div.dataTables_info {
  width: 100%;
  text-align: left;
}


.pagination {
   justify-content: end;
}

.dataTables_filter{
display: flex;
justify-content: end;
}

.page-item.active .page-link {
 
  background-color: #00aeef;
  border-color: #00aeef;
}
.user-box {
  border: 1px solid #ccc;
  padding: 6px 13px 0px 14px;
  display: inline-block;
  margin: 6px 3px;
}
.company-box {
  border: 1px solid #ccc;
  padding: 6px 13px 0px 14px;
  display: inline-block;
  margin: 6px 3px;
}
.company-box input{
float: left;
}
.user-check {
  cursor: pointer;
}

.cap {text-transform: capitalize;}

hr.hr-small{
  margin:4px;   
   border-top:1px solid rgb(112 125 139);

}
label.cap  {
  padding-left: 11px;

}

.user-box input[type=checkbox] {
  top: 2px;
 
}

@media (min-width: 576px){
.modal-dialog {
    max-width: 90%;
}}

.card-stats .card-body {
  padding: 15px 15px;
}

.nav-tabs .nav-item .nav-link.nav-tabs-bordered {
  border: 1px solid #ccc!important;
 
}

.flex-nav {
  display: flex;
  justify-content: center;
}

.nave-item-50 {
  width: 40%;
  text-align: center;
}

.tab-shadow {
  box-shadow: 0px -6px 8px rgb(0,0,0, 0.07);
}

.check-input-ow {
  margin-top: 8px;

}
.btn{
  margin: 10px 5px;
}
.kwik-type-head{
  padding: 10px 0px 10px 10px;
    width: 120%;
    background: white;
    position: relative;
    right: 0px;
    font-size: 20px!important;
}


.card-stats .icon-big {
  font-size:40px;
  min-height: 30px;
  padding: 0px;
}



@media print {   

  .no-print {  
    display: none !important;   
  } 

}




.nav-step {
  display: block;
  padding: 0.5rem 1rem;
  background: #00aeef;
  color:white;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  margin-right: 1em !important;
  border-radius: 20px;
}

.nav-step.active {
  background: #0958a3;
}

.headbg {
  position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: -100; clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); background-size: 100%; background-repeat: no-repeat;
}