.tooltip {
  z-index: 9999;
}

.form-control::-webkit-input-placeholder,
.note-placeholder {
  transition: opacity .3s;
  color: rgba(155, 164, 174, 0.5);
  font-weight: 400;
  opacity: 1;
}

.form-control:-ms-input-placeholder,
.form-control::-ms-input-placeholder {
  transition: opacity .3s;
  color: rgba(155, 164, 174, 0.5);
  font-weight: 400;
  opacity: 1;
}

.form-control::placeholder {
  transition: opacity .3s;
  color: rgba(155, 164, 174, 0.5);
  font-weight: 400;
  opacity: .95;
}

.form-control.form-control-light::placeholder {
  color: rgba(243, 248, 250, 0.5);
}

.form-control:focus::-webkit-input-placeholder {
  opacity: .5;
}

.form-control:focus:-ms-input-placeholder,
.form-control:focus::-ms-input-placeholder {
  opacity: .5;
}

.form-control:focus::placeholder {
  opacity: .5;
}

.form-control,
select.form-control {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: .8rem;
  padding: .45rem .75rem;
  background-color: rgba(243, 248, 250, 0);
}

.form-control.form-control-bBottom,
select.form-control.form-control-bBottom {
  border: 1px solid #f3f8fa;
  border-radius: 0px;
  padding-left: 1rem;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
}

.form-control.form-control-bBottom:focus,
select.form-control.form-control-bBottom:focus {
  box-shadow: none;
}

.form-control:focus,
select.form-control:focus {
  background-color: rgba(243, 248, 250, 0.55);
  border-color: rgba(0, 132, 255, 0.5);
  box-shadow: 0px 0px 6px 1px rgba(0, 132, 255, 0.1);
}

.form-control.disabled,
.form-control[disabled],
.form-control[readonly],
select.form-control.disabled,
select.form-control[disabled],
select.form-control[readonly] {
  background-color: rgba(243, 248, 250, 0.15);
}

.form-control.error,
select.form-control.error {
  border-color: #e51400;
  background-color: rgba(250, 98, 94, 0.1);
  box-shadow: 0px 0px 5px 2px rgba(250, 98, 94, 0.15);
}

.form-control.valid,
select.form-control.valid {
  border-color: #09e226;
  background-color: rgba(148, 223, 74, 0.1);
  box-shadow: 0px 0px 5px 2px rgba(148, 223, 74, 0.15);
}

.form-control::-webkit-input-placeholder,
select.form-control::-webkit-input-placeholder {
  color: rgba(44, 45, 58, 0.6);
}

.form-control::-moz-placeholder,
select.form-control::-moz-placeholder {
  color: rgba(44, 45, 58, 0.6);
}

.form-control:-ms-input-placeholder,
select.form-control:-ms-input-placeholder {
  color: rgba(44, 45, 58, 0.6);
}

.form-control:-moz-placeholder,
select.form-control:-moz-placeholder {
  color: rgba(44, 45, 58, 0.6);
}

.dropzone {
  border-color: #d0d0d0;
}

.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
  padding: .75rem 1rem;
  font-size: 1rem;
}

select.form-control-sm,
.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
  padding: .15rem .5rem;
  font-size: .7rem;
}

.input-group-text {
  border-color: #d0d0d0;
}

.search-form-o {
  position: relative;
}

.search-form-o button[type="submit"],
.search-form-o button[type="button"],
.search-form-o input[type="submit"],
.search-form-o input[type="button"] {
  position: absolute;
  right: 10px;
  top: 2px;
  height: 100%;
  font-size: 16px;
  opacity: .6;
}

.form-control-light {
  background-color: rgba(16, 114, 206, 0.05);
  color: #fff;
  border-color: rgba(229, 242, 255, 0.15);
}

.form-control-light:focus {
  background-color: rgba(229, 242, 255, 0.12);
  border-color: rgba(229, 242, 255, 0.75);
  color: #fff;
}

.form-control.form-control-light::-webkit-input-placeholder {
  color: rgba(243, 248, 250, 0.5);
}

select.form-control:not([size]):not([multiple]) {
  height: auto !important;
}

/* Tables style */

.table thead th {
  border-color: #d0d0d0;
  border-bottom-width: 1px;
}

.table .customUi-checkbox {
  position: relative;
  height: 20px;
}

.table .customUi-checkbox input {
  width: 20px !important;
  height: 20px !important;
  z-index: 1 !important;
  cursor: pointer;
}

.table th:hover a.text-muted,
.table th:hover a .text-muted,
.table td:hover a.text-muted,
.table td:hover a .text-muted {
  opacity: 0.85 !important;
}

