/* .dx-widget {
    font-family: centraleSansMedium;
} */

/* .dx-field-item {
    /* font-size: 0.9rem;
} */
#app {
    min-height: 100vh;
}

.dx-invalid-message > .dx-overlay-content {
  background-color: transparent;
  color: #f44336;
  padding: 0;
}

.dx-invalid {
    margin-bottom: 20px;
}

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 20px;
}

.separator {
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid rgba(0, 0, 0, 0.125);
}
.separator::before {
    margin-right: .25em;
}
.separator::after {
    margin-left: .25em;
}

.dx-fileuploader{
    border: 1px solid #ddd;
}

.dx-field-value-static { font-weight: bold;}


.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background: #fff;
}
.nav-tabs .nav-link {
    border-bottom: none;
}

/*footer {
    margin-top: -100px;
}*/
footer ul.links {
    border-left: 1px solid #343A40;
    overflow-x: hidden;
}

footer ul.links li {
    display: flex;
    align-items: center;
    margin-left: -1px;
}

footer ul.links li a{
    display: block;
    float: none;
    padding: 0px 6px;
    color: #969696;
}

footer ul.links li .divider-v {
    width: 1px;
    height: 16px;
    background: grey;
}

.footer-separator {
    border-top: 2px solid #464646;
}

/* landing Page */
.signify-header {
    
    background: url('../images/header.png');
    background-size: cover;
}

.login-box .head {
    background: #04E89A;
    color: #fff;
}

.d-md-table-cell.login-wrapper {
    width: 350px;
}

.login-box .head .active {
    font-weight: bold;
    border-bottom: 2px solid #312BFB;
}

.title-header {
    font-size: 50px;
}

.dropdown.no-arrow .dropdown-toggle::after {
    display:none;
}

.badge-counter{
    position: absolute;
    left: 17px;
    margin-top: -.25rem;
}

.icon-circle {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-list .dropdown-item {
    white-space: normal;
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #e3e6f0;
    line-height: 1rem;
}

#notificationList {
    max-height: 400px;
    overflow-y: auto;
}

#notif-item span {
    font-size: 13px;
}

@media (min-width:576px) {
    .dropdown-list {width:20rem!important}
}

/* signify pallete */
.dx-texteditor.dx-editor-outlined, .dx-texteditor-input, .dx-button, .dx-checkbox-icon {
    border-radius: 0;
}

.card, .card-header, .btn {
    border-radius: 0;
}

.dx-button-mode-contained.dx-button-default, .btn-primary {
    background-color: #1331ff;
}

.dx-button-mode-contained.dx-button-default.dx-state-hover {
    background-color:  #1432ff;
}

.dx-button-mode-contained.dx-button-normal.dx-button-has-text {
    border: 1px solid #1432ff;
    color: #1331ff;
}

.dx-button-mode-contained.dx-button-normal.dx-button-has-text.dx-state-hover {
    background-color: #fff;
}

.dx-header-row td, 
.dx-header-row td.dx-col-fixed {  
    background-color: #3c3c41!important;  
    color: #fff;
} 

.btn-primary:hover {
    background-color:  #1432ff;
}

.btn-danger, .btn-danger:hover, .btn-danger:active { background-color: #e41d30;}

.btn-success, .btn-success:hover, .btn-success:active { background-color: #00e487;}

a { color:  #1331ff; }

.dx-button-mode-contained.dx-button-success.dx-button-has-text, .dx-button-mode-contained.dx-button-success.dx-button-has-text.dx-state-hover {
    background-color: #00e487;
}

.dx-button-mode-contained.dx-button-danger.dx-button-has-text, .dx-button-mode-contained.dx-button-danger.dx-button-has-text.dx-state-hover {
    background-color: #e41d30;
}

.text-required, .dx-field-item-required-mark {
    color: #00e487;
}

.dx-checkbox-checked .dx-checkbox-icon {
    color: #1432ff;
}

.dx-checkbox.dx-state-focused .dx-checkbox-icon, .dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border-color: #ddd;
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background-color: #1432ff;
}

.alert { border-radius: 0;}

.alert-info {
    background-color:rgba(20, 50, 255, 0.4);
    color: #000;
}

.badge {
    border-radius: 0;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: capitalize;
}

#FileListContainer .dx-list-item-content, #FileListContainer .dx-list-item {
    white-space: normal;
}

.text-blue-signify {
    color: #1432ff;
}

.text-signify { color: #00e487; }

.bg-blue-signify {
    background: #1432ff;
}

#likeButton { cursor: pointer;}

#likeButton:hover {
    color: #1432ff;
}

/* checkboxes */
.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 32px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-checkbox.disabled {
    cursor: not-allowed; 
}

.custom-checkbox.disabled .checkmark {
    border: 1px solid #ccc;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
    width: 32px;
    background-color: #fff;
    border: 1px solid #333;
  }

  /* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
    background-color: #eee;
  }
  
  /* When the checkbox is checked, add a blue background */
  .custom-checkbox input:checked ~ .checkmark {
    background-color: #00e487;;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark::after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .custom-checkbox input:checked ~ .checkmark::after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .custom-checkbox .checkmark::after {
    left: 12px;
    top: 5px;
    width: 8px;
    height: 16px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

.quantity-box { display: inline-block; 
    text-align: left;
    position: relative;
    white-space: nowrap;
    vertical-align: top;}
.quantity-box input { display: inline-block;
    margin: 0;
    vertical-align: top;
    box-shadow: none; }

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

.quantity-box input[type=number] {
    -moz-appearance: textfield;
  }

.quantity-box .q-input {
    width: 32px;
    height: 32px;
    padding: 0 5px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #efefef;
}

.quantity-box .q-sub,
.quantity-box .q-add {
 padding: 0px 10px;
 height: 32px;
 background-color: #ffffff;
 border: 1px solid #efefef;
 cursor:pointer;}

.quantity-box .q-add { border-left: 0;}
.quantity-box .q-sub { border-right: 0;}

.quantity-box .q-sub:hover,
.quantity-box .q-add:hover {
    background-color: #eee;
}