
.row-bg-container.topHeader_container {
    margin-bottom: 0px;
}
.row-bg-container.topHeader_container {
margin-bottom: 0px;
z-index: 9990;
}
h1.title_page {
font-size: 26px;
color: #5e5873;
margin-bottom: 5px;
}
h2 {
font-weight: 300;
font-size: 24px;
color: #5e5873;
}
h4 {
font-size: 15px;
color: #5e5873;
margin-bottom:10px;
}
a {
color: #5e5873;
}
p {
font-size: 17px;
color: #5e5873;
line-height: 26px;
}
h3 {
font-size: 18px;
color: #5e5873;
line-height: 28px;
}
select.form-control {
font-size: 15px;
font-family: "Roboto", sans-serif!important;
}
.page-body-wrapper {
padding-top: 0;
}
.content-wrapper {
padding: 30px 0;
width: 95%;
margin: auto;
}
.titlecontainer {
padding: 50px;
}
.row-bg-container {
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: center;
align-items: center;
/* background: #fff; */
padding: 5px 20px;
border-radius: 5px;
margin-bottom: 30px;
}
nav#sidebar {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
height: 100%;
position: fixed;
    padding-top: 70px;
}
.main-panel {
margin-left: 257px;
z-index: 9999;
background: #f7f7f7;
}
.main-panel.contactEds {
background: #f7f7f7;
}
li.nav-item.active a.nav-link {
background: linear-gradient(to right, #fd5d00 0%,#feb200 100%)!important;
border-radius: 5px;
}

li.nav-item.active ul.nav.flex-column.sub-menu a.nav-link {
background: transparent!important;
border-radius: 5px;
}

.sidebar .nav {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.sidebar .nav .nav-item.active > .nav-link i, .sidebar .nav .nav-item.active > .nav-link .menu-title, .sidebar .nav .nav-item.active > .nav-link .menu-arrow {
color: #ffffff;
}
a#profileDropdown {
display: flex;
flex-wrap: nowrap;
align-content: space-around;
justify-content: flex-end;
align-items: center;
padding-right: 0;
}
input.btn.btn-primary.post_button {
padding: 10px 35px!important;
box-shadow: none;
border-radius: 6px!important;
}
span.roleAdmin {
display: block;
font-weight: 200;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link img {
width: 40px;
height: 40px;
border-radius: 100%;
}
.nav-profile-name {
line-height: 18px;
text-align: right;
margin: auto 10px;
color: #4a4a4a;
font-weight: 500;
font-size: 0.875rem;
}
li.nav-item.nav-profile {
margin-left: 0!important;
}
ul.top-admin-nofification {
display: flex;
padding-left: 0;
margin-bottom: 0;
list-style: none;
flex-direction: row;
align-items: center;
justify-content: flex-end;
flex-wrap: nowrap;
}
.col {
padding-left: 0;
padding-right: 0;
}
.col.clsflex {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: stretch;
justify-content: flex-start;
align-items: center;
}
/*HEADER */
.text-primary {
color: #fd5e00 !important;
}
.dropdown .dropdown-menu {
margin-top:5px;
}
.dropdown .dropdown-menu .dropdown-item {
font-size: .875rem;
padding: .80rem 1.5rem 0.50rem;
}
body.sidebar-icon-only .main-panel {
margin-left: 70px;
}
.nav-item.nav-profile.dropdown {
width: 215px;
float: right;
}
a#profileDropdown img {
width: 32px;
height: 32px;
}
ul.top-admin-nofification img {
width: 40px;
}
ul.top-admin-nofification li {
padding-left: 10px;
}
.nav-profile-name {
line-height: 18px;
text-align: right;
font-size: 15px;
margin: auto 10px;
}
.mdi-bell:before {
content: "\F09A";
font-size: 22px;
color: #5e5873;
}
.top-admin-nofification span.count {
position: absolute;
left: 64%;
width: 19px;
height: 19px;
border-radius: 100%;
background: #ff4747;
top: 6px;
text-align: center;
font-weight: 600;
line-height: normal;
color: white;
font-size: 13px;
padding: 2px;
}
.profFlex {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
list-style: none;
margin: auto;
padding: 15px 15px 15px 0;
}


/* POST CONTENT */
ul.post_author_avatar img {
width: 58px;
margin-right: 10px;
}

.post_author_avatar {
 display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
list-style: none;
margin: auto;
padding: 15px 15px 15px 0;
}
h2.post_title {
font-size: 16px;
color: #5e5873;
margin-bottom: 0;
}
span.postdate {
color: #5e5873a6;
font-size: 13px;
}
ul.profFlex li {
margin-right: 10px;
align-self: center;
}
h2.author-name,
.position-name {
margin: 0;
color: #fff;
}
.btn.btn-primary {
background: #f54112!important;
border: none;
font-size: 17px;
margin-bottom: 25px;
float: right;
padding: 10px 35px;
border-radius: 5px;
}
.postContent p {
font-size: 15px;
color: #7d7d7d;
margin-bottom: 15px;
line-height: 24px;  
}
.post_feature_images {
background: url(../images/bg_feature_image.jpg);
background-size: cover;
height: 280px;
width: 100%;
z-index: 99;
position: relative;
background-position: center;
border-radius: 6px;
margin-bottom: 20px;
}
.form-group textarea {
border: 2px solid #f3f3f3;
font-weight: 400;
font-size: 0.875rem;
border-radius: 5px;
height: 80px!important;
}
span#search {
padding: 0;
font-size: 36px;
color: #5e5873;
background: white;
border: none;
}
/* ACTIVITY LOGS */
div#tabActiveLogs {
padding: 30px 0;
}
div#tabActiveLogs .searchWrapper {
padding: 0 20px;
}
table#acvtyLogs td:last-child {
font-size: 14px;
text-align: right;
color: #5e587378;
}
table#acvtyLogs th:nth-child(2), table#acvtyLogs th:nth-child(3) {
text-align: center;
}
.flex4 {
display: flex;
width: 800px;
}
table#acvtyLogs {
width: 100%;
}
table#acvtyLogs tr { 
border:none!important;
}
table#acvtyLogs tr:nth-child(odd) {
background: #f3f2f7!important;
}
table#acvtyLogs td:first-child {
text-align: left;
}
table#acvtyLogs td:first-child strong {
text-transform: uppercase;
display: inline-block;
padding-bottom: 0.5em;
}
table#acvtyLogs td:first-child p {
font-weight: 400;
color: #5e5873bf;
}
table#acvtyLogs td {
padding: 20px 30px;
font-size: 15px;
color: #5e5873;
margin-bottom: 5px;
text-align: center;
vertical-align: top;
}
table#acvtyLogs .tbauhtor {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
align-content: center;
}
.authorDesc h4 {
font-size: 17px;
}
.authorDesc p {
font-size: 14px;
}
table#acvtyLogs .tbauhtor img {
width: 60px;
}
.authorDesc {
padding-left: 10px;
}

