:root {
--txt-color: #666;
--placeholder-color: #999;
}
.navbar { padding: 0px; }
.navbar-nav { margin-top:34px; }
.table>:not(:first-child) { border-top:0px;}
.form-control {
    color:var(--txt-color);
}
.form-label { color: dimgray; font-weight: 600;}
.ng-option-label { color: var(--txt-color);}
td>span.ng-star-inserted { color:var(--txt-color); }
td>a.fs-6{font-size: 0.9em !important;}
.ngx-pagination label { color:#999; font-size: 0.9em;}

::-webkit-input-placeholder { color: var(--placeholder-color); font-size: 0.8em;}
:-moz-placeholder { color: var(--placeholder-color); font-size: 0.8em;}
::-moz-placeholder  { color: var(--placeholder-color); font-size: 0.8em;}

.clean-navbar .navbar-nav .nav-item { padding-right: 0px;}
.nav-link { padding-right: 1rem !important; padding-left: 1rem !important;}
#profile .nav-link:last-child{ border-top: 1px solid #ddd;}
.breadcrumb-item { margin-top:5px; font-size: 0.9em;}
.error-message i { font-size: 0.9em;}


#dashboard-sec1 .widget-subheading { font-weight: bold; font-size: 1.5rem; }
#dashboard-sec1 .widget-chart-content .accounts { color: #DD5600 !important;}
#dashboard-sec1 .widget-chart-content .opportunities { color: #C71C22 !important;}
#dashboard-sec1 .widget-chart-content .deals { color: #73A839 !important;}

#dashboard-sec1 .widget-numbers { font-size: 2.5rem; font-weight: bold;}
#dashboard-sec2 .duedate { color: #888; font-weight: bold; font-size: 0.9rem;}
#dashboard-sec1 .card-header-title,#dashboard-sec2 .card-header-title, #dashboard-sec3 .card-header-title  { color:#444; font-weight: bold; }
#dashboard-sec2 .widget-heading { color:#666;}
#dashboard-sec2 .widget-subheading { color:#666; margin-top: 5px;font-size: 0.9rem;}
#dashboard-sec2 hr { border-top:1px solid #999; margin-bottom:5px;}
#dashboard-sec2 .badge { border:1px solid var(--bs-cyan); border-radius: 45%; background-color: var(--bs-cyan);}
#dashboard-sec2 .badge-warning { color: white; border:1px solid var(--bs-orange); white-space: nowrap; border-radius: 50px; background-color: var(--bs-orange); padding-left: 4px;padding-right:4px;font-weight: 600;text-transform: uppercase; font-size: 0.9em;}
#dashboard-sec2 .badge-info { color: white; border:1px solid var(--bs-gray-500); white-space: nowrap; border-radius: 50px; background-color: var(--bs-gray-500); padding-left: 4px;padding-right:4px;font-weight: 600;text-transform: uppercase; font-size: 0.9em;}

/* PastDueTasks */
#dashboard-sec-2 #dataTable {font-size: 0.9em;}

/* Tasks  */
#tasks .badge { border:1px solid var(--bs-cyan); border-radius: 45%; background-color: var(--bs-cyan);}
#tasks .badge-warning { color: white; border:1px solid var(--bs-orange); white-space: nowrap; border-radius: 50px; background-color: var(--bs-orange); padding-left: 4px;padding-right:4px;font-weight: 600;text-transform: uppercase; font-size: 0.9em;}
#tasks .badge-info { color: white; border:1px solid var(--bs-gray-500); white-space: nowrap; border-radius: 50px; background-color: var(--bs-gray-500); padding-left: 4px;padding-right:4px;font-weight: 600;text-transform: uppercase; font-size: 0.9em;}
#tasks .badge-danger { color: white; border:1px solid var(--bs-success); white-space: nowrap; border-radius: 50px; background-color: var(--bs-success); padding-left: 4px;padding-right:4px;font-weight: 600;text-transform: uppercase; font-size: 0.9em;}

/* for all modules */
#module .badge-new { color: white; border:1px solid var(--bs-cyan); border-radius: 50px; background-color: var(--bs-cyan); padding-left: 4px;padding-right:4px;font-weight: 600;text-transform: uppercase; font-size: 0.8em;}
.badge-danger { color: white; border:1px solid var(--bs-danger); white-space: nowrap; border-radius: 50px; background-color: var(--bs-danger); padding-left: 4px;padding-right:4px;font-weight: 600;text-transform: uppercase; font-size: 0.9em;}

.table>:not(caption)>*>* {
  padding: .3rem .3rem;
}

@media all and (max-width:767px) {
    .navbar-brand .img-logo {
        height: 36px;
        padding: 0px;
    }
    .navbar-nav { margin-top:14px; }
    .ngx-pagination { display: initial !important; text-align: center; }
    .ngx-pagination label { display: block; }
    .ngx-pagination ul { padding: 0; margin: 0; }
}
@media all and (min-width:768px) {
    .navbar-brand .img-logo {
        height: 60px;
        padding: 0px;
    }
    .navbar-nav { margin-top:34px; }
}

iframe{
  display: block;
  width: 100vw;
  height: 81vh;
  border: 0;
}