/*
ROSSO: #e30613
NERO: #1d1d1b
*/

/*
================================
GLOBALS
================================
*/

* {
    scrollbar-width: thin;
    scrollbar-color: #999 #eee;
}

*::-webkit-scrollbar {
    width: 12px;
}

*::-webkit-scrollbar-track {
    background: #eee;
}

    *::-webkit-scrollbar-thumb {
        background-color: #999;
        border-radius: 20px;
        border: 3px solid #eee;
    }

button.close {
    opacity: 1;;
}

label {
    margin-bottom: 0 !important;
}

label.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 2px 4px;
    margin-top: 2px; 
    margin-bottom: 0;
    border-radius: 4px;
    display: block;
}

textarea.error,
select.error,
input.error {
    border-color: #721c24 !important;
}

.col-actions {
    width: 100px;
}

.col-actions-1 {
    width: 50px
}

.col-actions-2 {
    width: 100px
}

.col-actions-3 {
    width: 150px
}

.table-group {
    background-color: #f4f5f6;
    font-size: .7rem;
    font-weight: 600;
}

.main-detail-content {
    padding: 65px 0 0 !important;
    min-height: calc(100vh - 41px) !important;
}

.text-bold {
    font-weight: 600 !important;
}

app-section {
    display: none;
}

.success-panel-message {
    border-color: #029934;
    background-color: #35ad5d;
    color: #fff;
}

.danger-panel-message {
    border-color: #bc092e;
    background-color: #e5123d;
    color: #fff;
}

.info-panel-message {
    border-color: #0051cc;
    background-color: #0065ff;
    color: #fff;
}

.warning-panel-message {
    border-color: #ffda6a;
    background-color: #ffe9a8;
    color: #5b4500;
}

/* .is-collapsed .sidebar .sidebar-inner .sidebar-logo {
    padding: 0 !important;
}

.sidebar:hover .sidebar-inner .sidebar-logo {
    padding:0 !important;
} */

.header {
    box-shadow: 0 0 1rem #dedede !important;
}

.sidebar-menu>li>a {
    font-weight: normal !important;
    color:#363636 !important;
    font-size: 14px !important;
}

.sidebar-menu>li.actived a,
.sidebar-menu>li>a:hover {
    background-color: #eee;
}

.component-header {
    padding: .5rem .75rem !important;
}

.component-main-actions {
    border: 1px solid rgba(0,0,0,.0625)!important;
    border-top: none !important; 
    padding: .5rem .75rem !important;
}

.component-masonry {
    margin: -10px !important;
    margin-top: .5rem !important;
}

.component-masonry > * {
    padding: 10px !important;
}

.component-main-content {
    /* transition: all .5s ease-in-out;
    opacity: 0; */
}

.component-spinner-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.component-local-spinner-overlay {    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255,255,255,0.7);
}

.component-modal-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(36,36,36,0.3);
    padding-top: 2rem;
    z-index: 1000;
}

/*
=========================
FILE UPLOAD CONTROL
=========================
*/

div.file-upload-container {
	position: relative;
	height: 175px;
}

div.file-upload-container input[type=file] {
    opacity:0;
    position: absolute;
    top:0;left:0;
    width:100%;
    height:100%;
}

div.file-upload-container div.file-upload {
    border: dashed 1px rgb(227, 6, 19);
    background: rgba(227, 6, 19, 0.1);
    border-radius: 5px;
	display: table;
    height: 100%;
    width: 100%;
}


div.file-upload-container div.file-upload-button {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    padding: 1rem;
}

div.file-upload-container div.file-upload-button span {
    font-size: .9rem;
    display: block;
    margin-bottom: .5rem;
}

div.file-upload-container div.file-info {
    padding: 0;
    display: none;
}

/* div.file-upload-container div.file-info a {
    color: #e30613 !important;
} */

div.file-upload-container div.file-dragover {
    background: rgba(227, 6, 19, 0.9) !important;
}

div.file-upload-container div.file-dragover span {
    color: #fff;
}

div.file-upload-container .file-info {
    text-align: center;
}

div.file-upload-container .file-info > img {
    max-height: 275px;
}

div.file-upload-container .file-info > button {
    background: rgb(227, 6, 19) !important;
    color: #fff;
}

.w-8r { 
    width:8rem;
}

.text-color {
    color: #1d1d1b;
}

.text-color-accent {
    color: #e30613;
}

.dashboard-icon {
    font-size: 24px;
}

.btn {
    transition: all .2s ease-in-out;
}

.btn-primary {
    background-color: #e30613 !important;
    border-color: #e30613 !important;
}

.btn-primary:hover {
    background-color: #fff !important;
    color: #e30613 !important;    
}

.btn-default:hover {
    background-color: #793506;
    color: #fff !important;
}

.btn-primary.focus, .btn-primary:focus {
    
}

.badge-dark {
    background-color: #1d1d1b !important;
}