.authorDesc h4, .authorDesc p {
margin-bottom: 0;
}

/* CONTRACTS */
table#dtBasicExample {
border: none;
}
table#dtBasicExample tr {
border: none!important;
}
table#dtBasicExample th {
text-transform: uppercase;
font-size: 14px;
color: #5e5873;
padding: 18px 20px;
border: none;
}
.conrcts_dropdown {
width: 200px;
}
table#dtBasicExample thead tr:nth-child(1) {
background: #fff!important;
}
table#dtBasicExample tr:nth-child(odd) {
background-color: #f3f2f7!important;
}
table#dtBasicExample td:nth-child(1), table#dtBasicExample td:nth-child(2), table#dtBasicExample td:nth-child(3) {
text-align: left;
}
table#dtBasicExample td {
font-size: 15px;
padding: 18px 20px;
}
.tab-content .tab-pane {
padding: 30px 20px;
}
.tabForms .grid-margin.stretch-card {
padding: 0;
}
.tabForms .nav-tabs .nav-item .nav-link {
background: transparent;
padding: 12px 20px;
font-size:15px;
color:#5e5873;
}
.tabForms .nav-tabs .nav-item .nav-link.active {
border: 0;
border-bottom: 2px solid #fd6000;
color: #fd6000;
}
.row-bg-container.tabForms {
padding: 5px 0;
}
.tabForms .card {
border: none;
}
.tabForms ul.nav.nav-tabs {
border: none!important;
padding: 0 0px!important;
border-bottom: 1px solid #eaeaea!important;
}
.css-1pahdxg-control:hover {
box-shadow: none!important;
border-color: rgb(234 234 234)!important;
border-width: 2px!important;
}
.showing_result {
color: #bfbdbd;
margin-bottom: 10px;
font-weight: 200;
}

