body {
    background-color: #f1f5f8 !important
}
.nav-bg {
    background-color: #fff !important;
    box-shadow:0px 0px 6px #00000054
}

.hr-prime {
    opacity: 0.5 !important;
    color: #ee592f;
    margin-top: 35px;
    margin-bottom: 5px;
}
.prime-color {
    color: #1f8587 !important
}

.sec-color {
    color: #ee592f !important
}

.primebg-color {
    background-color: #1f8587 !important
}
.secbg-color {
    background-color: #ee592f !important
}


.login-form-block {
    background-color: #fff;
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    /*box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05), 0 4px 12px 0 rgba(0, 0, 0, 0.05);*/
    border-radius: 5px;
}

.usermgmt-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: -webkit-linear-gradient(to right, #1f8587, #37b0b3); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #1f8587, #37b0b3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    text-align:center;
    vertical-align:middle
}

.usermgmt-icon i{
    font-size:21px;
}

.usermgmt-text{
    font-size:20px;
    vertical-align:middle;
    font-weight:500;

}
input,
select,
textarea {
    border-radius: 3px !important
}
.btn-main {
    background-color: #ee592f;
    color: #fff;
    border-radius:3px !important
}

    .btn-main:hover {
        background-color: #dd4217;  
        color:#fff;
    }

.nav-link {
    color: #1f8587 !important
}
    .nav-link:hover {
        color: #095d5e !important
    }
.text-link {
    color: #ee592f !important;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

    .text-link:hover {
        color: #dd4217 !important
    }

    .text-link i{
        margin-right:5px;
    }
.accordion-item:first-of-type, .accordion-item:last-of-type, .accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0;
}
  

.accordion-button:focus{
    box-shadow:none
}
.accordion-button {
    padding: 10px 15px !important
}
.accordion-body{
    padding:10px !important;
}
.accordion-btn {
    position: absolute;
    right: 50px ;
    border:1px solid #b5c2d7;
    border-radius:3px;
    padding:3px 15px;
    font-size:14px;
    background-color:#fff

}
.edit-table {
    font-weight:400 !important;
    font-size:14px !important;

}

.edit-table th {
    font-weight: 500 !important;
    font-size: 14px !important;
}
.form-switch .form-check-input {
    border-radius: 2em !important
}

.company-initials {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background-color: #ccdfdf;
    text-align: center;
    line-height: 89px;
    font-size: 40px;
    margin: 15px auto;
    
}
.user-pills {
    background-color: #ccdfdf;
    padding:3px 10px;
    border-radius:25px;
    font-size:14px;
    display:inline-block
}
.company-detail{
    width:100%
}
.company-detail td {
    border-bottom: 1px dotted #ccdfdf;
    padding: 10px;
    font-size: 14px;
}
.alert-company-warning{
    padding:5px 10px;
}

    .alert-company-warning i{
        font-size:18px;
        margin-right:5px
    }
.tile a {
    color: #fff;
    transition: all 0.4s ease;
    text-decoration:none
}
    .tile a:hover {
        padding-left: 8px;
    }

    .tile-count{
        font-size:48px !important;
        font-weight:500
    }
.name-circle {
    background-color: #1f8587;
    width: 64px;
    height: 64px;
    line-height: 61px;
    text-align: center;
    border-radius: 50%;
    font-size: 28px;
    font-weight: 400;
    color: #fff
}
.table-theme th {
    background-color: #1f8587 !important;
    color:#ffff !important;
    font-weight:400 !important;
}


.active-user {
    background-color: #8c4b7e !important;
}
.product-date {
    background-color: #ee592f !important
}
.blank-tile {
    background-color: #d8e0e1 !important
}


.table-theme th {
    background-color: #1f8587 !important;
    color: #ffff !important;
    font-weight: 500 !important;
    font-size: 14px;
}

.modal-header {
    padding: 8px 12px !important
}
.tile {
    position: relative;
    text-align: left;
    z-index: 3;
    border-radius: 5px;
    background: #1f8587;

}

.tile-inner {
    overflow: hidden;
    position: relative;
    padding: 15px 20px;
    height: 200px;
    color:#fff
}

.tile-icon {
    position: absolute;
    font-size: 110px;
    color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: -1;
    visibility: visible;
    opacity: 0.2;
    right: -15px;
    bottom: -20px;
}


.footer-text {
    text-align: center !important;
    font-size: 12px !important
}