div.logo > img {
    max-height: 65px;
}

.name-initials {
    background-color:#e30613;
    color: #fff;
    font-weight: bold;
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.table .thead-dark th {
    /*background-color: #1d1d1b !important;*/
}

.table .thead-dark th:first-child {
    border-radius: 5px 0 0 5px;
}

.table .thead-dark th:last-child {
    border-radius: 0 5px 5px 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #e30613 !important;
}

.dataTables_filter label,
.dataTables_length label {
    margin-bottom: 0;
}

table.table {
    margin-bottom: 0 !important;
}

.table .thead-dark th {
    font-weight: normal;
    text-transform: uppercase;
    font-size: .75rem;
    border-bottom: none;
}

.dashboard-reminder-text {

}

.dashboard-reminder-text a {
    transition: all .2s ease-in-out;    
}

.dashboard-reminder-text a:hover {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.dtrg-group {
    background-color: #f1f2f3;
    font-weight: 600;
    font-size: .8rem;
}

.dtrg-group > td {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}

.select2-container .select2-selection--single {
    height: calc(1.5em + .75rem + 2px) !important;
} 

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 10px !important;
}

.form-control {
    border: solid 1px #aaa !important;
}

.select2-container {
    width: 100% !important;
}

td.select2-max350px .select2-selection__rendered {
    width: 350px !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    /*color: #e30613 !important;*/
}

.dataTables_wrapper {
    overflow-x: auto !important;
}

.daterangepicker {
    padding: .5rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #495057 !important;
}

/* .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
}

.daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
} */

img.imgQrCode {
    width: 100%;
    height: auto;
}

/*
===========
EDIT PROJECTS
===========
*/

table.header-height-sm td, table.header-height-sm th, table.attachments td, table.attachments th {
    padding: .25rem;
    font-weight: normal;
}

table.select-height-sm .select2-selection {
    height: calc(1.5em + .5rem) !important;
}

table.table thead th {
    vertical-align: middle !important;
}

table.select-height-sm .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
}

table.select-height-sm .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
}

.table-hover tbody tr.selected {
    color:#212529;
    background-color:rgba(0,0,0,.075)
}

/** SWITCH BUTTON **/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 26px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #4caf50;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #4caf50;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(34px);
    -ms-transform: translateX(34px);
    transform: translateX(34px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 25px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }

  tr[role='row'] {
      cursor: pointer;
  }

  .img-activity-delivery-check,
.img-activity-delivery {
    max-height: 50px;
    margin-right: 25px;
}

span.new-activity-description {
    font-size: 16px;
    color: #363636;
}

.list-delivery-types li {
    padding: 5px;
}

.list-delivery-types a div {
    transition: all .2s ease-in-out;
    padding: 5px;
    border-radius: 5px;
}

.list-delivery-types a:hover div {
    background-color: #f7f8f9;
}

div.row-list-clients {
    display: none;
}

ul.list-clients > li {
    padding: 5px;
}

ul.list-clients  a {
    color: #72777a !important;
}

ul.list-clients  a > div {
    transition: all .2s ease-in-out;
    border-radius: 5px;
    padding: 5px 10px;
}

ul.list-clients  a > div > p {
    line-height:1.25em;
    font-size:.7rem;
    margin:0
}

ul.list-clients a:hover > div {
    background-color: #f7f8f9;
}

ul.products-selling-out li.list-group-item {
    border-color: rgba(0, 0, 0, 0.063);
    padding: .5rem;
    line-height: 1.1;
}

#chat-box {
    height: calc(100vh - 180px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

div.list-clients .client-peers:last-child {
    border: none !important;
}

div.reminder-list {

}

div.reminder-list div.reminder-list-item {
    display: flex;
    border-bottom: 1px solid rgba(0,0,0,.0625);
    padding: .5rem 0;
}

div.reminder-list div.reminder-date {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 50px;
    margin-right: .5rem;
    flex: 0 0 auto;
}

div.reminder-list span.reminder-date-month,
div.reminder-list span.reminder-date-day {
    font-size: .7rem;
    line-height: 1;
    letter-spacing: 2px;
}

div.reminder-list span.reminder-date-month-day {
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 2px;
}

div.reminder-list div.reminder-details {
    flex: 1 1 auto;
    padding-left: .5rem;
    border-left: solid 1px rgba(0,0,0,.0625);
}

div.reminder-list div.reminder-details p {
    margin: 0;
    line-height: 1; 
    font-size: .8rem;
}

div.reminder-list div.reminder-time-assignee {
    display: flex;
    justify-content: space-between;
    margin-top: .25rem;
}

div.reminder-list div.reminder-time-assignee > span {
    font-size: .75rem;
}

div.reminder-details div:last-child {
    margin-bottom: 0 !important;
}

  @media screen and (min-width: 1920px) {
    .container-xxl {
        max-width: 1200px;
        margin: 0 auto;
    }
  }