.clear {
    align-content: unset;
    align-items: unset;
    align-self: unset;
    animation: unset;
    appearance: unset;
    backface-visibility: unset;
    background-blend-mode: unset;
    background: unset;
    binding: unset;
    block-size: unset;
    border-block-end: unset;
    border-block-start: unset;
    border-collapse: unset;
    border-inline-end: unset;
    border-inline-start: unset;
    border-radius: unset;
    border-spacing: unset;
    border: unset;
    bottom: unset;
    box-align: unset;
    box-decoration-break: unset;
    box-direction: unset;
    box-flex: unset;
    box-ordinal-group: unset;
    box-orient: unset;
    box-pack: unset;
    box-shadow: unset;
    box-sizing: unset;
    caption-side: unset;
    clear: unset;
    clip-path: unset;
    clip-rule: unset;
    clip: unset;
    color-adjust: unset;
    color-interpolation-filters: unset;
    color-interpolation: unset;
    color: unset;
    column-fill: unset;
    column-gap: unset;
    column-rule: unset;
    columns: unset;
    content: unset;
    control-character-visibility: unset;
    counter-increment: unset;
    counter-reset: unset;
    cursor: unset;
    display: unset;
    dominant-baseline: unset;
    empty-cells: unset;
    fill-opacity: unset;
    fill-rule: unset;
    fill: unset;
    filter: unset;
    flex-flow: unset;
    flex: unset;
    float-edge: unset;
    float: unset;
    flood-color: unset;
    flood-opacity: unset;
    font-family: unset;
    font-feature-settings: unset;
    font-kerning: unset;
    font-language-override: unset;
    font-size-adjust: unset;
    font-size: unset;
    font-stretch: unset;
    font-style: oblique;
    font-synthesis: unset;
    font-variant: unset;
    font-weight: unset;
    font: '';
    force-broken-image-icon: unset;
    height: unset;
    hyphens: unset;
    image-orientation: unset;
    image-region: unset;
    image-rendering: unset;
    ime-mode: unset;
    inline-size: unset;
    isolation: unset;
    justify-content: unset;
    justify-items: unset;
    justify-self: unset;
    left: unset;
    letter-spacing: unset;
    lighting-color: unset;
    line-height: unset;
    list-style: unset;
    margin-block-end: unset;
    margin-block-start: unset;
    margin-inline-end: unset;
    margin-inline-start: unset;
    margin: unset;
    marker-offset: unset;
    marker: unset;
    mask-type: unset;
    mask: unset;
    max-block-size: unset;
    max-height: unset;
    max-inline-size: unset;
    max-width: unset;
    min-block-size: unset;
    min-height: unset;
    min-inline-size: unset;
    min-width: unset;
    mix-blend-mode: unset;
    object-fit: unset;
    object-position: unset;
    offset-block-end: unset;
    offset-block-start: unset;
    offset-inline-end: unset;
    offset-inline-start: unset;
    opacity: unset;
    order: unset;
    orient: unset;
    outline-offset: unset;
    outline-radius: unset;
    outline: unset;
    overflow: unset;
    padding-block-end: unset;
    padding-block-start: unset;
    padding-inline-end: unset;
    padding-inline-start: unset;
    padding: unset;
    page-break-after: unset;
    page-break-before: unset;
    page-break-inside: unset;
    paint-order: unset;
    perspective-origin: unset;
    perspective: unset;
    pointer-events: unset;
    position: unset;
    quotes: unset;
    resize: unset;
    right: unset;
    ruby-align: unset;
    ruby-position: unset;
    scroll-behavior: unset;
    scroll-snap-coordinate: unset;
    scroll-snap-destination: unset;
    scroll-snap-points-x: unset;
    scroll-snap-points-y: unset;
    scroll-snap-type: unset;
    shape-rendering: unset;
    stack-sizing: unset;
    stop-color: unset;
    stop-opacity: unset;
    stroke-dasharray: unset;
    stroke-dashoffset: unset;
    stroke-linecap: unset;
    stroke-linejoin: unset;
    stroke-miterlimit: unset;
    stroke-opacity: unset;
    stroke-width: unset;
    stroke: unset;
    tab-size: unset;
    table-layout: unset;
    text-align-last: unset;
    text-align: unset;
    text-anchor: unset;
    text-combine-upright: unset;
    text-decoration: unset;
    text-emphasis-position: unset;
    text-emphasis: unset;
    text-indent: unset;
    text-orientation: unset;
    text-overflow: unset;
    text-rendering: unset;
    text-shadow: unset;
    text-size-adjust: unset;
    text-transform: unset;
    top: unset;
    transform-origin: unset;
    transform-style: unset;
    transform: unset;
    transition: unset;
    user-focus: unset;
    user-input: unset;
    user-modify: unset;
    user-select: unset;
    vector-effect: unset;
    vertical-align: unset;
    visibility: unset;
    white-space: unset;
    width: unset;
    will-change: unset;
    window-dragging: unset;
    word-break: unset;
    word-spacing: unset;
    word-wrap: unset;
    writing-mode: unset;
    z-index: unset;
}