.breadcrumb {
margin-left: 20px;
background: none;
padding: 0;
margin-bottom: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
content: "❯";
}
ol.breadcrumb li a, .text-orange {
color: #f54112;
}
ol.breadcrumb li, ol.breadcrumb li a {
font-size: 15px;
}
.flex2 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
}
.flex2 .input-group {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: stretch;
width: 100%;
justify-content: flex-start;
height: 45px;
margin-right: 20px;
}

.form-group:last-child {
margin-right: 0px!important;
}
.form-group {
width: 100%;
margin-bottom: 1.5rem;
margin-right: 20px;
}
textarea {
border-radius: 3px;
padding: 12px 10px!important;
   border: 2px solid #eaeaea!important;
}

input, select {
border-radius: 3px!important;
padding: 11px 10px!important;
height: auto!important;
border: 2px solid #eaeaea!important;
outline:none!important  ;
}
label  {
color: #5e5873;
}
button.btn.btn-primary.canel {
background: #fff0!important;
border: 2px solid #f54112;
color: #f54112;
font-weight: 600;
padding: 9px 35px;
}
.button_wraper .btn.btn-primary {
float: left;
margin-right: 16px;
padding: 9px 35px;
border: 2px solid #f54112;
}
.form-outline {
width: 100%;
}
.flex2 span#search {
padding: 0;
font-size: 26px;
position: absolute;
right: 5px;
top: 10px;      
z-index:  9;
}
.searchWrapper form {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
}
.row-bg-container.searchWrapper .col:first-child {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.row-bg-container.searchWrapper .col:first-child .flex2 input {
border-radius: 5px!important;
}
.row-bg-container.searchWrapper .col:first-child .flex2 {
width: 250px;
}
.row-bg-container.searchWrapper h4 {
font-size: 15px;
color: #5e5873;
margin-bottom: 10px;
margin-bottom: 0;
margin-right: 15px;
}
.row-bg-container.searchWrapper input, .row-bg-container.searchWrapper select {
font-size: 15px!important;
color: #757575;
}
.row-bg-container.searchWrapper .col:nth-child(2) .form-group {
margin-bottom: 0!important;
}
/* clients */
.logoContainer h4.titleLogo {
overflow: hidden;
height: 25px;
line-height: 25px;
}
.logoContainer .img_wrapper img {
width: 100%;
}
.logoContainer .img_wrapper {
overflow: hidden;
min-height: 117px;
}
.row-bg-container.logoContainer {
margin: auto;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
padding: 5px 5px;
border-radius: 5px;
margin-bottom: 30px;
}
.logoContainer .col-md-3 {
max-width: 100%;
width: 100%;
}
.logo_content {
background: white;
padding: 10px 15px;
}
.indexSite.siteTitle {

text-align: center;
}
.indexSite2.col {
position: absolute;
right: 20px;
width:auto;
}

.siteTitle {
width: 100%;
text-align: left;
padding: 10px 30px;
}
.siteTitle h1 {
color: #f54112;
font-size: 23px;
margin-bottom: 0;
font-weight: 900;
}
.siteTitle p {
font-size: 14px;
color: #f54112;
font-weight: 300;
margin-bottom: 0px;
}
.row-bg-container.f8admin {
padding: 7px 11px;
display: block;
margin: auto;
 margin: 0 auto 30px;
}
.f8admin h3.title_page {
color: #f54112;
margin-bottom: 0;
font-weight: 700;
font-size: 14px;
}
.f8admin p {
font-size: 14px;
color: #f54112;
margin-bottom: 0;
}
.f8admin .col p {
font-style: italic;
font-weight: 100;
}
.f8admin .col {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding: 0;
}
.logo_wrapper {
border: 1px solid #d8d8d8;
border-radius: 3px;
box-shadow: 0px 3px 1px 1px #f1f1f1;
}
a.logo_more {
color: #fd7100!important;
font-size: 13px;
}
.row-bg-container.logoContainer .col {
max-width: 100%;
width: auto;
margin-bottom: 15px;
padding: 5px 10px 5px!important;
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #f54111;
border-color: transparent!important;
border-radius: 101px;
    font-size: 14px;
}
.page-link {
position: relative;
display: block;
padding: 5px 10px;
margin-left: 4px;
line-height: 1.25;
color: #444444;
background-color: #5e587321;
border: transparent;
font-size: 12px;
}

.clstables .col {
padding:0px!important;
}
.clstables .table thead th {
border-top: 0;
border-bottom-width: 0px;
text-transform: uppercase;
background: #f3f2f7;
border: none;
width: 18%;
padding: 15px 0px 15px 15px;
color: #5e5873;
font-size: 15px;
}
.table td {
font-size: 16px;
padding: 15px 0px 15px 15px;
color: #5e5873;
line-height: 21px;
border: none;
}
tbody tr td:first-child {
font-weight: 600;
}
tbody tr {
background: #fff!important;
border-bottom: 2px solid #ecebeb;
}

/* PROSPECTS */
.main-panel {
display: block !important;
}
.main-panel.prospects_Wrapper {
margin-left: 0;
width: 100%;
}
.row-bg-container.box-container {
max-width: 780px;
padding: 35px;
}
ul.socialIcons li {
margin-right: 10px;
}
ul.socialIcons img {
width: 20px;
}
ul.socialIcons {
display: flex;
list-style: none;
justify-content: flex-start;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
padding-left: 0;
}
form#login-form label {
color: #5e5873!important;
font-size: 15px;
}
input.btn.btn-info.btn-md {
padding: 10px 35px!important;
border-radius: 6px!important;
background: #f54112!important;
width: 100%;
box-shadow: none!important;
font-size: 19px;
border: 2px solid #f54112!important;
}