.table td,
.table th {
  border-color: #d0d0d0;
}

.table.table-primary.table,
.table.table-primary>td,
.table.table-primary>th {
  background-color: rgba(229, 242, 255, 0.5);
}

.table.table-primary.table thead,
.table.table-primary.table th,
.table.table-primary>td thead,
.table.table-primary>td th,
.table.table-primary>th thead,
.table.table-primary>th th {
  border-color: rgba(16, 114, 206, 0.05);
}

.table.table-primary tbody tr:hover {
  background-color: rgba(0, 132, 255, 0.05);
}

.table-hover tbody tr:hover {
  background-color: #f3f8fa;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f3f8fa;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-dark {
  background-color: #2c2d3a;
  color: #bcbdc5;
}

.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: rgba(188, 189, 197, 0.25);
}

.table-active,
.table-active>td,
.table-active>th {
  background-color: #e5f2ff;
}

.table-success,
.table-success>td,
.table-success>th {
  background-color: #e5fcd0;
}

.table-warning,
.table-warning>td,
.table-warning>th {
  background-color: #fef8e2;
}

.table-info,
.table-info>td,
.table-info>th {
  background-color: #e7f7fe;
}

.table-danger,
.table-danger>td,
.table-danger>th {
  background-color: #fee5e4;
}

.table-teal,
.table-teal>td,
.table-teal>th {
  background-color: #d9fff8;
}

.table-purple,
.table-purple>td,
.table-purple>th {
  background-color: #f4daff;
}

.table-pink,
.table-pink>td,
.table-pink>th {
  background-color: #fde6f3;
}

.table-bordered {
  border-color: #d0d0d0;
}

table.table-data.dataTable {
  border-collapse: collapse !important;
}

table.table-data.dataTable tr {
  border-collapse: collapse;
}

table.table-data.dataTable thead th {
  border-bottom: 0px;
}

table.dataTable {
  border-collapse: collapse !important;
}

.dataTables_wrapper select.form-control {
  margin: 0rem .5rem;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  background-color: #0050ef;
  box-shadow: none;
  width: 16px;
  height: 16px;
  display: block;
  border: 0px;
  border-radius: 2px;
  line-height: 19px;
}

.table-contacts tr td,
.table-contacts tr th {
  vertical-align: middle;
  text-align: left;
}

.xframe-box {
  display: block;
  position: relative;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #d0d0d0;
  width: 100%;
  background-color: #fff;
}

.bg-light {
  background-color: rgba(184,148,116, 0.06) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(184,148,116, 0.05) !important; 
}

.xframe-box .xframe-header {
  width: 100%;
  position: relative;
  padding: .5rem 1rem;
  min-height: 50px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-color: inherit;
}

.xframe-box .xframe-header h3 {
  font-size: 1rem;
  text-transform: capitalize;
  margin: 0px;
  display: block;
  font-weight: 600;
  font-family: Roboto-Bold;
  color: inherit;
}

.xframe-box .xframe-header .xframe-subtitle {
  font-size: .8rem;
  line-height: 1.5;
  opacity: .6;
  padding-top: 0 !important;
}