body{
    height: 100vh;
    background-image: linear-gradient(to bottom, #004e92 , #000428);
    justify-content: center;
}

body.cmdlt-body{
    background-color: #fff !important;
    background-image: none !important;
    justify-content: center;
}

body.cmdlt-body h4, body.cmdlt-body h5{
    font-weight: 400;
}

body.cmdlt-body h6{
    font-weight: 400;
    font-size: 15pt;
}

body.cmdlt-body label{
    font-size: 12pt;
}

body.test-body{
    height: 100vh;
    background-color: #fff !important;
    background-image: none;
    justify-content: center;
}

body.center {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;

}

nav{
    padding-left: 30px;
}

.sidenav .option-sidenav {
    font-weight: 500;
    padding-left: 32px;
}

.login-div {
    max-width: 430px;
    padding: 35px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: white;
}

.white-bg{
    padding: 35px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: white;
}

tbody {
    display:block;
    height:400px;
    overflow:auto;
}
thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
thead {
    width: calc( 100% - 1em )
}
table {
    width: 100%;
}

nav i.material-icons{
    color:#0d47a1 ;
}

.dropdownNotification{
    color: #333;
}

.dropdown-content{
    width: 400px;
}

.dropdown-content.options{
    width: 150px!important;
}

nav .brand-logo{
    top: 9px;
}

nav div.logo{
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width:150px;
    height:35px;
    border-radius: 25%;
    /*margin:0 auto;*/
}

.logo {
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width:195px;
    height:45px;
    border-radius: 25%;
    margin:0 auto;
}

.client-logo{
    background-image: url("../img/logo-cmdlt.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width:250px;
    height:85px;
    margin:0 auto;
}

div.row.sized-row{
    margin-bottom: 30px;
}

div.table-container{
    background-color: white;
    min-height: 700px;
    border-radius: 1%/1%;
}

div.main-container{
    background-color: white;
    border-radius: 1%/1%;
}

@media only screen and (min-width : 601px) and (max-width : 1260px) {
    .toast {
    width: 100%;
    border-radius: 0;}
}

@media only screen and (min-width : 1261px) {
    .toast {
    width: 100%;
    border-radius: 0; }
}

@media only screen and (min-width : 601px) and (max-width : 1260px) {
    #toast-container {
    min-width: 100%;
    bottom: 0%;
    top: 90%;
    right: 0%;
    left: 0%;}
}

@media only screen and (min-width : 1261px) {
    #toast-container {
    min-width: 100%;
    bottom: 0%;
    top: 90%;
    right: 0%;
    left: 0%; }
}

input[type="text"]:disabled{
    color:#666 !important;
}
nav .right{
    margin-right: 20px;
}

.blue-border {
    border: 1px solid #1E88E5;
}

.noshadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.modal.modal-error,
.modal.modal-info,
.modal.modal-success {
    max-width: 400px;
}

.modal .modal-content {
    text-align: center;
}

.modal .modal-content .icon-text i {
    font-size: 40px;
    font-weight: bold;
}

.modal .modal-header {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 16px;
    height: 56px;
    width: 100%;
    text-align: left
}

.modal .modal-header .btn-close {
    color: #fafafa;
}

.modal-error .modal-footer,
.modal-info .modal-footer,
.modal-success .modal-footer {
    text-align: center;
}

.modal-error .modal-header {
    background-color: #d32f2f;
    color: #fafafa;
}

.modal-error .btn-action {
    background-color: #d32f2f;
    color: #fafafa;
}

.modal-error .btn-cancel {
    background-color: #fafafa;
    border: 1px solid #d32f2f;
    color: #d32f2f;
}

.modal-error .modal-content .icon-text i {
    color: #d32f2f;
}

.modal-info .modal-header {
    background-color: #1976d2;
    color: #fafafa;
}

.modal-info .btn-action {
    background-color: #1976d2;
    color: #fafafa;
}

.modal-info .btn-cancel {
    background-color: #fafafa;
    border: 1px solid #1976d2;
    color: #1976d2;
}

.modal-info .modal-content .icon-text i {
    color: #1976d2;
}

.modal-success .modal-header {
    background-color: #4caf50;
    color: #fafafa;
}

.modal-success .btn-action {
    background-color: #4caf50;
    color: #fafafa;
}

.modal-success .btn-cancel {
    background-color: #fafafa;
    border: 1px solid #4caf50;
    color: #4caf50;
}

.modal-success .modal-content .icon-text i {
    color: #4caf50;
}


#dropdownNotification li {
    padding: 0 10px;
}



.notif{
    position: absolute;
  }

.notification-badge {
    position:relative;
    padding:0px 6px;
    width: 2px;
    height: 2px;
    background-color: #f44336;
    color: white;
    bottom: 15px;
    left: 15px;
    border-radius: 50%;
}

.notification-badge.hidden{
    visibility: hidden;
}

div#date,
div#startDate,
div#endDate {
    display: none;
}

.step-circle{
    border-radius: 50%;
    background-color: #0D47A1;
    color: #ddd;
    width: 35px !important;
    height: 35px !important;
}

.selected-step-circle{
    border-radius: 50%;
    background-color: #ddd;
    color: #0D47A1;
    width: 35px !important;
    height: 35px !important;
}

.selected-step-circle > p, .step-circle > p{
    margin: 0 auto;
}

.step-row>.col{
    float: none !important;
    margin-left: auto;
    margin-right: auto;
  }

  .row{
      margin-bottom: 15px !important;
  }