label.text-info.remmberme {
top: -3px!important;
position: relative;
padding-left: 4px;
font-size: 15px!important;
}
/* FILES */
body {
background: #eee
}
.item .item-content {
padding: 30px 35px
}
.image-upload {
width: 100%;
border: 5px dashed #F54313;
border-radius: 10px;
margin-bottom: 20px;
position: relative;
text-align: center;
color: #666;
overflow: hidden;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.image-upload h6.mt-10.mb-70 {
font-size: 15px;
font-weight: 400;
color: #f65328;
}
.image-upload h5 {
color: #f54112;
font-weight: 300;
font-family: 'Roboto';
font-size: 21px;
padding-bottom: 12px;
}
.item-wrapper form img {
margin-bottom: 20px;
width: auto;
height: auto;
max-height: 400px;
width: auto;
border-radius: 5px;
overflow: hidden
}

.image-upload img {
height: 100% !important;
width: auto !important;
border-radius: 0px;
margin: 0 auto
}

.image-upload i {
font-size: 6em;
color: #ccc
}

.image-upload input {
cursor: pointer;
opacity: 0;
height: 100%;
width: 100%;
z-index: 10;
position: absolute;
top: 0;
left: 0
}

.item-wrapper input {
height: 43px;
line-height: 43px;
border: 1px solid #ddd;
border-radius: 4px;
margin-bottom: 20px;
height: 100%!important;
}
.logo_wrapper.filewrapper {
display: grid;
grid-template-columns: 55px auto 90px;
align-items: center;
padding: 10px 19px;
box-shadow:none;
}
.logo_wrapper.filewrapper img {
width: 32px;
}
.file_action img {
width: 20px!important;
justify-content: flex-end;
}

.file_action {
display: grid;
grid-template-columns: auto auto;
justify-content: flex-end;
grid-column-gap: 10px;
}
.logo_wrapper.filewrapper .logo_content {
background: white;
padding: 0 5px;
}
.filecontainer {
grid-template-columns: repeat(auto-fill, minmax(410px, 1fr))!important;
}
h4.files_name {
color: #f54112;
font-size: 17px;
font-weight: 400;
margin-bottom: 5px;
}
a.files_date {
font-size: 14px;
color: #5e5873d4!important;
}


/* NOTES */

#notes textarea {
border-radius: 5px;
height: 100px;
}
.field_comment_icons {
margin-top: -30px;
text-align: right;
padding-right: 15px;
margin-bottom: 30px;
}
h4.notes_author,p.notes_dates {
margin-bottom: 0px;
}
p.notes_dates {
font-size: 15px;
}
.form_field_area {
padding: 30px 20px 0;
}
.notesUser {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
 margin-bottom: 10px;
}
table#tbleIds img {
width: 43px;
}
table#tbleIds {
width: 100%;
padding: 0 20px 0!important;
display: inline-block;
}
table#tbleIds td {
padding: 15px 10px;
vertical-align: top;
}
table#tbleIds tr {
border: none;
}
.field_comment_icons img {
width: 17px;
margin-right: 10px;
}
.notesDesc p {
font-size: 16px;
line-height: 1.5em;
}
div#notes {
padding: 0;
}
div#notes .mt-2.text-right {
margin-bottom: 75px;
}