.xframe-box .xframe-body {
  width: 100%;
  padding: 1rem;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.xframe-box .xframe-tools {
  position: relative;
}

.xframe-box .xframe-tools .nav .nav-link {
  padding: .2rem .3rem;
  color: inherit;
}

.xframe-box .xframe-tools .nav .nav-link>i {
  line-height: inherit;
  font-size: 13px;
}

.xframe-box .xframe-tools .nav .nav-link>i[class^="icon-"],
.xframe-box .xframe-tools .nav .nav-link>i[class*=" icon-"] {
  font-size: 24px;
}

.xframe-box .xframe-tools .nav>* {
  margin-left: .5rem;
}

.xframe-box.xframe-primary {
  border-color: #0050ef;
}

.xframe-box.xframe-primary .xframe-header {
  background-color: #0050ef;
  border-bottom-color: #0050ef !important;
}

.xframe-box.xframe-info {
  border-color: #86d4f5;
}

.xframe-box.xframe-info .xframe-header {
  background-color: #86d4f5;
  border-bottom-color: #86d4f5 !important;
}

.xframe-box.xframe-success {
  border-color: #09e226;
}

.xframe-box.xframe-success .xframe-header {
  background-color: #09e226;
  border-bottom-color: #09e226 !important;
}

.xframe-box.xframe-danger {
  border-color: #e51400;
}

.xframe-box.xframe-danger .xframe-header {
  background-color: #e51400;
  border-bottom-color: #e51400 !important;
}

.xframe-box.xframe-warning {
  border-color: #e3c800;
}

.xframe-box.xframe-warning .xframe-header {
  background-color: #e3c800;
  border-bottom-color: #e3c800 !important;
}

.xframe-box.xframe-teal {
  border-color: #2cddbe;
}

.xframe-box.xframe-teal .xframe-header {
  background-color: #2cddbe;
  border-bottom-color: #2cddbe !important;
}

.xframe-box.xframe-purple {
  border-color: #a95ec7;
}

.xframe-box.xframe-purple .xframe-header {
  background-color: #a95ec7;
  border-bottom-color: #a95ec7 !important;
}

.xframe-box.xframe-pink {
  border-color: #f77dc2;
}

.xframe-box.xframe-pink .xframe-header {
  background-color: #f77dc2;
  border-bottom-color: #f77dc2 !important;
}

.xframe-box.xframe-dark {
  border-color: #2c2d3a;
}

.xframe-box.xframe-dark .xframe-header {
  background-color: #2c2d3a;
  border-bottom-color: #2c2d3a !important;
}

.xframe-box.xframe-secondary {
  border-color: #a8adb9;
}

.xframe-box.xframe-secondary .xframe-header {
  background-color: #a8adb9;
  border-bottom-color: #a8adb9 !important;
}

.xframe-box.xframe-light {
  border-color: #d0d0d0;
}

.xframe-box.xframe-light .xframe-header {
  background-color: #f3f8fa;
}

.xframe-box.xframe-square {
  border-radius: 0px;
}

.xframe-box.xframe-square>* {
  border-radius: 0px !important;
}

.xframe-box.xframe-shadow-sm {
  box-shadow: 0 0px 1px #d0d0d0;
  border: 0px;
}

.xframe-box.xframe-shadow {
  box-shadow: 0 2px 10px rgba(44, 45, 58, 0.1), 0 -2px 0 #d0d0d0;
  border: 0px;
}

.xframe-box.xframe-shadow-lg {
  box-shadow: 0 5px 40px 12px #d0d0d0;
  border: 0px;
}


/**portlet dark skin **/

.xframe-box.skin-dark .xframe-header h3,
.xframe-box.skin-dark .xframe-header a:not(.dropdown-item):not(.btn),
.xframe-box.skin-dark .xframe-header a.nav-link {
  color: #fff;
}

.xframe-box.skinFull-dark {
  color: white;
}

.xframe-box.skinFull-dark.xframe-primary {
  background-color: #0050ef;
  border-color: rgba(16, 114, 206, 0.5) !important;
}

.xframe-box.skinFull-dark.xframe-primary .xframe-header,
.xframe-box.skinFull-dark.xframe-primary .xframe-body {
  background-color: #0050ef;
}

.xframe-box.skinFull-dark.xframe-primary .xframe-header {
  border-bottom-color: rgba(229, 242, 255, 0.25) !important;
}

.xframe-box.skinFull-dark.xframe-pink {
  background-color: #f77dc2;
  border-color: rgba(218, 85, 160, 0.5) !important;
}

.xframe-box.skinFull-dark.xframe-pink .xframe-header,
.xframe-box.skinFull-dark.xframe-pink .xframe-body {
  background-color: #f77dc2;
}

.xframe-box.skinFull-dark.xframe-pink .xframe-header {
  border-bottom-color: rgba(253, 230, 243, 0.25) !important;
}

.xframe-box.skinFull-dark.xframe-dark {
  background-color: #2c2d3a;
  border-color: rgba(38, 39, 52, 0.5) !important;
}

.xframe-box.skinFull-dark.xframe-dark .xframe-header,
.xframe-box.skinFull-dark.xframe-dark .xframe-body {
  background-color: #2c2d3a;
}

.xframe-box.skinFull-dark.xframe-dark .xframe-header {
  border-bottom-color: rgba(188, 189, 197, 0.25) !important;
}

.xframe-box.skinFull-dark.xframe-teal {
  background-color: #2cddbe;
  border-color: rgba(32, 199, 170, 0.5) !important;
}

.xframe-box.skinFull-dark.xframe-teal .xframe-header,
.xframe-box.skinFull-dark.xframe-teal .xframe-body {
  background-color: #2cddbe;
}

.xframe-box.skinFull-dark.xframe-teal .xframe-header {
  border-bottom-color: rgba(217, 255, 248, 0.25) !important;
}

.xframe-box.skinFull-dark.xframe-info {
  background-color: #86d4f5;
  border-color: rgba(105, 193, 230, 0.5) !important;
}

.xframe-box.skinFull-dark.xframe-info .xframe-header,
.xframe-box.skinFull-dark.xframe-info .xframe-body {
  background-color: #86d4f5;
}

.xframe-box.skinFull-dark.xframe-info .xframe-header {
  border-bottom-color: rgba(231, 247, 254, 0.25) !important;
}

.xframe-box.skinFull-dark.xframe-success {
  background-color: #09e226;
  border-color: rgba(125, 200, 53, 0.5) !important;
}

.xframe-box.skinFull-dark.xframe-success .xframe-header,
.xframe-box.skinFull-dark.xframe-success .xframe-body {
  background-color: #09e226;
}

.xframe-box.skinFull-dark.xframe-success .xframe-header {
  border-bottom-color: rgba(229, 252, 208, 0.25) !important;
}

.xframe-box.skinFull-dark.xframe-danger {
  background-color: #e51400;
  border-color: rgba(227, 66, 61, 0.5) !important;
}

.xframe-box.skinFull-dark.xframe-danger .xframe-header,
.xframe-box.skinFull-dark.xframe-danger .xframe-body {
  background-color: #e51400;
}

.xframe-box.skinFull-dark.xframe-danger .xframe-header {
  border-bottom-color: rgba(254, 229, 228, 0.25) !important;
}

.xframe-box.skinFull-dark.xframe-warning {
  background-color: #e3c800;
  border-color: rgba(223, 193, 74, 0.5) !important;
}

.xframe-box.skinFull-dark.xframe-warning .xframe-header,
.xframe-box.skinFull-dark.xframe-warning .xframe-body {
  background-color: #e3c800;
}

.xframe-box.skinFull-dark.xframe-warning .xframe-header {
  border-bottom-color: rgba(254, 248, 226, 0.25) !important;
}

.xframe-box.skinFull-dark.xframe-purple {
  background-color: #a95ec7;
  border-color: rgba(143, 63, 175, 0.5) !important;
}

.xframe-box.skinFull-dark.xframe-purple .xframe-header,
.xframe-box.skinFull-dark.xframe-purple .xframe-body {
  background-color: #a95ec7;
}

.xframe-box.skinFull-dark.xframe-purple .xframe-header {
  border-bottom-color: rgba(244, 218, 255, 0.25) !important;
}

.xframe-box.skinFull-dark.xframe-secondary {
  background-color: #a8adb9;
  border-color: rgba(130, 136, 151, 0.5) !important;
}

.xframe-box.skinFull-dark.xframe-secondary .xframe-header,
.xframe-box.skinFull-dark.xframe-secondary .xframe-body {
  background-color: #a8adb9;
}

.xframe-box.skinFull-dark.xframe-secondary .xframe-header {
  border-bottom-color: rgba(223, 224, 227, 0.25) !important;
}

.xframe-box .xframe-header .xframe-tools .nav-link {
  padding: .25rem .5rem;
}

.xframe-box .xframe-header .xframe-tools .nav-link.active {
  background-color: #0050ef;
  color: #fff;
}

.page-header {

}

.nav-link, .sidenav-btn, .navbar-toggler-icon {
  color: #fff !important; 
}

.page-subheader {
  background: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  border-bottom: 1px solid #d0d0d0;
}

.page-subheader h3 {
  font-weight: 400;
  margin-bottom: 0px;
  font-size: 1.25rem;
  line-height: 1;
}

.page-subheader .breadcrumb .breadcrumb-item {
  color: inherit;
}

.page-subheader .breadcrumb .breadcrumb-item i.mr-2 {
  margin-right: 0 !important;
}

.page-subheader .breadcrumb .breadcrumb-item.active {
  opacity: .6;
}

.page-subheader .list-item {
  padding: 0px;
}

.page-subheader .list-body {
  padding: 5px 0;
}

.page-subheader .list-thumb {
  line-height: 1.2;
  margin-left: 0px;
  width: auto !important;
  padding: .15rem;
  padding-left: 0px;
  height: auto !important;
  overflow: visible;
}

.page-subheader .list-thumb>i {
  font-size: 24px !important;
}

.page-header-space {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}

.page-header-space h4 {
  margin-bottom: 0px;
}

.page-header-img {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #0050ef;
  width: 100%;
}

.page-header-img img {
  opacity: .15;
  left: 0;
  width: 100%;
  top: 0;
}

.form-button-new {
  color: #0050ef !important;
  font-family: Roboto-Bold;
  font-size: 12px;
  text-transform: uppercase;
}

.form-button {
  color: #0050ef !important;
  font-weight: bold;
  font-family: Roboto-Bold;
  font-size: 12px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  text-transform: uppercase;
}

.form-button-line {
  color: #0050ef !important;
  font-weight: bold;
  font-family: Roboto-Bold;
  font-size: 12px;
  text-transform: uppercase;
}

.form-button-view {
  color: #0050ef !important;
  font-weight: bold;
  font-family: Roboto-Bold;
  font-size: 12px;
  text-transform: uppercase;
}

.form-button:hover {
  text-decoration: underline !important;
}

.table-button {
  color: #0050ef !important;
  font-weight: bold;
  font-family: Roboto-Bold;
  font-size: 12px;
  text-transform: uppercase;
}

.table-button:hover {
  text-decoration: underline !important;
}

.frame-form-button {
  padding-right: 15px;
}

.page-title {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 900;
  font-family: Roboto-Black;
  color: #000;
}

.link-button {
  padding-top: 10px;
  padding-bottom: 9px;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 600;
  font-family: Roboto-Bold;
  font-size: 12px;
  letter-spacing: 1px;
  margin-left: 5px;
}

.btn-format {
  font-weight: 600;
  font-family: Roboto-Bold;
}

.btn-sm {
  padding:6px 5px 8px 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.dtpg {
  margin-top:5px !important;
}

.dtsrch {
  margin-top:-40px !important;  
  margin-left:-5px !important;
}

.box-button-index {
  padding-right: 15px !important;
  padding-left: 15px !important; 
  padding-bottom: 5px !important; 
  float: right !important;
}

.box-button-form {
  padding-right: 15px !important;
  padding-bottom: 5px !important; 
  margin-top: 95px !important;
  margin-bottom: 45px !important;
  text-align: center;
}

.box-button-view {
  padding-right: 15px !important;
  padding-bottom: 5px !important; 
  margin-top: 15px !important;
  margin-bottom: 45px !important;
  text-align: center;
}

.btn-table {
  padding:0px !important;
  padding-top:3px !important;
  padding-bottom:3px !important;
}

.dropdown-item {
  color: #000 !important;
  padding:5px 12px !important;
  font-size: 12px !important;   
  text-transform: uppercase !important  ;
  font-weight: bold;
}

.dropdown-icon {
  font-size: 12px !important;   
  margin:0px !important;
}

.dropdown-menu {
  padding:0px !important;
  border-radius: 0px !important;  
}

.label-view {
  font-weight: bold;
  font-family: Roboto-Bold;
  width: 200px !important;
  padding-right: 50px;
  text-align: right;
}

.form-group label {
  font-size: 13px !important;
  font-weight: bold !important;
  font-family: Roboto-Bold;
  margin:0px !important;
}

.label-editor label {
  font-size: 13px; !important;
  font-weight: bold !important;
  font-family: Roboto-Bold;
  margin:0px !important;  
  padding:0px !important;  
}

.label-helper {
  font-weight: normal !important; 
  font-family: Roboto !important; 
}

.page-content {
    overflow-x: hidden !important;
}

.table-view tr th{
  border-top: none !important;
}

.table-view tr td {
  padding: 5px 15px !important;
}

.table-datatable tr td{
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.table-datatable tr th{
  text-align: left !important;
  padding-left: 7px !important;
}

.table-datatable tr td .center{
  text-align: center !important;
}

.table-datatable tr td .left{
  text-align: left !important;
}

.table-datatable tr td .right{
  text-align: right !important;
}

.table-view tr:first-child td  {
  border-top-width: 0px !important;
  
}

.spacer {
  clear:both;
}

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

.label-center {
  text-align: center !important;
}

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

.link-action {
    border-bottom: 1px solid #222;
}

.link-action:hover {
    border-bottom: none;
    color: #222;
    opacity: 0.8;
}

.code-action {
  color: #000 !important;
  font-weight: bold;
  font-family: Roboto-Bold;
  text-decoration: none !important;
  padding:2px 4px;
  font-size: 10px;
  letter-spacing: 0.5px;
  border: 1px solid #ccc;
  border-radius: 0px;
  background: #fff;
  margin-right: 2px;
  white-space: nowrap;
}

.link-email {
  color: #000 !important;
}

.view-list{
  margin: 0px !important;
  padding: 0px !important;
  margin-left: 15px !important;
}

table tr td{
  padding:7px !important;
}

.page-content {  
  padding: 9px !important;
  margin: 0px !important;
}

.xframe-box .xframe-table {
  width: 100%;
  padding: 20px 0px !important;
  margin: 0px !important;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.btn {
  font-size: 12px !important;
  padding: 7px 10px !important;
}

.float-right {
  float: right !important
}

.spacer-datatable{
  clear:both;
  height:35px;
}

.header-form-button {
  padding-right: 6px !important;
  padding-left: 10px !important;
}

.footer-form-button {
  padding-right: 10px !important;
  padding-left: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}

.footer-form-button-modal {
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}

footer {
  padding: 0 !important;
}

.content-footer {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: #fff !important;
  min-height: 0px !important;
}

.content-footer .p-3 {
  padding: 10px 15px !important;
}

.btn-xs {
  padding: 1px !important;
  min-width: 1.2rem;
}

input, textarea, select {font-size: 12px !important;}

.label-search label{
  font-size: 14px !important;
  font-weight: bold !important;
  font-family: Roboto-Bold;
  padding: 0px !important;
  margin: 0px !important;
}

.column-search label {
  font-weight: normal !important; 
  font-size: 12px !important; 
}

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

table .table-view{
  border: 0px !important;
}

.astext {
    background:none !important;
    background-color:#fff !important;
    border:none !important;
    cursor: pointer !important;
}

.mandatory {
  color: #ff0000 !important;
}

.box-show-hide {
}

.box-show-hide .link-menu-table {
  text-transform: normal !important;
  font-size: 12px !important;
  font-weight: bold;
  font-family: Roboto-Bold;
  color: #0050ef !important;
}


.fwidth-50 { width: 50px !important;}
.fwidth-100 { width: 100px !important;}
.fwidth-150 { width: 150px !important;}
.fwidth-200 { width: 200px !important;}
.fwidth-250 { width: 250px !important;}
.fwidth-300 { width: 300px !important;}
.fwidth-350 { width: 350px !important;}
.fwidth-400 { width: 400px !important;}
.fwidth-450 { width: 450px !important;}
.fwidth-500 { width: 500px !important;}
.fwidth-550 { width: 550px !important;}
.fwidth-600 { width: 600px !important;}
.fwidth-650 { width: 650px !important;}
.fwidth-700 { width: 700px !important;}
.fwidth-750 { width: 750px !important;}
.fwidth-800 { width: 800px !important;}
.fwidth-850 { width: 850px !important;}
.fwidth-900 { width: 900px !important;}
.fwidth-950 { width: 950px !important;}
.fwidth-1000 { width: 1000px !important;}

.width-5 { width: 5% !important;}
.width-10 { width: 10% !important;}
.width-15 { width: 15% !important;}
.width-20 { width: 20% !important;}
.width-25 { width: 25% !important;}
.width-30 { width: 30% !important;}
.width-35 { width: 35% !important;}
.width-40 { width: 40% !important;}
.width-45 { width: 45% !important;}
.width-50 { width: 50% !important;}
.width-55 { width: 55% !important;}
.width-60 { width: 60% !important;}
.width-65 { width: 65% !important;}
.width-70 { width: 70% !important;}
.width-75 { width: 75% !important;}
.width-80 { width: 80% !important;}
.width-85 { width: 85% !important;}
.width-90 { width: 90% !important;}
.width-95 { width: 95% !important;}
.width-100 { width: 100% !important;}

.aside-footer {
  border-top: none !important;
}

.aside-footer .footer-text{
  margin-top: 20px !important;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.custom-iframe {
  width:100%; 
  height:100%; 
  position:relative; 
  top:0; left:0; 
  right:0; 
  bottom:0; 
  border:none; 
  margin:0; 
  padding:0; 
  margin-bottom:-10px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

body::-webkit-scrollbar {
    width: 0px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.table-title {
  font-weight: bold;
  font-family: Roboto-Bold;
  text-transform: uppercase;
  margin-left: 15px;
  font-size: 17px;
}

.logo-in {
  font-size: 30px; 
  color: #fff;
  text-align: center;
  padding-left: 20px !important;
  font-family: Roboto-Black;
}

.logo-landing {
  font-size: 40px !important; 
  color: #222;
  font-family: Roboto-Black;
  border:5px solid #eee;
  border-radius: 30px 0px 30px 0px;
}

.logo-login {
  font-family: Logo;
  font-size: 80px; 
  color: #000;
  text-align: center;
}

.logo-in:hover {
  color: #fff !important;
}

.info_notification {
  font-size: 10px;
  color: #fff;
  background: #ff0000;
  padding: 5px;
  border-radius: 100px;
}

.bg-white {
  background: #fff !important;
}

.spacer-5 {
  clear:both;
  height:5px;
}

.spacer-10 {
  clear:both;
  height:10px;
}

.spacer-20 {
  clear:both;
  height:20px;
}

.spacer-30 {
  clear:both;
  height:30px;
}

.spacer-40 {
  clear:both;
  height:40px;
}

.p-0 {
  padding:0px !important;
  margin:0px !important;
}

.m-10 {
  margin:10px !important;
}

.m-15 {
  margin:15px !important;
}

.form-control-cpx {
  /*padding: 5px 0px 2px 0px !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0px !important;
  border-top: 0px !important;*/
  border-radius: 0px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

input, select, textarea:focus {
  background: none !important;
  box-shadow: none !important;
}

.title_redirect {
  font-size: 12px;
}

.breadcrumb-item {
  text-transform: uppercase;
  font-size: 12px;
}

.breadcrumb-item a{
  font-family: Roboto-Bold;
  font-size: 12px;
}

.breadcrumb-item a:hover{
  text-decoration: underline !important; 
}

.line-title {
  padding:10px 15px 0px 15px;
}

.clock-time {
  font-family: Roboto-Black;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -4px;
  color: #001a6f !important;
  margin-left: -5px;
  margin-top: 2px;
}

.clock-date {
  font-family: Roboto-Bold;
  font-size: 16px;
  line-height: 16px;
  color: #001a6f !important;
}

.btn-processing {
  color: #ddd !important;
  cursor:not-allowed !important;
}

.img-upload {
  max-width:200px !important;
  border:1px solid #999;
  padding:10px;
  background: #f0f0f0;
  border-radius: 4px;
}

.input-info {
  font-size: 10px;
}

.form-title {
  font-family: Roboto-Bold;
  text-transform: uppercase;  
  color: #222;
  margin-top: 20px;
}

.form-title-line {
  font-family: Roboto-Bold;
  text-transform: uppercase;  
  color: #222;
  margin-top: -20px;
}

.view-title {
  font-family: Roboto-Black;
  text-transform: uppercase;  
  color: #999;
  font-size: 18px;
  padding-bottom: 0px;
  border-bottom: 2px solid #999;
}

/*CHANGE COLOR PRIMARY*/

.color-primary {
  color: #042f66 !important;
}

.logo-login {
  color: #042f66 !important;
  letter-spacing: 6px;
}

/*END*/

.application-name {
  margin-left: 20px;
  text-transform: uppercase;
  font-family: Roboto-Black;
  font-size:18px;
  color: #fff;
}

.collapse-title {
  padding: 0px !important;
  background: none !important;
  color: #0050ef !important;
  font-family: "Roboto-Bold";
  font-size: 12px !important;
  text-transform: uppercase !important;
}

.collapse-title span {
  margin-left: 15px
}

.collapse-title:before {
  position: absolute;
  display: inline-block;
  transition: all .2s;
  -webkit-transition: all .2s;
  left: 0px;
  top: 42%;
  height: 12px;
  width: 12px;
  text-align: center;
  line-height: 12px;
  margin-top: -5px;
  font-size: 16px;
  content: "\f106";
  font-family: 'Font Awesome 5 Free';
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  font-weight: 900;
}

.collapse-title.collapsed:before {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

.card-body {
  padding-left:0px !important;
  padding-right:0px !important;
  padding-bottom:0px !important;
  margin-bottom:15px !important;
  border: none !important;
  border-bottom: 1px solid rgba(72, 94, 144, 0.16) !important;
  border-radius: 0px !important;
}

.table-border-left-right-bottom {
  border-left:1px solid #d0d0d0 !important;
  border-right:1px solid #d0d0d0 !important;
  border-bottom:1px solid #d0d0d0 !important;
  border-radius: 2px !important;
}

.th-datatable-10 th{width:10% !important;}
.th-datatable-30 th{width:30% !important;}
.th-datatable-60 th{width:60% !important;}

.print-image {
  width: 100px;
}

audio {
    filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
    width: 230px;
    height: 30px;
}

.content-audio {
  margin-top:5px;
}

.no-padding {
  padding: 0px !important;
}

.login-application-name {
  color: #042f66;
  text-transform: uppercase;
  font-family: Roboto-Black;
  font-size:15px;
  letter-spacing: 1px;
  text-align: center;
}

.text-uppercase {text-transform: uppercase;}

.nav-text {font-size:12px !important;}

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

.info-profile {text-align: left; padding-top:10px; padding:10px 20px 0px 20px;}

.info-usercompany {text-transform: uppercase; font-size: 14px; margin-top: 5px;  line-height: 11px; font-weight: bold}

.info-userrole {text-transform: uppercase; font-size: 9px; margin-top: 2px; color: #ccc;}

.icon-button {min-width: 15px}

.icon-menu {min-width: 20px}

.icon-menu-home {min-width: 23px}

.logo-login {width: 50px; text-align: center; margin-top: 5px; margin-bottom: 5px}

.app-name {opacity: 1; margin-left: 5px; padding-top: 5px !important}

.status-text {
  padding:3px 5px !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  white-space: nowrap;
}

.modal-view-large {
  min-width: 1000px;
}

.modal-view-mid {
  min-width: 500px;
}

.table-content-view {
  margin: 0px 15px 15px 15px;
}

.table-view-title {
  font-family: Roboto-Bold;
  white-space: nowrap;
  width:10%;
  padding-right:15px;
  text-align: right
}

.table-view-value {
  padding-left:15px;

}

.table-view-th {
  font-family: Roboto-Bold;
  background: #fafafa !important;
  border-top:1px solid #ddd;
}

.modal {
  overflow-y:scroll !important; 
  border: none !important;
}

.modal-dialog {
  border: none !important;
}


.modal-content {
  border: none !important;
  padding:0px !important; margin:0px !important;
}

.modal-body {
  padding:0px !important; margin:0px !important;  
}

.text-create {
}

.modal-box-small {
  width:500px;
}

.modal-box-medium {  
  width:750px;
}

.modal-box-large {
  width:1000px !important;  
}

.view_value {
  margin-top:-5px;
  font-size: 13px;
}

.view_label {
  text-transform: uppercase;
  color: #999 !important;
  font-size: 10px;
}

.text-dark.active {
  color: #fff !important;
}

table thead tr {
  white-space: nowrap !important;
}

.table-modal {
  margin-top:10px !important;
  margin-bottom:10px !important;
}

.table-modal tr td {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.custom-iframe {
    position: relative;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    border: none;
    margin: 0 !important;
    padding: 0px !important;
}

.frame-box-modal {
  margin-bottom:15px !important;
}

.content-modal {
  padding-top: 15px;
}

.title-modal {
  opacity: 1 !important;
  color: #fff !important;
  font-size: 25px;
  padding:5px 15px 0px 15px;
}

.selector-language {
  position: fixed;
  bottom: 20px;
  max-width: 100px;
}

.table-noborder tr td{
  border: none !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.dtpg-notification {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.darkNav .metisMenu > li.active > .nav-thumbnail {
  /*background-color: #fff;
  background: linear-gradient(-90deg, #fff, #fff);
  background: -webkit-linear-gradient(-90deg, #fff, #fff);
  border:1px solid #fff; */
}

.btn-datatable {
  font-family: "Roboto-Bold";
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 10px;
}

.btn-datatable:hover {
  text-decoration: underline !important;
}

.modal-view {
  padding-top:10px !important;
  padding-bottom:10px !important;
}

.btn {
  margin-right:5px;
  font-weight: bold;
  box-shadow: 0  10px 8px -10px rgba(0, 0, 0, 0.4) !important;
}

.btn-success {
  background-color: #069c2e !important;
}

.table-datatable tr td:first-child { border-right: 0px solid #ddd !important; }
.table-datatable tr th:first-child { border-right: 0px solid #ddd !important; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: none !important;
  color: #222; 
}

.link-tab-first  {
  background: #eee !important;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #222 !important;
  border-radius: 0px !important;
  text-transform: uppercase;
  font-family:'Roboto-Bold';
  font-size:14px;
  letter-spacing: 0.05em;
}

.link-tab  {
  background: #eee !important;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #222 !important;
  border-radius: 0px !important;
  text-transform: uppercase;
  font-family:'Roboto-Bold';
  font-size:14px;
  letter-spacing: 0.05em;
}

.link-tab-first.active {
  background: #fff !important;
  border-bottom: none !important;
}

.link-tab.active {
  background: #fff !important;
  border-bottom: none !important;
}

.box-tab {
  border:1px solid #ddd; 
  padding:50px 0px 20px 0px; 
  margin-top:-0.1em; 
  z-index: -999;
  background-color: #fff !important;
  margin-bottom:30px;
}

.border-bottom-table {
  border-bottom:1px solid #ccc !important;
  border-left:none !important;
  border-right:none !important;
}

.border-bottom-table tr td:first-child, .border-bottom-table tr th:first-child{
  border-left:none !important;
}

.border-bottom-table tr td:last-child, .border-bottom-table tr th:last-child {
  border-right:none !important;
}

table thead tr th {
  padding-left: 7px !important;
}

.btn-primary {
  background: #2c2d3a !important;
}