.multiselect input {
    border: none !important;
    padding: 6px!important;
}

a.btn-outline-secondary:hover{
    color: #fff;
    background-color: rgb(253,112,0);
    border-color: rgb(253,112,0);
}

.bg-gradient-primary {
    background: linear-gradient(to right, #fd5d00 0%,#feb200 100%)!important;
}

.text-white p{
    color: #fff !important;
}

.logoContainer h4.titleLogo {
    overflow: hidden;
    height: 25px;
    line-height: 25px;
}
.logoContainer .img_wrapper img {
    width: 100%;
}
.logoContainer .img_wrapper {
    overflow: hidden;
    height: 150px;
}
.row-bg-container.logoContainer {
    margin: auto;
    width: 98%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    padding: 5px 5px;
    border-radius: 5px;
    margin-bottom: 30px;
}
.logoContainer .col-md-3 {
    max-width: 100%;
    width: 100%;
}
._loading_overlay_overlay{
    z-index: 99990 !important;
}
.swal2-container{
    z-index: 90000 !important;
}
.text-gray{
    color: #5e5873 !important;
}
.file_action .btn.btn-sm, .btn-group-sm > .btn {
    padding: 0 !important;
}
table#tbleIds {
    width: 100%;
    padding: 0 20px 0!important;
    display: table;
}
table#tbleIds tr td:last-child {
    padding: 15px 10px;
    vertical-align: top;
    width: 100%;
}
.notesUser {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

p.notes_dates {
    font-size: 15px;
    text-align: right;
}

.switch1{
    padding-top: calc(0.875rem + 1px);
}

.daterangepicker{
    z-index: 99900 !important;
}

.table-fixed{
    display: block;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto;
    overflow-x: auto;
    white-space: nowrap;
}

.table-fixed td, .table-fixed th{
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.table-fixed td div.fixed-wrapper{
    width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
}

nav[aria-label="breadcrumb"] {
    flex: 1;
}

.form-group.d-flex.justify-content-end {
    justify-content: flex-end;
    margin-bottom: 0;
    position: relative;
    top: 80px;
}

button.btn.btn-info.btn-md{
    padding: 10px 35px!important;
    border-radius: 6px!important;
    background: #f54112!important;
    width: 100%;
    box-shadow: none!important;
    font-size: 19px;
    border: 2px solid #f54112!important;
}