html, body {
background: #F7F8F9 !important;
}
body,
body *{
font-family: 'Inter', sans-serif;
}
header#header {
background: #fff;
position: relative;
top: 0;
z-index: 9;
width: 100vw;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
border-bottom: 1px solid #E7E7E7;
}
header#header.styled-header {
transition: all 0.3s ease;
background: rgba(0,0,0,1);
}
header#header nav {
width: 100%;
padding: 0;
box-shadow: none;
}
header#header nav div#headermenu {
justify-content: space-between;
}
header#header .container-fluid {
max-width: calc(100% - 80px);
}
header#header nav a.navbar-brand {
padding: 0;
margin: 0;
}
header#header nav ul.navbar-nav {}
header#header nav ul.navbar-nav li a.nav-link {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #000000 !important;
padding: 0 12px;
text-transform: unset;
z-index: 99;
}
header#header nav ul.navbar-nav li.active > a {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #0592B1 !important;
padding: 0 20px;
text-transform: unset;
}
header#header nav ul.navbar-nav li:last-child a {
padding-right: 0;
}
header#header nav ul.navbar-nav li:first-child a {
padding-left: 0;
}
header#header nav .button-header {
margin-left: 30px;
display: flex;
align-items: center;
justify-content: center;
}
header#header nav .button-header a.btn.btn-header {
border-radius: 100px;
min-height: 34px;
margin: 0;
min-width: 125px;
font-weight: 500;
font-size: 15px;
line-height: 19px;
text-transform: capitalize;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border: solid 2px transparent;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #ACE705, #05E786);
background-origin: border-box;
background-clip: content-box, border-box;
box-shadow: 2px 1000px 1px #000000 inset;
}
header#header nav .button-header a.btn.btn-header span{
background: -webkit-gradient(linear, left top, right top, from(#ACE705), to(#05E786));
background: linear-gradient(to right, #ACE705 0%, #05E786 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border-image: linear-gradient(to right, #ACE705 0%, #05E786 100%);
}
header#header.styled-header1 {
position: fixed;
}
header#header.styled-header1 + .inner-content-wrapper {
margin-top: 70px;
overflow-x: hidden;
}
header#header nav ul.navbar-nav.dropdown {}
header#header nav ul.navbar-nav.dropdown li.nav-item {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
header#header nav ul.navbar-nav.dropdown li.nav-item span.icon-box {
position: relative;
}
header#header nav ul.navbar-nav.dropdown li.nav-item span.profile-box {
width: 24px;
height: 24px;
border-radius: 100%;
overflow: hidden;
display: inline-block;
}
header#header nav ul.navbar-nav.dropdown li.nav-item span.icon-box img {}
header#header nav ul.navbar-nav.dropdown li.nav-item span.profile-box img {
width: 100%;
}
header#header nav ul.navbar-nav.dropdown li.nav-item span.icon-box span.dot {
position: absolute;
top: -6px;
right: -1px;
width: 10px;
height: 10px;
background: #E44035;
border: 1px solid #FFFFFF;
border-radius: 100%;
}
header#header nav ul.navbar-nav.dropdown .ripple-container {
opacity: 0 !important;
}
.dropdown-menu {
padding: 10px 20px;
left: 0 !important;
top: calc(100% + 15px);
background: #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 10px;
min-width: 190px;
max-height: 270px;
overflow-y: auto;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item {
min-height: 64px;
padding: 0 7px 0 20px;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .icon-box.icon-bg {
background: #E44035;
width: 31px;
height: 31px;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .icon-box {
border-radius: 100%;
margin-right: 9px;
display: flex;
align-items: center;
justify-content: center;
width: 31px;
height: 31px;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .flex-column {
flex: 1;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .flex-column .name-time {
display: flex;
align-items: center;
justify-content: space-between;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .flex-column .name-time span {
font-weight: normal;
font-size: 10px;
line-height: 12px;
color: #808080;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .flex-column .detail {}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .flex-column .detail span {
font-weight: normal;
font-size: 14px;
line-height: 21px;
/* identical to box height */
color: #000000;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu p.text {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000;
padding: 0 7px 0 20px;
margin: 20px 0 15px;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .icon-box.icon-bg img {
width: 15px;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .icon-box img {}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu.profile-box.show {
left: calc(0% - 175px);
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu.profile-box.show a.dropdown-item:nth-child(1) {}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu.profile-box.show a.dropdown-item:nth-child(1) .icon-box {
overflow: hidden;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu.profile-box.show a.dropdown-item:nth-child(1) .icon-box img {
width: 100%;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item.active,header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item:hover {
background: #FAF9F9;
}
header#header.styled-header + .section.section-about {}
header#header.styled-header + .section.section-about .container-fluid > .row .col-md-3.col-lg-3.col-xs-12 {
top: 80px;
}
header#header nav ul.navbar-nav.dropdown.main-menu {
padding-left: 80px;
}
header#header nav ul.navbar-nav.dropdown.main-menu li a.nav-link {
padding: 0 12px;
}
header#header nav ul.navbar-nav.dropdown.main-menu li:first-child a.nav-link {
/* padding-left: 0; */
}
header#header nav ul.navbar-nav.dropdown.main-menu li:last-child a.nav-link {
/*padding-right: 0;*/
}
header#header nav ul.navbar-nav li a.nav-link > svg {
font-size: 18px;
color: #808080;
}
header#header nav ul.navbar-nav.dropdown.main-menu a.nav-link > svg {
color: #555;
font-size: 13px;
margin-left: 4px;
}
header#header nav ul.navbar-nav.dropdown.main-menu li.active a.nav-link > svg {
color: #0592B1;
}
.dropdown-menu a {
font-weight: normal !important;
padding: 8px 0 !important;
font-size: 12px;
line-height: 18px;
text-transform: capitalize;
color: #000000;
display: block;
}
header#header nav ul.navbar-nav.dropdown.main-menu li a.nav-link {
position: relative;
}
header#header nav ul.navbar-nav.dropdown.main-menu li.active a.nav-link:before {content: "";transition: all 0.3s ease;transform: scale(0.5);transform-origin: center;}
.viewport-wrapper {
min-height: calc(100vh - 50px);
position: relative;
top: 50px;
padding: 50px 50px 0;
/*overflow: hidden;*/
}
.content-wrapper {
/*min-height: calc(100vh - 50px);*/
}
.content-wrapper .titlehead {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.content-wrapper .titlehead .left-block {}
.content-wrapper .titlehead .left-block h4.main {
font-weight: normal;
font-size: 24px;
line-height: 29px;
/* identical to box height */
color: #000000;
margin-bottom: 3px;
}
.content-wrapper .titlehead .left-block p.sub {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
margin: 0;
}
.content-wrapper .titlehead .right-block {
display: flex;
align-items: center;
justify-content: center;
}
.content-wrapper .titlehead .right-block .position-relative {}
.content-wrapper .titlehead .right-block a.btn.btn-borderonly {
margin: 0 12px;
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
text-align: center;
color: #424750;
background: transparent;
}
.content-wrapper .titlehead .right-block a.btn.btn-primary {
margin: 0 0 0 12px;
text-transform: capitalize;
background: #E44035;
border-radius: 100px;
padding: 8px 16px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
border: 1px solid #E44035;
}
.content-wrapper .titlehead .right-block .position-relative a.btn.btn-borderonly {
margin-left: 0;
}
.content-wrapper .titlehead .right-block .position-relative a.btn.btn-borderonly svg {
color: #424750;
margin-left: 8px;
}
.details-section {
margin-top: 20px;
}
.details-section ul.nav-tabs li {}
.details-section ul.nav-tabs {}
.details-section ul.nav-tabs li a.active {
font-weight: bold;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #0592B1 !important;
}
.details-section ul.nav-tabs li a {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000 !important;
text-transform: capitalize;
padding: 0 15px 15px;
position: relative;
border-bottom: none;
}
.details-section ul.nav-tabs li:first-child a {
padding-left: 0;
}
.details-section ul.nav-tabs li:last-child a {
padding-right: 0;
}
.details-section ul.nav-tabs li a:before {content: "";position: absolute;bottom: 0;width: calc(100% - 50px);left: 25px;height: 2px;background: #0592B1;border-radius: 5px 5px 0px 0px;transform: scale(0);transition: all 0.3s ease;}
.details-section ul.nav-tabs li a.active:before {content: "";position: absolute;bottom: 1px;width: calc(100% - 15px);left: 15px;height: 2px;background: #0592B1;border-radius: 5px 5px 0px 0px;transform: scale(1);transition: all 0.3s ease;}
.details-section ul.nav-tabs li:first-child a.active:before {
left: 0px;
}
::before {}
.details-section ul.nav-tabs li a div.ripple-container {
display: none;
}
.details-section ul.nav-tabs li a svg {
color: #424750;
font-size: 12px;
position: relative;
top: -1px;
margin-right: 3px;
}
.details-section .card {
background: #FFFFFF;
box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.1);
border-radius: 20px;
padding: 40px 30px 20px;
}
.details-section .card .filter-section {}
.details-section .card .table-responsive {
/*overflow-x: auto;
max-height: calc(100vh - 250px);
overflow-y: auto;*/
}
.details-section .card .custom-table {
margin-top: 24px;
}
.details-section .card .filter-section .filter-form {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
}
.details-section .card .filter-section .filter-form .search-block {
position: relative;
margin-right: 24px;
}
.details-section .card .filter-section .filter-form .flex-display {
display: flex;
align-items: center;
justify-content: space-between;
flex: 1;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 0;
padding: 0;
}
.details-section .card .filter-section .filter-form .search-block span.bmd-form-group {}
.details-section .card .filter-section .filter-form .search-block input.form-control {
background: #F7F8F9;
border-radius: 100px;
min-height: 34px;
padding: 0 15px;
font-weight: normal;
font-size: 14px;
line-height: 34px;
/* identical to box height */
color: #808080;
}
.details-section .card .filter-section .filter-form .search-block button.btn.btn-transparent {
padding: 0;
margin: 0;
position: absolute;
top: 6px;
right: 13px;
color: #808080;
cursor: pointer;
}
.details-section .card .filter-section .filter-form .search-block input.form-control::placeholder {
font-size: 14px;
line-height: 34px;
color: #808080;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li {
list-style: none;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li a {
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
padding: 0 13px;
}
.details-section .card .filter-section .filter-form .search-block button.btn.btn-transparent:hover,.details-section .card .filter-section .filter-form .search-block button.btn.btn-transparent:focus {
background: transparent;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li a svg {
margin: 0 3px;
font-size: 12px;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li:first-child a {
padding-left: 0;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li:last-child a {
padding-right: 0;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li a.btn.btn-primary {
background: #F7F8F9;
border-radius: 100px;
padding: 8px 17px;
margin: 0;
}
.details-section .card .custom-table td {
padding: 10px 15px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000;
/*min-width: 250px;*/
}
.details-section .card .custom-table .dataTables_empty{
text-align:left;
padding:15px;
}
.details-section .card .custom-table td:first-child {
/*min-width: initial;*/
}
.details-section .card .custom-table th {
padding: 7px 15px;
font-weight: 600;
font-size: 12px;
line-height: 15px;
text-transform: uppercase;
color: #424750;
}
/*.details-section .card .custom-table th:first-child {
min-width: initial !important;
}*/
.details-section .card .custom-table th {
/*min-width: 220px;*/
}
.checkbox-block input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
-webkit-appearance: none;
}
.checkbox-block label {
position: relative;
cursor: pointer;
margin: 0;
}
.checkbox-block label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); */
padding: 7px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 8px;
width: 13px;
height: 13px;
border: 1px solid #808080;
box-sizing: border-box;
border-radius: 3px;
}
.checkbox-block input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 4px;
left: 6px;
width: 5px;
height: 9px;
border: solid #333;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.details-section .card .custom-table td .profile-detail {
display: flex;
align-items: center;
justify-content: flex-start;
}
.details-section .card .custom-table td .profile-detail span.img-box {
width: 24px;
height: 24px;
overflow: hidden;
margin-right: 10px;
}
.details-section .card .custom-table td .profile-detail span.img-box img {
width: 100%;
}
.details-section .card .custom-table td a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
}
.details-section .card .custom-table tbody tr {
height: 34px;
}
.details-section .card .custom-table tbody tr:hover td {
background: #F7F8F9;
}
.details-section .card .custom-table tbody tr:hover td:first-child {
border-radius: 100px 0 0 100px;
}
.details-section .card .custom-table tbody tr:hover td:last-child {
border-radius: 0px 100px 100px 0px;
}
.details-section .card .custom-table tbody tr:hover td a {
color: #0592B1;
}
.details-section .card .custom-table tbody tr:hover td a.profile-detail {
/*text-decoration: underline;*/
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li a img {
padding-right: 5px;
}
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
border-radius: 0px;
background-color: transparent;
}
::-webkit-scrollbar
{
width: 8px;
height: 8px;
background-color: transparent;
}
::-webkit-scrollbar-thumb
{
border-radius: 100px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.00);
background-color: #ddd;
}
.pagination-block {
display: flex;
align-items: center;
justify-content: center;
min-height: 50px;
z-index: 1;
position: relative;
margin: 10px 0;
}
.pagination-block ul {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0 35px;
}
.pagination-block ul li.prev {
margin: 0 15px;
}
.pagination-block ul li.active {}
.pagination-block ul li.next {
margin: 0 15px;
}
.pagination-block ul li.active a {
font-weight: bold;
text-decoration: underline;
}
.pagination-block ul li a {
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
}
.pagination-block .dropdown-box {
margin: 0 35px;
position: relative;
}
.pagination-block .dropdown-box span.bmd-form-group {
padding: 0;
}
.pagination-block .dropdown-box select {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
background: transparent;
border: none !important;
padding-right: 20px;
}
.pagination-block ul li {
list-style: none;
margin: 0 5px;
}
.pagination-block .dropdown-box span.icon {
position: absolute;
right: 0;
z-index: -1;
color: #808080;
}
.pagination-block .dropdown-box select:focus {
outline: none;
border: none;
background: transparent;
}
.modal .modal-full-height.modal-right {
position: absolute;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 460px;
height: auto;
min-height: 100%;
margin: 0;
}
.modal-right .modal-content {
background: #FFFFFF;
box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
border-radius: 10px;
}
.modal-right .modal-header {
padding: 15px 50px;
position: relative;
background: #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
border-radius: 4px 4px 0px 0px;
}
.modal-right .modal-header p.heading.lead {
font-weight: 500;
font-size: 24px;
line-height: 29px;
/* identical to box height */
display: flex;
align-items: center;
color: #333;
margin: 0;
}
.modal-right .modal-header button.close {
padding: 0;
margin: 0;
position: absolute;
right: 20px;
opacity: 1;
}
.modal-right .modal-body {
padding: 40px 50px;
}
.contact-form {
margin: 0;
}
.contact-form .form-section {
margin-bottom: 15px;
}
.contact-form .form-section label.control-label {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
margin-bottom: 10px;
}
.contact-form .form-section span.bmd-form-group {
padding: 0;
}
.contact-form .form-section .form-control {
background: #F7F8F9;
border-radius: 5px;
height: 33px;
line-height: 20px;
font-weight: normal;
font-size: 14px;
/* identical to box height */
color: #000000 !important;
padding: 0 15px;
}
.contact-form .form-section .position-relative select {
border-radius: 5px;
height: 33px;
line-height: 33px;
font-weight: normal;
font-size: 14px;
color: #424750;
padding: 0 15px;
width: 100%;
background: transparent;
border: none;
}
.contact-form .form-section .position-relative span.icon {
position: absolute;
right: 13px;
z-index: 0;
color: #424750;
top: 6px;
}
.contact-form .form-section .btn.btn-primary {
margin: 0 0 0 10px;
text-transform: capitalize;
background: #E44035;
border-radius: 100px;
padding: 8px 10px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
border: 1px solid #E44035;
}
.contact-form .form-section .btn.btn-borderonly {
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 10px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #424750;
background: transparent;
margin: 0;
}
.contact-form .form-section .btn.btn-borderonly.btn-red {
margin: 0 0 0 10px;
border: 1px solid #E44035;
}
.contact-form .form-section .form-control::placeholder {
font-size: 14px;
line-height: 2.5em;
color: #424750;
}
.contact-form .form-section .position-relative {
background: #F7F8F9;
border-radius: 5px;
}
.contact-form .form-section .position-relative span.bmd-form-group {
z-index: 1;
}
.contact-form .form-section:last-child {
margin-bottom: 0;
}
.contact-form .form-section.flex-display {
display: flex;
align-items: center;
justify-content: flex-end;
padding-top: 25px;
}
.filter-form {}
.filter-form .form-section {
margin-bottom: 15px;
}
.filter-form .form-section label.control-label {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000;
margin-bottom: 10px;
}
.filter-form .form-section .position-relative {}
.filter-form .form-section .position-relative span.bmd-form-group {
padding: 0;
}
.filter-form .form-section .position-relative input.form-control {
height: 34px;
background: #F7F8F9;
border-radius: 100px;
line-height: 34px;
font-weight: normal;
font-size: 14px;
/* identical to box height */
color: #424750;
padding: 0 15px;
padding-right: 25px;
}
.filter-form .form-section .position-relative .btn.btn-transparent {
position: absolute;
margin: 0;
padding: 0;
right: 13px;
top: 4px;
color: #808080;
}
.filter-form .form-section ul {
margin: 0;
padding: 0;
}
.filter-form .form-section ul li {
list-style: none;
}
.filter-form .form-section ul li a {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
margin: 12px 0;
display: inline-block;
width: 100%;
}
.filter-modal {}
.filter-modal .modal-dialog {
/*width: 400px !important;*/
}
.filter-form .form-section .position-relative input.form-control::placeholder {
font-size: 14px;
color: #808080;
line-height: 34px;
}
.viewport-wrapper .inner-wrapper {
height: 100%;
display: flex;
align-items: stretch;
justify-content: flex-start;
min-height: calc(100vh - 50px);
}
.viewport-wrapper .inner-wrapper .left-block {
flex: 0 0 25%;
max-width: 25%;
background: #FFFFFF;
padding: 0;
/* overflow-y: auto; */
position: relative;
/* max-height: calc(100vh - 50px);
min-height: calc(100vh - 50px); */
}
.viewport-wrapper .inner-wrapper .center-block {
flex: 0 0 50%;
max-width: 50%;
padding: 0 40px;
transition: all 0.3s ease;
}
.viewport-wrapper .inner-wrapper .right-block {
flex: 0 0 25%;
max-width: 25%;
padding: 0 40px;
overflow-y: auto;
position: relative;
max-height: calc(100vh - 50px);
min-height: calc(100vh - 50px);
background: #ffffff;
transition: all 0.3s ease;
}
.viewport-wrapper .inner-wrapper .left-block .action-box {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
padding: 24px 40px 0;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
margin-bottom: 12px;
padding: 0 40px;
}
.viewport-wrapper .inner-wrapper .left-block .action-links {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 22px;
padding: 0 40px;
}
.viewport-wrapper .inner-wrapper .left-block .action-links a:first-child {
margin-left: 0;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box {}
.viewport-wrapper .inner-wrapper .left-block .action-box a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000 !important;
text-transform: capitalize;
padding: 0;
margin: 0;
}
.viewport-wrapper .inner-wrapper .left-block .action-box .dropdown {}
.viewport-wrapper .inner-wrapper .left-block .profile-img span {
/* width: 80px;
height: 80px;
overflow: hidden; */
}
.viewport-wrapper .inner-wrapper .left-block .profile-img span img {
width: 100%;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img h4 {
font-weight: 500;
font-size: 24px;
line-height: 29px;
text-align: left;
color: #000000;
margin: 0 0 8px;
padding: 0 0px !important;
width: 100%;
word-break: break-all;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img span p {}
.viewport-wrapper .inner-wrapper .left-block .profile-img h4 a {
color: #0592B1 !important;
font-size: 14px;
position: relative;
top: -2px;
left: 5px;
}
.viewport-wrapper .inner-wrapper .left-block .action-links a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 9px;
text-decoration: none;
}
.viewport-wrapper .inner-wrapper .left-block .action-links a:hover span.text, .viewport-wrapper .inner-wrapper .left-block .action-links a:focus span.text {
color: #0592B1;
}
.viewport-wrapper .inner-wrapper .left-block .action-links a span.icon-box {
width: 24px;
height: 24px;
border-radius: 100%;
border: 1px solid #0592B1;
display: flex;
align-items: center;
justify-content: center;
background: #F7F8F9;
}
.viewport-wrapper .inner-wrapper .left-block .action-links a span.icon-box img {}
.viewport-wrapper .inner-wrapper .left-block .action-links a span.text {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-align: center;
color: #808080;
margin: 5px 0 0;
}
.accordion-box .card {
box-shadow: none;
border: none;
}
.accordion-box .card .card-header {
border: none;
padding: 0;
}
.accordion-box .card .card-body {
padding: 0;
}
.accordion-box .card .card-header h5 {}
.accordion-box .card .card-header h5 button {
min-height: 40px;
padding: 0;
margin: 0;
width: 100%;
text-align: left;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
color: #0592B1;
text-decoration: none;
}
.accordion-box .card .card-header h5 button.collapsed {
color: #000000;
}
.accordion-box .card .card-header h5 button svg {
color: #808080;
margin-right: 15px;
}
.accordion-box .card .card-body p {}
.viewport-wrapper .inner-wrapper .left-block .action-box a svg {
color: #808080;
margin-right: 5px;
}
.viewport-wrapper .inner-wrapper .left-block .action-box .dropdown a.nav-link svg {
margin-left: 5px;
margin-right: 0;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img p {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000;
margin-bottom: 8px;
}
.viewport-wrapper .inner-wrapper .left-block .inactive {
color: #D6D6D6 !important;
}
.accordion-box .card .card-header h5 button.collapsed svg {
transition: all 0.3s ease;
color: #000000;
transform: rotate(0deg);
}
.accordion-box .card .card-header h5 button svg {
color: #0592B1;
transition: all 0.3s ease;
transform: rotate(90deg);
}
.accordion-box .card .card-header h5 button:hover, .accordion-box .card .card-header h5 button:focus {
background: transparent;
}
.viewport-wrapper .inner-wrapper .left-block .action-box .dropdown .dropdown-menu {
left: unset !important;
right: 0% !important;
}
.about-profile {
margin-bottom: 30px;
}
.about-profile .about-row {
margin-bottom: 15px;
margin-left: 21px;
}
.about-profile .about-row label.control-label {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
margin-bottom: 5px;
}
.about-profile .about-row p.text {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
color: #808080;
margin: 0;
}
.about-profile .about-row .btn.btn-borderonly {
padding: 0;
margin: 0 0 10px;
width: auto;
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: inline-block;
align-items: center;
text-align: center;
color: #424750;
background: transparent;
}
.about-profile .about-row .btn.btn-borderonly:first-child {
color: #fff !important;
background-color: #0592B1 !important;
}
.about-profile .about-row .btn.btn-borderonly:first-child:hover {
color: #0592B1 !important;
background-color: transparent !important;
}
.about-profile .about-row:last-child {
margin-bottom: 0;
}
.accordion-box .card .card-header h5 button:hover, .accordion-box .card .card-header h5 button:focus {
color: #0592B1;
}
.viewport-wrapper .inner-wrapper .left-block .action-box a:hover, .viewport-wrapper .inner-wrapper .left-block .action-box a:focus, .viewport-wrapper .inner-wrapper .left-block .action-box a:hover svg, .viewport-wrapper .inner-wrapper .left-block .action-box a:focus svg {
color: #0592B1 !important;
text-decoration: none;
}
.details-section ul.nav-tabs li a:hover, .details-section ul.nav-tabs li a:focus {
color: #0592B1 !important;
transition: all 0.3s ease;
}
.dropdown-menu a:hover, .dropdown-menu a:focus {
color: #0592B1 !important;
text-decoration: none;
}
.search-drop {
width: 290px;
padding: 0;
}
.search-drop .search-btn {
margin: 20px 20px 10px;
}
.search-drop .search-btn span.bmd-form-group {
padding: 0;
}
.search-drop .search-btn .btn.btn-transparent {
padding: 0;
margin: 0;
position: absolute;
top: 6px;
right: 13px;
color: #808080;
cursor: pointer;
}
.search-drop .search-btn input.form-control {
background: #F7F8F9 !important;
border-radius: 5px !important;
min-height: 34px !important;
padding: 0 15px !important;
font-weight: normal !important;
font-size: 14px !important;
line-height: 34px !important;
color: #808080 !important;
}
.search-drop .search-btn .btn.btn-transparent svg {
color: #808080 !important;
}
.search-drop a span.main {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
display: block;
margin-bottom: 5px;
}
.search-drop a span.sub {
display: block;
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
}
.search-drop a:before {content: "";}
.search-drop .search-btn input.form-control::placeholder {
font-size: 14px;
line-height: 34px;
color: #808080;
}
.search-drop a {
padding: 15px 20px !important;
}
.seacrh-drop form {
margin: 0;
}
.search-drop form {
margin: 0;
}
.search-drop a:hover,.search-drop a:focus {
background: #F7F8F9;
}
.search-drop a:hover span.main, .search-drop a:focus span.main {
color: #0592B1 !important;
}
.search-drop a .child {
display: flex;
align-items: flex-start;
}
header#header nav a.navbar-brand img {
width: 151px;
}
.custom-modal {
overflow: hidden;
}
.custom-modal .modal-dialog {
height: 100vh;
}
.custom-modal .modal-header {
min-height: 60px;
align-items: center;
}
.custom-modal .modal-body {
max-height: calc(100vh - 139px);
overflow-y: auto;
}
.checkbox-block.thead-check input:checked + label:after {
content: " - ";
width: 100%;
height: 100%;
top: 0;
left: 2px;
border: none !important;
transform: rotate(0deg);
font-size: 24px;
display: flex;
align-items: center;
justify-content: flex-start;
color: #fff;
}
.checkbox-block.thead-check input:checked + label:before {
background: #0592B1;
border: 1px solid #0592B1;
}
.details-section .card .custom-table th .flex-box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.details-section .card .custom-table th .flex-box span.text {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
text-transform: capitalize;
}
.details-section .card .custom-table th .flex-box a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
text-transform: capitalize;
padding: 0;
margin-right: 30px;
}
.details-section .card .custom-table th .flex-box a svg {
margin-right: 5px;
font-size: 13px;
}
.details-section .card .custom-table th .flex-box a.nav-link {}
.details-section .card .custom-table th .flex-box a.nav-link svg {
font-size: 16px;
margin-left: 5px;
margin-right: 0;
}
.details-section .card .custom-table th .flex-box > * {
margin-right: 30px;
}
.details-section .card .custom-table th .flex-box a:hover,.details-section .card .custom-table th .flex-box a:focus {
color: #0592B1 !important;
text-decoration: none;
}
.details-section .card .custom-table th.hide {
display: none;
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs {
display: flex;
align-items: center;
justify-content: flex-start;
padding-top: 24px;
margin-bottom: 28px;
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item {
margin-right: 40px;
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item:last-child {
margin-right: 0;
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000 !important;
text-transform: capitalize;
padding: 0 0 10px;
border: none;
position: relative;
transition: all 0.3s ease;
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link.active, .viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link:hover, .viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link:focus {
color: #0592B1 !important;
transition: all 0.3s ease;
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link:before {content: "";position: absolute;bottom: 0;width: 100%;height: 1px;background: #0592B1;border-radius: 5px 5px 0px 0px;transition: all 0.3s ease;transform: scale(0);}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link.active:before {
transition: all 0.3s ease;
transform: scale(1);
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link:hover,.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link:focus {
background: transparent;
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link .ripple-container {
display: none;
}
.viewport-wrapper .inner-wrapper .center-block .tab-content {}
.center-block .tab-content .top-block.flex-end {
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 32px;
}
.center-block .tab-content .top-block.flex-end a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #0592B1;
}
.center-block .tab-content .top-block.flex-end .btn.btn-borderonly {
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #424750;
background: transparent;
margin: 0 0 0 12px;
transition: all 0.2s ease;
}
.center-block .tab-content .top-block.flex-end .btn.btn-borderonly:hover, .center-block .tab-content .top-block.flex-end .btn.btn-borderonly:focus {
border: 1px solid #0592B1;
color: #0592B1;
transition: all 0.2s ease;
}
.center-block .tab-content .top-block.flex-end .btn.btn-primary {
margin: 0 0 0 12px;
text-transform: capitalize;
background: #0592B1;
border-radius: 100px;
padding: 8px 16px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF !important;
border: 1px solid #0592B1;
}
.card-block {
overflow-y: auto;
position: relative;
min-height: calc(100vh - 211px);
max-height: calc(100vh - 211px);
padding-right: 5px;
overflow-x: hidden;
}
.card-block .desc_list {
height: 125px;
overflow-x: hidden;
overflow-y: auto;
}
.card-block .card {
background: #FFFFFF;
box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.05);
border-radius: 5px;
padding: 22px;
margin-bottom: 20px;
}
.card-block .card .flex-display {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.card-block .card .flex-display .icon-box {
position: relative;
top: 0;
line-height: 11px;
}
.card-block .card .flex-display .flex-content {
flex: 1;
display: flex;
flex-direction: column;
padding-left: 24px;
}
.card-block .card .flex-display .flex-content .flex-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 24px;
}
.card-block .card .flex-display .flex-content .flex-row p.main {
font-weight: 600;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-transform: uppercase;
color: #424750;
margin: 0;
}
.card-block .card .flex-display .flex-content .flex-row p.date {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
margin: 0;
}
.card-block .card .flex-display .flex-content .flex-row p.text {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
margin: 0;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .img-box {
width: 24px;
height: 24px;
border-radius: 100%;
overflow: hidden;
margin-right: 13px;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .img-box img {
width: 100%;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content {}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content p.text {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
margin-bottom: 5px;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child {
display: flex;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child span {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child a.nav-link {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
text-transform: capitalize;
padding: 0 8px;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child .dropdown-menu {
/*min-width: 300px;
padding: 32px;*/
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child .dropdown-menu p {
/* font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #424750;
margin-bottom: 32px;*/
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child .dropdown-menu .btn.btn-borderonly {
/* border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px !important;
text-transform: capitalize;
font-weight: 500 !important;
font-size: 14px !important;
line-height: 17px !important;
text-align: center;
color: #424750 !important;
background: transparent;
width: initial;
display: inline-block !important;*/
}
.card-block .card .flex-display .flex-content .flex-row a.link {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750 !important;
}
.card-block .card .flex-display .flex-content .flex-row.padding-left {
justify-content: flex-start;
align-items: center;
}
.card-block .card .flex-display .flex-content .flex-row.padding-left svg {
color: #808080;
margin-left: 0;
font-size: 16px;
}
.card-block .card .flex-display .flex-content .flex-row.padding-left span.sub {}
.card-block .card .flex-display .flex-content .flex-row.padding-left span.sub {
margin: 0 15px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
}
.card-block .card .flex-display .flex-content .flex-row a.more-link {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
color: #808080 !important;
}
.card-block .card .flex-display .icon-box svg {
color: #0592B1;
font-size: 16px;
}
.card-block .card .flex-display .flex-content .flex-row:last-child {
margin-bottom: 0;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child a.nav-link svg {
margin: 0 5px;
font-size: 14px;
}
.card-block .card .flex-display .flex-content .flex-row a:hover,.card-block .card .flex-display .flex-content .flex-row a:focus {
color: #0592B1 !important;
text-decoration: none;
}
.viewport-wrapper .inner-wrapper .right-block > .collapse-icon {
margin: 24px 0 21px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.viewport-wrapper .inner-wrapper .right-block > .collapse-icon img{
cursor: pointer;
}
.viewport-wrapper .inner-wrapper .right-block.collapse-right > .collapse-icon {
justify-content: center;
}
.right-block .accordion-box .card .card-header h5 {
display: flex;
align-items: center;
justify-content: center;
}
.right-block .accordion-box .card .card-header h5 a {
color: #000000 !important;
text-decoration: none;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.right-block .accordion-box .card .card-header h5 a svg {
margin-right: 10px;
font-size: 10px;
}
.right-block .accordion-box .card .card-header h5 a.nav-link {
padding: 0;
}
.right-block .accordion-box .card .card-header h5 a.nav-link svg {
margin-right: 0;
margin-left: 10px;
font-size: 15px;
}
.right-block .accordion-box .card .card-header h5 .position-relative .dropdown-menu {
left: unset !important;
right: 0 !important;
}
.accordion-box .card .card-body .btn.btn-borderonly {
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #424750;
background: transparent;
margin: 0;
transition: all 0.2s ease;
}
.accordion-box .card .card-body .btn.btn-borderonly:hover, .accordion-box .card .card-body .btn.btn-borderonly:focus {
border: 1px solid #0592B1;
color: #0592B1;
transition: all 0.2s ease;
}
.custom-modal .modal-body .nav-tabs {
margin-bottom: 24px;
padding: 40px 50px 0;
}
.custom-modal .modal-body .nav-tabs li.nav-item a.nav-link {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
padding: 0 0 7px 0;
border: none;
text-transform: capitalize;
margin-right: 20px;
position: relative;
transition: all 0.3s ease;
}
.custom-modal .modal-body .nav-tabs li.nav-item a.nav-link.active,.custom-modal .modal-body .nav-tabs li.nav-item a.nav-link:hover,.custom-modal .modal-body .nav-tabs li.nav-item a.nav-link:focus {
color: #0592B1;
transition: all 0.3s ease;
}
.custom-modal .modal-body .nav-tabs li.nav-item a.nav-link:before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;transition: all 0.3s ease;transform: scale(0);background: #0592B1;border-radius: 5px 5px 0px 0px;}
.custom-modal .modal-body .nav-tabs li.nav-item a.nav-link.active:before {content: "";transition: all 0.3s ease;transform: scale(1);}
.custom-modal .modal-body .nav-tabs li.nav-item a.nav-link .ripple-container {
display: none;
}
.viewport-wrapper .inner-wrapper .right-block.collapse-right {
transition: all 0.3s ease;
flex: 0 0 5%;
max-width: 5%;
padding: 0 20px;
}
.viewport-wrapper .inner-wrapper .center-block.expand-center {
flex: 0 0 70%;
max-width: 70%;
transition: all 0.3s ease;
}
.viewport-wrapper .inner-wrapper .right-block.collapse-right .accordion-box {
display: none;
}
.viewport-wrapper .inner-wrapper .right-block.collapse-right > .collapse-icon img {
transition: all 0.3s ease;
transform: rotate(180deg);
}
.viewport-wrapper .inner-wrapper .right-block > .collapse-icon img {
transition: all 0.3s ease;
transform: rotate(0);
}
.card-block .card .flex-display .flex-content .flex-row.justify-start {
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.card-block .card .flex-display .flex-content .flex-row.justify-start .btn.btn-borderonly.btn-red {
border: 1px solid #E44035;
box-sizing: border-box;
border-radius: 100px;
padding: 4px 10px;
text-transform: capitalize;
font-weight: 500;
font-size: 12px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #E44035;
background: transparent;
margin: 0 0 0 12px;
}
.card-block .card .flex-display .icon-box.top-pos {
position: relative;
top: 4px;
}
.card-block .card .flex-display .flex-content .flex-row.justify-start span.tick-icon {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #808080;
width: 24px;
height: 24px;
border-radius: 100%;
margin-right: 15px;
}
.card-block .card .flex-display .flex-content .flex-row span.sub {
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #808080;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction {
margin-right: 34px;
margin-bottom: 15px;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display {}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain {
margin-right: 16px;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain span {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain span + svg {
color: #808080;
margin-left: 10px;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain svg {
color: #0592B1;
margin-right: 10px;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction:last-child {
margin-right: 0;
}
.card-block .create-card {
background: #FFFFFF;
box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.05);
border-radius: 10px;
}
.card-block .create-card .card-header {
border-bottom: none;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 60px;
background: #0592B1;
border-radius: 10px 10px 0 0;
padding: 0 15px;
}
.card-block .create-card .card-body {
padding: 28px 15px 28px 40px;
}
.card-block .create-card .card-header > svg {
color: #ffffff;
margin-right: 15px;
}
.card-block .create-card .card-header p.heading {
font-weight: 500;
font-size: 24px;
line-height: 29px;
/* identical to box height */
color: #FFFFFF;
flex: 1;
margin: 0;
}
.card-block .create-card .card-header .expand {
margin: 0 0px 0 0;
padding: 0;
background: transparent;
border: none !important;
opacity: 1;
cursor: pointer;
}
.card-block .create-card .card-header .close {
opacity: 1;
}
.card-block .create-card .card-body .action-box {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 25px;
}
.card-block .create-card .card-body .action-box a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #0592B1;
margin-right: 18px;
}
.card-block .create-card .card-body .action-box > div {}
.card-block .create-card .card-body .flex-display {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 15px;
flex-wrap: wrap;
}
.card-block .create-card .card-body .flex-display span.sub {
font-weight: normal;
font-size: .875rem;
line-height: 1.5em;
/* identical to box height */
color: #000000 !important;
min-width: 70px;
}
.card-block .create-card .card-body .flex-display span.bmd-form-group {
padding: 0;
flex: 1;
}
.card-block .create-card .card-body .flex-display .form-control {}
.card-block .create-card .card-body .flex-display span.links {
padding-left: 15px;
}
.card-block .create-card .card-body .flex-display span.links a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #0592B1 !important;
/* margin-right: 10px;*/
}
.card-block .create-card .card-body .flex-display .form-control {
padding: 0;
background-image: none;
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
color: #000000;
padding-right: 10px;
}
.card-block .create-card .card-body .flex-display.footer-row {
justify-content: flex-end;
}
.card-block .create-card .card-body .flex-display.footer-row .checkbox-block label {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
}
.card-block .create-card .card-body .flex-display.footer-row .btn.btn-borderonly.btn-red {
border: 1px solid #E44035;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #424750;
background: transparent;
margin: 0 0 0 12px;
}
.card-block .create-card .card-body .flex-display.footer-row .btn.btn-primary {
border: 1px solid #E44035;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #ffffff !important;
background: #E44035;
margin: 0 0 0 12px;
}
.card-block .create-card .card-body .flex-display span.links a:last-child {
/* margin: 0; */
}
.card-block .create-card .card-body .flex-display:last-child {
margin-bottom: 0;
}
.card-block .create-card .card-body .flex-display.footer-row .checkbox-block label:before {
top: -1px;
}
.card-block .create-card .card-body .action-box .dropdown-menu {
left: unset !important;
right: 0 !important;
}
.card-block .create-card .card-body .flex-display .form-control::placeholder {
/*color: #424750;*/
font-size: .875rem;
/*line-height: 17px;*/
}
.card-block .create-card .card-body .flex-display .column-direction {
margin-right: 15px;
margin-bottom: 10px;
}
/*.card-block .create-card .card-body .flex-display .column-direction:last-child {
margin-bottom: 0;
}*/
.card-block .create-card .card-body .flex-display .column-direction span.sub {
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #808080;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display {}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain {}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain span {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #808080;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain svg {
color: #0592B1;
margin-right: 5px;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain span + svg {
color: #808080;
margin-left: 5px;
margin-right: 10px;
}
.card-block .card .flex-display.flex-1 {
margin-top: 24px;
}
.card-block .card .flex-display.flex-1 a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
text-decoration: none;
}
.card-block .card .flex-display.flex-1 a svg {
color: #0592B1;
font-size: 11px;
margin-right: 8px;
}
.custom-modal .modal-footer {
padding: 22px 50px;
box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.05);
}
.custom-modal .modal-footer .form-section.flex-display {
display: flex;
align-items: center;
justify-content: flex-end;
padding-top: 0;
}
.custom-modal .modal-footer .form-section.flex-display .btn.btn-borderonly {
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 10px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #424750 !important;
background: transparent;
margin: 0;
}
.custom-modal .modal-footer .form-section.flex-display .btn.btn-borderonly.btn-red {
margin: 0 0 0 10px;
border: 1px solid #E44035;
}
.custom-modal .modal-footer .form-section.flex-display .btn.btn-primary {
margin: 0 0 0 10px;
text-transform: capitalize;
background: #E44035;
border-radius: 100px;
padding: 8px 10px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
border: 1px solid #E44035;
}
.filter-modal .modal-body {
max-height: calc(100vh - 60px);
}
.tab-modal {}
.tab-modal .modal-body {
overflow: hidden;
max-height: calc(100vh - 60px);
padding: 0;
}
.tab-modal .modal-body .tab-pane .contact-form {
max-height: calc(100vh - 228px);
overflow-y: auto;
min-height: calc(100vh - 228px);
}
.tab-modal .modal-body .tab-pane form > .form-section.flex-display {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 22px 50px;
box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.05);
}
.tab-modal .modal-body .tab-pane .form-section.flex-display .btn.btn-borderonly {
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 10px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #424750;
background: transparent;
margin: 0;
}
.tab-modal .modal-body .tab-pane .form-section.flex-display .btn.btn-borderonly.btn-red {
margin: 0 0 0 10px;
border: 1px solid #E44035;
}
.tab-modal .modal-body .tab-pane .form-section.flex-display .btn.btn-primary {
margin: 0 0 0 10px;
text-transform: capitalize;
background: #E44035;
border-radius: 100px;
padding: 8px 10px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
border: 1px solid #E44035;
}
.tab-modal .modal-body .tab-pane .contact-form {
padding: 0px 50px 40px;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child a.nav-link:hover, .card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child a.nav-link:focus {
color: #2f92b1;
}
.right-block .accordion-box .card .card-header h5 a:hover, .right-block .accordion-box .card .card-header h5 a:focus {
color: #2f92b1 !important;
}
.center-block .tab-content .top-block.flex-end .filter-block {
flex: 0 0 70%;
max-width: 70%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.center-block .tab-content .top-block.flex-end .search-block {
flex: 0 0 30%;
max-width: 30%;
padding-left: 15px;
position: relative;
display: flex;
}
.center-block .tab-content .top-block.flex-end .filter-block span.sub {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
}
.center-block .tab-content .top-block.flex-end .filter-block > .position-relative {
margin: 0 0 0 20px;
}
.center-block .tab-content .top-block.flex-end .filter-block a.nav-link {
text-transform: capitalize;
padding: 0;
}
.center-block .tab-content .top-block.flex-end .search-block span.bmd-form-group {
padding: 0;
}
.center-block .tab-content .top-block.flex-end .search-block input.form-control {
padding: 0 15px;
line-height: 34px;
font-weight: normal;
font-size: 14px;
/* identical to box height */
color: #808080;
background: #ffffff;
border-radius: 100px;
}
.center-block .tab-content .top-block.flex-end .search-block .btn.btn-transparent {
padding: 0;
margin: 0;
position: absolute;
top: 6px;
right: 13px;
color: #808080;
cursor: pointer;
}
.center-block .tab-content .top-block.flex-end .search-block input.form-control::placeholder {
font-size: 14px;
color: #808080;
line-height: 34px;
}
.center-block .tab-content .top-block.flex-end .search-block .btn.btn-transparent:hover, .center-block .tab-content .top-block.flex-end .search-block .btn.btn-transparent:focus {
background: transparent;
}
.card-block .card .flex-display .flex-content .flex-row.margin-new {
margin: 0 -15px 14px;
width: calc(100% + 15px);
}
.card-block .card .flex-display .flex-content .flex-row.edit-content {}
.card-block .card .flex-display .flex-content .flex-row.edit-content .highlight-box {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
max-height: 130px;
padding: 0 15px;
transition: all 0.2s ease;
background: transparent;
border: 1px solid transparent;
overflow: auto;
}
.card-block .card .flex-display .flex-content .flex-row.edit-content svg {
color: #0592B1;
transition: all 0.2s ease;
/* transform: scale(0);*/
cursor: pointer;
}
/*.card-block .card .flex-display .flex-content .flex-row.edit-content .highlight-box:hover,.card-block .card .flex-display .flex-content .flex-row.edit-content .highlight-box:focus {
background: #F7F8F9;
border: 1px solid #0592B1;
}*/
.card-block .card .flex-display .flex-content .flex-row.edit-content .highlight-box:hover svg,.card-block .card .flex-display .flex-content .flex-row.edit-content .highlight-box:focus svg {
transition: all 0.2s ease;
transform: scale(1);
}
.card-block .card .flex-display .flex-content .flex-row.edit-content .position-relative {
width: 100%;
}
.card-block .card .flex-display .flex-content .flex-row.edit-content .position-relative span.bmd-form-group.is-filled {
padding: 0;
}
.card-block .card .flex-display .flex-content .flex-row.edit-content .position-relative .form-control {
width: 100%;
padding: 0 15px;
transition: all 0.2s ease;
background-image: none;
font-weight: normal;
font-size: 14px;
line-height: 38px;
color: #424750;
padding-right: 45px;
border: 1px solid #eef3f7;
}
.card-block .card .flex-display .flex-content .flex-row.edit-content .position-relative .btn.btn-transparent {
padding: 0;
margin: 0;
position: absolute;
top: 0;
right: 0;
color: #0592B1;
cursor: pointer;
font-size: 14px;
background: transparent !important;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.card-block .card .flex-display .flex-content .flex-row.edit-content .position-relative .btn.btn-transparent svg {
transform: scale(1);
}
.accordion-box .card .card-body .rightcard-box {
background: #FFFFFF;
box-sizing: border-box;
border-radius: 0;
margin-bottom: 8px !important;
padding: 0 22px 12px;
border-bottom: 1px solid #C4C4C4;
}
.accordion-box .card .card-body .rightcard-box .flex-row {
display: flex;
align-items: flex-start;
margin-bottom: 8px;
line-height: 15px;
}
.accordion-box .card .card-body .rightcard-box .flex-row .left-box.profile-img {
height: 24px;
width: 24px;
border-radius: 100%;
overflow: hidden;
}
.accordion-box .card .card-body .rightcard-box .flex-row .right-box {
padding-left: 0px;
flex: 1;
}
.accordion-box .card .card-body .rightcard-box .flex-row .right-box p.main {
margin: 0;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #0592B1;
}
.accordion-box .card .card-body .rightcard-box .flex-row .right-box a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
}
.accordion-box .card .card-body .rightcard-box .flex-row .left-box {
flex: 1;
}
.accordion-box .card .card-body > a:hover {
text-decoration: none;
}
.accordion-box .card .card-body .rightcard-box .flex-row .left-box svg {
font-size: 13px;
position: relative;
top: 4px;
color: #0592B1;
}
.accordion-box .card .card-body .rightcard-box:last-child {
margin-bottom: 0;
}
.accordion-box .card .card-body .rightcard-box .flex-row .left-box.profile-img img {
width: 100%;
}
.accordion-box .card .card-body .rightcard-box .flex-row:last-child {
margin-bottom: 0;
}
.accordion-box .card .card-body .rightcard-box .flex-row .left-box svg {}
.accordion-box .card .card-body .rightcard-box .flex-row .right-box a:hover,.accordion-box .card .card-body .rightcard-box .flex-row .right-box a:focus {
text-decoration: none;
color: #0592B1;
}
.accordion-box .card .card-body .rightcard-box .flex-row .right-box p.text {
font-weight: 500;
margin: 0;
word-break: break-word;
font-size: 12px;
line-height: 19px;
display: flex;
align-items: flex-end;
font-feature-settings: 'kern' off;
color: #000000;
}
.accordion-box .card .card-body .rightcard-box .flex-row .right-box p.text1 {
margin: 0;
word-break: break-word;
font-weight: normal;
font-size: 14px;
line-height: 15px;
/* identical to box height */
display: flex;
align-items: flex-end;
color: #808080;
}
.accordion-box .card .card-body .rightcard-box .flex-row .left-box + span.right-box {
text-align: right;
}
.accordion-box .card .card-body .rightcard-box .flex-row .main1 {
font-weight: normal;
font-size: 12px;
line-height: 19px;
/* identical to box height */
color: #0592B1;
display: inline-block;
}
.accordion-box .card .card-body .rightcard-box .flex-row .main1 span {
font-weight: normal;
font-size: 12px;
line-height: 19px;
/* identical to box height */
color: #000000;
display: inline-block;
}
.accordion-box .card .card-body .rightcard-box .flex-row p.sub-text {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #999999;
margin: 0px 0 4px !important;
}
.accordion-box .card .card-body .rightcard-box .flex-row p.sub-text1 {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #000000;
margin-bottom: 0;
}
.accordion-box .card .card-f.text-center {
margin-bottom: 10px;
}
.accordion-box .card .card-f.text-center a.link {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #0592B1;
}
.accordion-box .card .card-body .rightcard-box .inactive {
color: #999999 !important;
}
.accordion-box .card .card-body .rightcard-box .card-row {
margin-bottom: 15px;
width: 100%;
display: inline-block;
text-decoration: none;
}
.accordion-box .card .card-body .rightcard-box .card-row > p {
margin: 0;
}
.accordion-box .card .card-body .rightcard-box .card-row > p .text {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #424750;
margin: 0;
margin-right: 7px;
}
.accordion-box .card .card-body .rightcard-box .card-row > p .text.b-text {
color: #0592B1;
}
.accordion-box .card .card-body .rightcard-box .card-row:last-child {
margin-bottom: 0;
}
.accordion-box .card .card-body .rightcard-box .card-row.hover:hover p .text, .accordion-box .card .card-body .rightcard-box .card-row.hover:focus p .text {
color: #0592B1;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content {
margin: 20px 0;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content .child {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 7px;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content .child span.sub {
font-weight: 500;
font-size: 12px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: flex-end;
font-feature-settings: 'kern' off;
color: #424750;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content .child span.text {
font-weight: 500;
font-size: 12px;
line-height: 17px;
color: #808080;
text-transform: capitalize;
padding: 0 10px;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content .child a.nav-link {
font-weight: 500;
font-size: 12px;
line-height: 17px;
/* identical to box height */
color: #808080;
text-transform: capitalize;
padding: 0 10px;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content .child:last-child {
margin-bottom: 0;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content .child .dropdown-menu {
min-width: 220px;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content .child .dropdown-menu a {
font-size: 12px !important;
}
.accordion-box .card .card-body .rightcard-box .card-row.percent-row {
position: relative;
height: 3px;
margin-bottom: 0;
}
.accordion-box .card .card-body .rightcard-box .card-row.percent-row span {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #0592B1;
border-radius: 5px 5px 0px 0px;
}
.accordion-box .card .card-body .rightcard-box .card-row.percent-row:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #E5E5E5;
border-radius: 5px 5px 0px 0px;
}
.viewport-wrapper .dashboard-wrapper {}
.viewport-wrapper .dashboard-wrapper .top-block {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 55px;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block {
display: flex;
align-items: center;
justify-content: flex-start;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block {
display: flex;
align-items: center;
justify-content: flex-end;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column {
display: flex;
align-items: flex-start;
justify-content: flex-start;
min-width: 130px;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.sub {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
margin-bottom: 7px;
min-height: 17px;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.main {
font-weight: normal;
font-size: 24px;
line-height: 29px;
/* identical to box height */
color: #000000;
margin: 0;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.text {
margin: 0;
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.text span.show {}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.text span.onhover {
display: none;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.text span {
color: #000000;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.text span.text-lg {
font-weight: normal;
font-size: 24px;
line-height: 29px;
/* identical to box height */
}
.red {
color: #E44035 !important;
}
.blue {
color: #0592B1 !important;
}
.green {
color: #009D3F !important;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block.active {}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block {
margin: 0 12px;
position: relative;
cursor: pointer;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block .round-box {
width: 80px;
height: 80px;
border-radius: 100%;
border: 1px solid #C4C4C4;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: transparent;
transition: all 0.2s ease;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block .round-box .country {
font-weight: normal;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #808080;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block .round-box .time {
font-weight: normal;
font-size: 24px;
line-height: 29px;
color: #000000;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block .round-box .zone {
font-weight: normal;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #808080;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block.active .round-box {
background: unset;
transition: all 0.2s ease;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block.active .round-box .country {
transition: all 0.2s ease;
color: #808080;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block.active .round-box .time {
transition: all 0.2s ease;
color: #000000;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block.active .round-box .zone {
color: #808080;
transition: all 0.2s ease;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block .close-icon {
position: absolute;
left: 0;
bottom: -23px;
cursor: pointer;
transition: all 0.2s ease;
transform: scale(0);
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding-top: 8px;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .add-icon {
margin-left: 12px;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .add-icon .icon-round {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed #C4C4C4;
border-radius: 100%;
cursor: pointer;
transition: all 0.2s ease;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .add-icon .icon-round svg {
color: #424750;
font-size: 14px;
transition: all 0.2s ease;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column:last-child {
margin-right: 0;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column:hover p.text span.show {
display: none;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column:hover p.text span.onhover {
display: block;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.text span.sub {
color: #808080;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .add-icon .icon-round:hover {
border: 1px dashed #0592B1;
background: #0592B1;
transition: all 0.2s ease;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .add-icon .icon-round:hover svg {
color: #ffffff;
transition: all 0.2s ease;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block .close-icon svg {
color: #808080;
font-size: 15px;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block:hover {}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block:hover span.close-icon,.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block:focus span.close-icon {
transition: all 0.2s ease;
transform: scale(1);
}
.viewport-wrapper .dashboard-wrapper .content-block {}
.viewport-wrapper .dashboard-wrapper .content-block .single-card {
background: #FFFFFF;
box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin-bottom: 24px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding: 36px 0;
min-height: 440px;
}
.viewport-wrapper .dashboard-wrapper .content-block .single-card .cardlist-block {
flex: 0 0 33.3%;
max-width: 33.3%;
}
.cardlist-block {}
.cardlist-block .title-section {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 34px;
padding: 0 36px;
}
.cardlist-block ul.dashboard-list {
padding: 0;
margin: 0;
max-height: 310px;
overflow-y: auto;
/* padding-right: 5px; */
}
.cardlist-block .title-section p.main {
font-weight: bold;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000;
margin: 0;
}
.cardlist-block .title-section p.main span.blue {
margin-left: 5px;
}
.cardlist-block ul.dashboard-list li {
list-style: none;
margin-bottom: 0px;
min-height: 62px;
}
.cardlist-block ul.dashboard-list li a {
padding: 8px 36px;
display: flex;
align-items: flex-start;
justify-content: space-between;
text-decoration: none;
transition: all 0.2s ease;
}
.cardlist-block ul.dashboard-list li a .left-block {
flex: 1;
padding-right: 15px;
}
.cardlist-block ul.dashboard-list li a .right-block {}
.cardlist-block ul.dashboard-list li a .right-block p.sub {
font-weight: normal;
font-size: 10px;
line-height: 17px;
text-align: right;
color: #808080;
margin: 0;
}
.cardlist-block ul.dashboard-list li a .left-block p.text {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
margin: 0;
}
.cardlist-block ul.dashboard-list li a .left-block p.main {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000;
margin: 0;
transition: all 0.2s ease;
}
.cardlist-block ul.dashboard-list li a .left-block p.sub {
font-weight: normal;
font-size: 10px;
line-height: 12px;
color: #808080;
margin: 0;
}
.cardlist-block ul.dashboard-list li:last-child {
margin-bottom: 0;
}
.cardlist-block ul.dashboard-list li a:hover,.cardlist-block ul.dashboard-list li a:focus {
background: #F7F8F9;
transition: all 0.2s ease;
}
.cardlist-block ul.dashboard-list li a:hover p.main, .cardlist-block ul.dashboard-list li a:focus p.main {
color: #0592B1 !important;
transition: all 0.2s ease;
}
.cardlist-block .title-section .checkbox-block {}
.cardlist-block .title-section .checkbox-block label {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
}
.cardlist-block .title-section .date-box {}
.cardlist-block .title-section .date-box span.sub {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
text-align: right;
color: #424750;
}
.cardlist-block .title-section .date-box span.icon {
color: #0592B1;
margin-left: 10px;
}
.cardlist-block .title-section .checkbox-block label:before {
margin-right: 5px;
position: relative;
top: -1px;
}
.cardlist-block .title-section .checkbox-block input:checked + label:after {
top: 3px;
}
.cardlist-block ul.dashboard-list li a.red-list {}
.cardlist-block ul.dashboard-list li a.red-list .right-block p.sub {
color: #E44035;
}
.cardlist-block ul.dashboard-list li a.red-list:hover p.main, .cardlist-block ul.dashboard-list li a.red-list:focus p.main {
color: #E44035 !important;
transition: all 0.2s ease;
text-decoration: underline;
}
.viewport-wrapper .dashboard-wrapper .content-block .multiple-card {
display: flex;
align-items: stretch;
justify-content: flex-start;
margin-bottom: 50px;
width: 100%;
}
.viewport-wrapper .dashboard-wrapper .content-block .multiple-card .cardlist-block {
margin: 0 12px;
background: #FFFFFF;
box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 36px 0;
flex: 0 0 33.3%;
max-width: calc(33.3% - 15px);
min-height: 440px;
}
.viewport-wrapper .dashboard-wrapper .content-block .multiple-card .cardlist-block:nth-child(1) {
margin-left: 0;
}
.viewport-wrapper .dashboard-wrapper .content-block .multiple-card .cardlist-block:nth-child(3) {
margin-right: 0;
}
.cardlist-block .title-section p.target {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000;
margin: 0;
}
.cardlist-block .title-section p.target span.text-xs {
font-size: 12px;
}
.cardlist-block .title-section p.target span {
color: #808080;
}
.cardlist-block .title-section .link-box {}
.cardlist-block .title-section .link-box span.sub {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
cursor: pointer;
}
.accordion-box .card .card-body .rightcard-box .card-row.img-box span.child {
width: 24px;
height: 24px;
border-radius: 100%;
overflow: hidden;
margin-right: 10px;
display: inline-block;
}
.accordion-box .card .card-body .rightcard-box .card-row.img-box span.child img {
width: 100%;
}
.flex-list {
padding-left: 0;
}
.flex-list li {
list-style: none;
margin-bottom: 15px;
}
.flex-list li a {
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none;
}
.flex-list li a:hover .text,.flex-list li a:focus .text {
color: #0592B1;
text-decoration: none;
}
.flex-list li a .icon-img {
margin-right: 15px;
}
.flex-list li a .text {
flex: 1;
font-weight: normal;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
color: #424750;
}
.flex-list li:last-child {
margin-bottom: 30px;
}
.calender-block {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.calender-block .calender-icon {
position: absolute;
left: 20;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.calender-block .drop-icon {
position: absolute;
right: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
top: 1px;
}
.calender-block .calender-icon svg {
margin-right: 0 !important;
}
.calender-block .drop-icon svg {
color: #808080 !important;
margin-right: 5px !important;
}
.calender-block span.bmd-form-group {
padding: 0 !important;
}
.calender-block .form-control {
padding: 0 15px 0 20px !important;
background: transparent;
max-width: 115px;
font-weight: 500;
font-size: .875rem;
line-height: 1.5em;
color: #000000 !important;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain:last-child {
margin-right: 0;
}
.calender-block .form-control::placeholder {
font-size: 14px;
line-height: 17px;
color: #808080;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
background: #0592B1 !important;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #0592B1 !important;
border-radius: 0 !important;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
border-radius: 0 !important;
}
.flatpickr-calendar {
padding: 15px !important;
width: auto !important;
}
.flatpickr-day.today {
/*border-color: #0592B1 !important;
border-radius: 0 !important;
background: transparent !important;
color: #0592B1 !important;*/
}
.flatpickr-current-month span.cur-month:hover {
background: transparent !important;
}
.flatpickr-current-month span.cur-month {
font-weight: bold !important;
font-size: 14px !important;
line-height: 17px !important;
margin: 0 10px !important;
}
.flatpickr-current-month input.cur-year {
font-weight: bold !important;
font-size: 14px !important;
line-height: 17px !important;
}
.flatpickr-current-month {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.flatpickr-months {
position: relative;
margin-bottom: 15px;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
height: 100%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
left: 20px !important;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
right: 20px !important;
}
.numInputWrapper span {
opacity: 1 !important;
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
fill: #0592B1 !important;
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
fill: #0592B1 !important;
}
.cardlist-block ul.dashboard-list li a.flex-end {
align-items: center;
padding: 12px 36px;
}
.cardlist-block ul.dashboard-list li a .left-block .profile-block {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.cardlist-block ul.dashboard-list li a .left-block .profile-block .img-box {
width: 24px;
height: 24px;
border-radius: 100%;
overflow: hidden;
}
.cardlist-block ul.dashboard-list li a .left-block .profile-block .img-box img {
width: 100%;
display: inline-block;
}
.cardlist-block ul.dashboard-list li a .left-block .profile-block .content-box {
margin-left: 10px;
}
.cardlist-block ul.dashboard-list li a .right-block p.text {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-align: right;
margin: 0;
color: #000000;
}
.cardlist-block ul.dashboard-list li a .left-block p.main span img {
margin-left: 10px;
}
.cardlist-block .title-section .link-box span.sub:hover, .cardlist-block .title-section .link-box span.sub:focus {
color: #0592B1;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block {
margin-bottom: 6px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block h4 {
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #000000;
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 16px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block h4 a {
margin-left: 5px;
color: #0592B1;
font-size: 13px;
position: relative;
top: 0;
left: 5px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block h4 a svg {}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row {
margin-bottom: 16px;
display: inline-block;
width: 100%;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content {}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.percent-row {
position: relative;
height: 3px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 7px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child .sub {
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: flex-end;
font-feature-settings: 'kern' off;
color: #424750;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #000000;
text-transform: capitalize;
padding: 0 10px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child .dropdown-menu {
min-width: 220px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child .text {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #808080;
text-transform: capitalize;
padding: 0 10px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.percent-row span {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #0592B1;
border-radius: 5px 5px 0px 0px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.percent-row:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #E5E5E5;border-radius: 5px 5px 0px 0px;}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child:last-child {
margin-bottom: 0;
}
.login-wrapper {
min-height: 100vh;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.login-wrapper .box {
min-width: 500px;
}
.login-wrapper .box .header {
border-radius: 10px 10px 0 0;
padding: 5px 0;
display: flex;
align-items: center;
justify-content: center;
}
.login-wrapper .box .body-content {
padding: 24px;
border: 1px solid rgba(196, 196, 196, 0.4);
box-sizing: border-box;
border-radius: 4px;
max-width: 350px;
margin: 30px auto 0;
}
.login-wrapper .box .header img {
/* width: 130px; */
}
.login-wrapper .box .body-content form {
margin: 0;
}
.login-wrapper .box .body-content .form-section {
margin-bottom: 16px;
display: inline-block;
width: 100%;
position: relative;
}
.login-wrapper .box .body-content .form-section label.control-label {
/* identical to box height */
margin-bottom: 4px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
/* Label */
color: #555555;
}
.login-wrapper .box .body-content .form-section span.bmd-form-group {
padding: 0;
}
.login-wrapper .box .body-content .form-section input.form-control {
background: #fff !important;
border-radius: 5px;
height: 30px;
line-height: 30px;
font-size: 13px !important;
color: #424750;
font-weight: normal;
padding: 0 10px;
border: 1px solid #E1E1E1;
}
.login-wrapper .box .body-content .form-section.flex-end {
display: flex;
align-items: center;
justify-content: flex-end;
}
.login-wrapper .box .body-content .form-section .btn.btn-primary {
margin: 0;
background: #0592B1;
border-radius: 5px;
padding: 9px 15px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
text-align: center;
color: #FFFFFF;
text-transform: capitalize;
width: 100%;
}
.login-wrapper .box .body-content .form-section a.link {
font-weight: 600;
font-size: 11px;
line-height: 12px;
color: #808080;
}
.login-wrapper .box .body-content .form-section .text {
text-align: center;
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
}
.login-wrapper .box .body-content .form-section .text a {
font-weight: 600;
font-size: 11px;
line-height: 12px;
color: #808080;
}
.login-wrapper .box .body-content .form-section .checkbox-block label {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
}
.login-wrapper .box .body-content .form-section .checkbox-block label:before {
top: -1px;
}
.login-wrapper .box .body-content .form-section .checkbox-block input:checked + label:after {
top: 3px;
}
.login-wrapper .box .body-content .form-section a:hover, .login-wrapper .box .body-content .form-section a:focus {
color: #0592B1 !important;
text-decoration: none;
}
.card-block .card .flex-display .flex-content .flex-row.attachments-row {
flex-wrap: wrap;
justify-content: flex-start;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 29.17%);
}
.attachments-row .attachments {
flex: 0 0 47%;
max-width: 47%;
padding: 7px 12px;
background: #F7F8F9;
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: space-between;
margin: 5px 10px 5px 0;
}
.attachments-row .attachments .icon-box {}
.attachments-row .attachments .text {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
display: flex;
align-items: center;
color: #424750;
flex: 1;
padding-left: 10px;
}
.card-block .card .flex-display .icon-box img {}
.card-block .card .flex-display .flex-content .flex-row.flex-display-row {}
.card-block .card .flex-display .flex-content .flex-row.flex-display-row .actions {}
.card-block .card .flex-display .flex-content .flex-row.flex-display-row .actions a {
color: #808080;
margin-right: 15px;
}
.card-block .card .flex-display .flex-content .flex-row.flex-display-row .actions a:last-child {
margin-right: 0;
}
.card-block .card .flex-display .flex-content .flex-row.flex-display-row .actions a:nth-child(1) svg {transform: rotate(45deg);}
.card-block .card .flex-display .flex-content .flex-row.flex-display-row .actions a:hover,.card-block .card .flex-display .flex-content .flex-row.flex-display-row .actions a:focus {
color: #0592B1;
text-decoration: none;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content p.text {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 15px;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content {
flex-wrap: wrap;
margin-bottom: 9px;
}
.card-block .card .flex-display .flex-content .flex-row a.more-link svg {
margin-left: 10px;
font-size: 16px;
position: relative;
top: 0px;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details {
display: block;
margin: 0px 0;
width: 100%;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details p.sub {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
margin-bottom: 12px;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details p.content-text {
min-height: 52px;
position: relative;
margin-bottom: 12px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
padding-left: 20px;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details .more-content {
background: #F7F8F9;
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 20px;
padding: 0;
color: #808080;
font-size: 24px;
width: 60px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details .mail-details {
padding-left: 30px;
margin-bottom: 0;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details p.content-text:before {content: "";position: absolute;left: 6px;width: 1px;height: 100%;background: #808080;}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details .more-content:hover,.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details .more-content:focus {
color: #0592B1;
border: 1px solid #0592B1;
}
.viewport-wrapper.agent-wrapper {
position: fixed;
top: 50px;
height: calc(100vh - 50px);
padding: 0;
width: 25vw;
right: -25vw;
transition: all 0.2s ease;
}
.viewport-wrapper.agent-wrapper.active {
transition: all 0.2s ease;
right: 0;
}
.viewport-wrapper.agent-wrapper .inner-wrapper {
height: 100%;
min-width: calc(100vh - 50px);
display: inline-block;
width: 100vw;
}
.viewport-wrapper.agent-wrapper .inner-wrapper .left-block {
width: 25vw;
max-width: 25vw;
flex: unset;
padding-bottom: 40px;
}
.viewport-wrapper.agent-wrapper .inner-wrapper .action-box .right-side .close {
margin-left: 10px;
opacity: 1;
}
.about-profile .about-row .link {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080 !important;
}
.text-underline {
text-decoration: underline;
}
.about-profile .about-row .link span {
margin-left: 10px;
cursor: pointer;
}
.about-profile .about-row .link:hover,.about-profile .about-row .link:focus {
text-decoration: none;
color: #0592B1 !important;
}
.about-profile .about-row p.text a {
color: #808080 !important;
}
.about-profile .about-row p.text a:hover,.about-profile .about-row p.text a:focus {
color: #0592B1 !important;
}
.about-profile .about-row .link span:hover,.about-profile .about-row .link span:focus {
text-decoration: none;
color: #0592B1;
}
.about-profile .about-row.signature-box {}
.about-profile .about-row.signature-box p.text {
font-weight: 500;
font-size: 12px;
line-height: 15px;
color: #808080;
}
.about-profile .about-row.signature-box p.sub {
font-weight: 500;
font-size: 12px;
line-height: 15px;
color: #808080;
margin: 0;
}
.about-profile .about-row.signature-box .line-divider {
display: inline-block;
margin: 27px 0 15px;
position: relative;
height: 1px;
min-width: 100px;
}
.about-profile .about-row.signature-box .signature-img {
margin-bottom: 5px;
}
.about-profile .about-row.signature-box .signature-img img {}
.about-profile .about-row.signature-box .line-divider:before {content: "";position: absolute;border: 1px dashed #808080;width: 135px;}
.change-form {
margin: 0;
}
.change-form .form-section {
margin-bottom: 15px;
}
.change-form .form-section label.control-label {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
margin-bottom: 10px;
}
.change-form .form-section .bmd-form-group {
padding: 0;
}
.change-form .form-section .form-control {
background: #F7F8F9;
border-radius: 5px;
min-height: 33px;
line-height: 1.5em;
padding: 0 15px;
}
.change-form .form-section:last-child {
margin-bottom: 0;
}
.about-profile .about-row.flex-end {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 30px 0 0;
}
.about-profile .about-row.flex-end .btn.btn-borderonly {}
.about-profile .about-row.flex-end .btn.btn-primary {
margin: 0 0 0 12px;
text-transform: capitalize;
background: #E44035;
border-radius: 100px;
padding: 8px 16px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
border: 1px solid #E44035;
}
.follow-up {
cursor: pointer;
}
.follow-up.active .tick-icon {
border: 1px solid #2f92b1 !important;
background: #2f92b1;
}
.follow-up .tick-icon svg {
font-size: 10px;
color: #808080;
}
.follow-up.active .tick-icon svg {
color: #ffffff;
}
.search-drop a .child.p-right {
position: relative;
padding-right: 20px;
}
.search-drop a .child.p-right .close-icon {
position: absolute;
right: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.search-drop a .child.p-right .profile-img {
width: 24px;
height: 24px;
overflow: hidden;
border-radius: 100%;
margin-right: 15px;
}
.search-drop a .child.p-right .profile-img img {
width: 100%;
}
.search-drop a .child.p-right .close-icon svg {
color: #808080 !important;
}
.search-drop a .child.p-right .close-icon svg:hover,.search-drop a .child.p-right .close-icon svg:focus {
color: #0592B1 !important;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .nav-link {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #000000 !important;
padding: 0;
text-transform: capitalize;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .nav-link svg {
margin-left: 5px;
margin-right: 0;
color: #808080 !important;
}
/*.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .nav-link:hover,.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .nav-link:focus {
color: #0592b1;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .nav-link:hover svg,.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .nav-link:focus svg {
color: #0592b1 !important;
}*/
.make-phonecall {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 0;
}
.make-phonecall .icon-box {}
.make-phonecall .icon-box img {}
.make-phonecall .content-block {
margin-top: 40px;
text-align: center;
}
.make-phonecall .content-block p.main {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
text-align: center;
color: #808080;
margin-bottom: 28px;
}
.make-phonecall .content-block p.text {
font-weight: normal;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #808080;
margin: 0 auto 28px;
max-width: 55%;
}
.make-phonecall .content-block .btn.btn-primary {
margin: 0;
text-transform: capitalize;
background: #0592B1;
border-radius: 100px;
padding: 8px 16px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #FFFFFF;
border: 1px solid #0592B1;
}
.viewport-wrapper.agent-wrapper.active:before {content: "";position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.26);}
.cardlist-block .title-section .date-box .calender-block {}
.cardlist-block .title-section .date-box .calender-block input.form-control {
padding: 0 0px 0 0 !important;
max-width: 110px;
}
.cardlist-block .title-section .date-box .calender-block .calender-icon {
left: unset;
right: 0;
}
.cardlist-block .title-section .date-box .calender-block .calender-icon svg {
color: #0592B1;
}
select.form-control:not([size]):not([multiple]){
font-size: 14px !important;
color:#424750 !important;
}
a#logout_style:hover{
background-color:unset !important;
text-decoration: unset !important;
}
ul#resource_listing li a {
text-decoration: none;
}
div#opp_list a {
text-decoration: none;
}
div#edit_update button.btn.btn-primary {
border: 1px solid #E44035;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #ffffff;
background: #E44035;
margin: 0 0 0 12px;
}
div#edit_update_support button.btn.btn-primary {
border: 1px solid #E44035;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #ffffff;
background: #E44035;
margin: 0 0 0 12px;
}
textarea#note_textarea {
line-height: 1.5;
background-image: none;
text-align: justify;
}
textarea#support_textarea {
line-height: 1.5;
background-image: none;
text-align: justify;
}
select#turnover_currency_id{
height: calc(2rem + 1px) !important;
}
.form-control {
font-size: .875rem;
/*font-size: 14px !important;*/
}
.alert-danger {
color: #ff3b00 !important;
font-size: 14px !important;
background-color: unset !important;
margin-bottom: 0 !important;
}
a#oppor_contact {
text-decoration: none;
}
.pagination-block ul li.active span.page-link {
font-size: 14px !important;
line-height: 17px !important;
color: #424750 !important;
font-weight: bold !important;
text-decoration: underline !important;
min-width: initial !important;
margin: 0 !important;
border-radius: 0;
padding: 0 !important;
background: transparent !important;
border: none !important;
}
.error{
font-size: 14px !important;
color:#ff3b00 !important;
}
input#mail_email {
background-color: unset !important;
}
.markstyle{
background: #00c2ec;
border: 0px solid #808080 !important;
}
.cust-dropdown-div{
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
position: relative;
}
.cust-dropdown-css{
background: transparent;
border: none !important;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #808080;
}
/*01-10-2020*/
.card-block .create-card .card-body .flex-display .contain select {
border: none;
background: transparent;
}
.card-block .create-card .card-body .flex-display .contain select:hover,.card-block .create-card .card-body .flex-display .contain select:focus {
background: transparent;
border: none;
outline: none;
}
.card-block .create-card .card-body .flex-display .contain span.icon svg {
color: #808080 !important;
}
.card-block .create-card .card-body .flex-display .column-direction .contain svg {
color: #0592B1;
margin-right: 5px;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain {
position: relative;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .dropdown-menu {
left: 0 !important;
top: 100% !important;
}
p#plan_desc_create {
font-size: 14px !important;
}
p#plan_price_create {
font-size: 14px !important;
}
/*05-10-2020*/
.card-block .card .flex-display .flex-content .flex-row .column-direction .contain audio {
max-height: 42px;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .contain audio:hover,.card-block .card .flex-display .flex-content .flex-row .column-direction .contain audio:focus {
border: none !important;
outline: none !important;
}
.apply_filter{
border: none!important;
background: unset!important;
color: #808080!important;
cursor: pointer;
}
.company_contact{
text-decoration: none !important;
}
/*12-10-2020*/
.search-drop div.item {
padding: 15px 20px !important;
font-weight: normal !important;
font-size: 14px !important;
line-height: 17px !important;
color: #808080 !important;
display: block !important;
}
.search-drop div.item .child {
display: flex;
align-items: flex-start;
}
.search-drop .item span.main {
display: block;
margin-bottom: 5px;
}
/*30-10-2020*/
.details-section .card .custom-table td:nth-child(1) {
/*min-width: 350px;
max-width: 350px;*/
}
.details-section .card .custom-table td:nth-child(2) {
/*min-width: 250px;
max-width: 250px;*/
}
.details-section .card .custom-table td .profile-detail span.img-box {
min-width: 24px;
}
.details-section .card .custom-table th:nth-child(1) {
/*min-width: 350px;
max-width: 350px;*/
}
.details-section .card .custom-table th:nth-child(2) {
/*min-width: 250px;
max-width: 250px;*/
}
.table-responsive-new {
overflow: hidden;
}
.table-responsive-new .table-responsive .custom-table {
margin-top: 0;
}
.details-section .card .custom-table td {
/*min-width: 200px !important;
max-width: 200px !important;
width: 200px !important;*/
word-break: break-all;
}
.details-section .card .custom-table th {
/*min-width: 200px !important;
max-width: 200px !important;
width: 200px !important;*/
}
.dtHorizontalVerticalExampleWrapper {
max-width: 600px;
margin: 0 auto;
}
#dtHorizontalVerticalExample th, td {
white-space: nowrap;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}
.card-block .card.active .flex-content p.text.hide-text {
display: block !important;
}
div#detailed-mail {}
.card-block .card.active .flex-content .flex-row.attachments-row {
display: flex !important;
}
.card-block .card.active .flex-display .flex-content .detailed-mail {
display: block !important;
}
.card-block .card .flex-display .flex-content .flex-row {
margin-bottom: 16px;
}
.card-block .card .flex-display .flex-content .flex-row a.link.date {
font-size: 12px;
}
.mb-new {
margin-bottom: 5px !important;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content p.text {
margin-bottom: 10px;
}
.details-section .card .custom-table td .profile-detail {
white-space: normal;
}
/*lastest edit*/
.bmd-form-group .custom-file-control, .bmd-form-group .form-control, .bmd-form-group input::placeholder, .bmd-form-group label {
position: relative;
z-index: 10;
}
.bmd-form-group .form-control{
color:#000000 !important;
}
.details-section .card .custom-table td {
white-space: normal;
}
.contact-form .form-section .suggestions {
/*position: absolute;*/
top: 64px;
width: 100%;
z-index: 1;
}
.contact-form .form-section .suggestions ul.has-suggestions {
padding: 10px 20px;
background: #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 10px;
max-height: 270px;
overflow-y: auto;
opacity: 1;
}
.contact-form .form-section .suggestions ul li {
font-weight: normal;
margin: 0;
cursor: pointer;
list-style: none;
padding: 10px 0 !important;
font-size: 14px !important;
line-height: 17px !important;
color: #808080 !important;
}
.contact-form .form-section {
position: relative;
}
.contact-form .form-section .suggestions ul {
opacity: 0;
}
.suggestions {
/*position: absolute;*/
top: 64px;
width: 100%;
z-index: 1;
}
.suggestions ul.has-suggestions {
padding: 10px 20px;
background: #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 10px;
max-height: 270px;
overflow-y: auto;
opacity: 1;
}
.suggestions ul li {
font-weight: normal;
margin: 0;
cursor: pointer;
list-style: none;
padding: 10px 0 !important;
font-size: 14px !important;
line-height: 17px !important;
color: #808080 !important;
}
/*edited 06-11-2020*/
.card-block .card .flex-display .flex-content .flex-row.edit-content .highlight-box {
align-items: flex-start;
justify-content: space-between;
flex-direction: column;
line-height: 1.5;
}
/*lastest edit by kurian to quick fix*/
.details-section .card .custom-table td {
white-space: normal;
}
/*<----------Datatable styles------->*/
.dropdown-menu.search-drop.toggle_class.show a.toggle-vis {
cursor: pointer;
}
tfoot input {
width: 100%;
padding: 3px;
box-sizing: border-box;
}
.select2-container--default .select2-selection {
border: none !important;
padding: 0 !important;
background: #F7F8F9 !important;
border-radius: 5px !important;
height: 34px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px !important;
}
.select2-container--default .select2-search--inline .select2-search__field {
line-height: 34px;
height: 34px;
margin: 0 !important;
color: #808080;
font-size: 13px !important;
padding: 0 15px !important;
border-radius: 5px !important;
z-index: 1;
position: relative;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
font-size: 14px !important;
}
span.select2.select2-container.select2-container--default {}
.select2-container {
min-width: 200px;
max-width: 200px;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li.nav-item {
padding: 0 7px;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li.nav-item:first-child {
padding-left: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
background: #F7F8F9;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
font-size: 12px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {margin-left: 10px;}
.details-section .card .filter-section {
margin-bottom: 16px;
}
.dataTables_wrapper .dataTables_length label {
font-size: 14px;
line-height: 17px;
color: #808080;
margin: 0;
}
.dataTables_wrapper .dataTables_length label select {
border: none;
background: #F7F8F9;
font-size: 14px !important;
}
.dataTables_wrapper .dataTables_filter label {
font-size: 14px;
line-height: 17px;
color: #808080;
margin: 0;
}
.dataTables_wrapper .dataTables_filter input {
background: #F7F8F9 !important;
border-radius: 5px !important;
height: 34px;
padding: 0 15px !important;
font-weight: normal;
font-size: 14px;
line-height: 34px;
color: #808080;
border: none !important;
}
.dataTables_wrapper .currency_val{
text-align:right;
width:70%;
}
.dataTables_wrapper .stage_val{
text-align: right;
width:2.7em;
}
.details-section .card .custom-table {
margin-top: 16px;
}
tfoot input {
background: #F7F8F9;
border-radius: 100px;
height: 34px;
padding: 0 15px;
font-weight: normal;
font-size: 13px;
line-height: 34px;
color: #808080;
border: none !important;
}
tfoot input::placeholder {
font-size: 13px;
}
tfoot th {
padding: 10px !important;
}
tfoot input:focus {
border: none;
outline: none;
}
.dataTables_wrapper .dataTables_paginate .previous {
font-size: 14px !important;
line-height: 17px !important;
color: #424750 !important;
}
.dataTables_wrapper .dataTables_paginate .next {
color: #424750 !important;
font-size: 13px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
font-weight: bold;
text-decoration: underline !important;
background: transparent;
border: none;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button {
font-size: 14px;
line-height: 17px;
color: #424750 !important;
margin: 0 5px;
min-width: initial;
padding: 0 !important;
border: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
color: #000000 !important;
font-size: 13px !important;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button:hover {
background: transparent;
color: #424750 !important;
border: none;
font-weight: bold;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
border: navajowhite;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
font-weight: normal !important;
}
.details-section .card .custom-table td .flex-wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.details-section .card .custom-table td .flex-wrap a.profile-detail {
flex: 1;
padding-left: 10px;
}
.dataTables_scrollBody {
max-height: calc(100vh - 450px) !important;
}
.bgnd-toggle{
background-color: #e5e5e5;
}
a.toggle-vis.column-hide {
background-color: #ffffff !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered li {
line-height: 34px;
height: 34px;
font-size: 13px !important;
padding: 0 15px !important;
padding-right: 25px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
border: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
border: none !important;
}
.dataTables_wrapper .bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
.dataTables_wrapper .bottom .dataTables_length {
padding-top: 0.755em;
padding-right: 24px;
flex: 1;
}
.dataTables_wrapper .bottom .dataTables_info {
padding-top: 0.755em;
text-align: center;
flex: 1;
font-size: 14px;
line-height: 17px;
color: #808080;
}
.dataTables_wrapper .bottom .dataTables_paginate {
flex: 1;
padding-top: 0.755em;
}
.select2-container--default .select2-selection--multiple {
height: 34px;
padding: 0;
line-height: 34px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered li {
line-height: 34px;
height: 34px;
font-size: 13px !important;
padding: 0 15px !important;
padding-right: 25px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
height: 34px;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
width: 25px;
}
/*span.select2.select2-container.select2-container--default {
overflow: hidden;
}*/
table.dataTable thead th, table.dataTable thead td {
border-bottom: none !important;
}
table.dataTable tfoot th, table.dataTable tfoot td {
border-top: none !important;
}
.select2-container--default .select2-selection--multiple span.select2-search.select2-search--inline {
line-height: 34px !important;
height: 34px !important;
display: inline-block !important;
}
.dt-buttons {
width: 100%;
text-align: center;
/*margin: 12px 0;*/
}
.dt-buttons .dt-button {
margin: 0;
}
/*.dt-buttons button.dt-button,.dt-buttons button.dt-button:hover,.dt-buttons button.dt-button:focus {
text-transform: capitalize;
background: #E44035 !important;
border-radius: 100px;
padding: 8px 16px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
border: 1px solid #E44035 !important;
}*/
/*27-11-2020*/
/*.dataTables_wrapper .dataTables_processing {
color: #0592B1 !important;
padding: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 0 !important;
height: 45px !important;
top: 40px !important;
font-size: 30px !important;
background: rgba(255,255,255,1) !important;
z-index: 10;
line-height: 40px;
}
*/.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, .select2-results__option {
font-size: 13px !important;
font-weight: normal !important;
line-height: 17px !important;
color: #808080 !important;
padding: 10px !important;
}
.select2-container--default .select2-results>.select2-results__options {
left: 0 !important;
top: calc(100% + 15px);
background: #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 10px;
min-width: 190px;
max-height: 270px;
overflow-y: auto;
border: none !important;
outline: none !important;
}
.select2-dropdown {
border: none !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
color: #0592B1 !important;
background: #F7F8F9 !important;
}
.dataTables_wrapper .dataTables_filter input:focus, .dataTables_wrapper .dataTables_filter input:hover {
border: none !important;
outline: none !important;
}
/*.dataTables_wrapper .dataTables_processing + .dataTables_scroll {
min-height: calc(100vh - 400px);
}*/
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border: none !important;
}
.dataTables_wrapper .dataTables_processing {
top: 15px !important;
}
.center-block .tab-content .top-block.flex-end .flex-1-div {
flex: 1;
}
.center-block .tab-content .top-block.flex-end .flex-1-div {
flex: 1;
}
.card-block .create-card .card-body .flex-display .select-box {}
.card-block .create-card .card-body .flex-display .select-box select.form-control {
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #424750;
height: 17px;
}
/*style editz 02-12-2020*/
.details-section .card .custom-table td > p {
margin: 0 !important;
}
.heading-elements form {
margin: 0;
margin-left: -10px;
}
.heading-elements form input {
background: #F7F8F9 !important;
border-radius: 5px !important;
height: 34px;
padding: 0 15px !important;
font-weight: normal;
font-size: 14px;
line-height: 34px;
color: #808080;
border: none !important;
margin: 0 10px;
}
.heading-elements form button.btn.btn-primary {
text-transform: capitalize;
background: #E44035 !important;
border-radius: 100px;
padding: 7px 16px 8px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #FFFFFF !important;
border: 1px solid #E44035 !important;
margin: 0 0 0 10px;
}
a.btn.btn-primary {
text-transform: capitalize;
background: #E44035;
border-radius: 100px;
padding: 7px 16px 8px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #FFFFFF;
border: 1px solid #E44035;
margin: 0;
}
.card-header {
border: none !important;
}
.details-section .card .custom-table.custom-table-new {
margin-left: 0;
}
.heading-elements .upload-file {
position: relative;
width: 120px;
height: 35px;
border-radius: 100px;
overflow: hidden;
z-index: 1;
cursor: pointer;
}
.heading-elements .upload-file input[type="file"] {opacity: 0;position: relative;z-index: 2;cursor: pointer;width: 120px;height: 35px;}
.heading-elements .upload-file span {
text-transform: capitalize;
background: #E44035;
border-radius: 100px;
padding: 8px 16px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #FFFFFF;
border: 1px solid #E44035;
display: inline-block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.details-section .card .custom-table .min-width {
width: 90px !important;
max-width: 90px !important;
min-width: 90px !important;
}
a.btn.btn-primary:hover, a.btn.btn-primary:focus {
background: #E44035;
color: #ffffff;
border: 1px solid #E44035;
}
.card-body.card-dashboard.w-100 .dataTables_scrollHeadInner {
width: 100%;
}
.select2-container--default .select2-search--inline .select2-search__field{
z-index: 0 !important;
}
.header-navbar.navbar-newheader {
background: rgba(0, 0, 0, 1) !important;
position: relative;
top: 0;
z-index: 9;
width: 100vw;
height: 50px;
transition: all 0.3s ease;
}
.header-navbar.navbar-newheader .navbar-container.main-menu-content {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.navbar-newheader .navbar-nav {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.navbar-newheader .navbar-nav li.nav-item {}
.navbar-newheader .navbar-nav a.nav-link {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
padding: 0 20px;
text-transform: unset;
}
.navbar-newheader ul.navbar-nav.dropdown li a {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
padding: 0 20px;
text-transform: unset;
}
.viewport-wrapper.agent-wrapper {
z-index: 99 !important;
}
#email .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: transparent !important;
border: none !important;
margin: 0;
display: flex;
/* flex-direction: row-reverse;
*/ padding-right: 5px !important;
border-radius: 100px;
}
#email .select2-container--default .select2-selection--multiple .select2-selection__choice button.select2-selection__choice__remove {
border: none;
padding: 0 0 0 10px;
color: #000;
position: relative;
top: -1px;
background: transparent !important;
}
#email .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__display {}
#email span.select2.select2-container.select2-container--default.select2-container--below {
min-width: initial !important;
max-width: initial !important;
background: #ececec;
border-radius: 5px !important;
}
#email span.select2.select2-container.select2-container--default.select2-container--below li.select2-selection__choice {
padding-right: 15px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
height: 100%;
margin: 0;
position: relative;
right: 3px;
}
#email .select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
font-size: 14px !important;
border-radius: 5px !important;
padding: 0 !important;
}
#email .select2-container--default .select2-search--inline .select2-search__field::placeholder {
font-size: 14px !important;
}
#email .select2-container--default .select2-selection--multiple {
background: transparent !important;
border-radius: 5px !important;
}
#email span.select2.select2-container.select2-container--default.select2-container--below {}
#email .select2-container--default .select2-search--inline .select2-search__field::placeholder {
font-size: 12px !important;
line-height: 34px !important;
}
.display-center {
display: flex;
align-items: center;
justify-content: center;
}
.grid-wrapper .item .item-block .card-details .details-box .first-section.text-section .text-block p.main {
margin: 0;
}
.grid-wrapper .item .item-block .card-details .details-box .first-section.text-section a {
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #000000;
margin: 0;
text-decoration: none !important;
}
.grid-wrapper .item .item-block .card-details .details-box .first-section.text-section a:hover,.grid-wrapper .item .item-block .card-details .details-box .first-section.text-section a:focus {
color: #2f92b1;
}
@media(max-width: 1400px){
.details-section ul.nav-tabs li a {
font-size: 12px;
padding: 0 25px 15px 0;
}
.details-section ul.nav-tabs li a.active {
font-size: 12px;
}
.viewport-wrapper .inner-wrapper .left-block .action-box {
padding: 24px 20px 0;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block {
padding: 0 20px !important;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .edit_navigation {
padding: 10px 20px !important;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .modal-body .edit-formfield {
padding: 0 20px 8px !important;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img {
padding: 0 20px;
}
header#header .container-fluid {
max-width: calc(100% - 40px);
}
.viewport-wrapper .inner-wrapper .left-block .action-links {
padding: 0 20px;
}
.viewport-wrapper .inner-wrapper .left-block .action-links a {
margin: 0 8px;
}
.viewport-wrapper .inner-wrapper .left-block .action-links a span.text {
font-size: 10px;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-header {
padding: 0 20px !important;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-body {
padding: 14px 20px !important;
}
.viewport-wrapper .inner-wrapper .right-block {
padding: 0 20px;
}
.viewport-wrapper .inner-wrapper .center-block {
padding: 0 20px;
}
}
.dashboard-filter {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 35px;
}
.dashboard-filter .select2-container--default .select2-selection--multiple {
border: 1px solid #0592B1 !important;
box-sizing: border-box;
border-radius: 100px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
text-align: left;
color: #0592B1 !important;
background: transparent;
cursor: pointer;
}
.dashboard-filter .dashboard-filter-block {
cursor: pointer;
margin-right: 24px;
}
.dashboard-filter .select2-container--default .select2-search--inline .select2-search__field,.dashboard-filter .select2-container--default .select2-search--inline .select2-search__field::placeholder {
color: #0592B1 !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 34px !important;
}
.heading-elements form input:hover, .heading-elements form input:focus {
outline: none;
}
.dashboard-filter .dashboard-filter-block {
display: flex;
align-items: center;
}
.dashboard-filter .dashboard-filter-block span.bmd-form-group {
padding: 0;
}
.dashboard-filter .dashboard-filter-block .form-control {
background-image: none;
margin-right: 12px;
}
/*notification style*/
.notification-modal .notification-wrapper {
}
.notification-wrapper .notification-block {
max-height: calc(100vh - 235px);
overflow-y: auto;
min-height: calc(100vh - 235px);
padding: 0px 50px;
}
.notification-modal .notification-wrapper .filter-section {
padding: 0 50px;
margin-bottom: 10px;
}
.notification-wrapper .filter-section ul {
padding: 0;
margin: 0;
display: flex;
align-items: center;
}
.notification-wrapper .filter-section ul li {
list-style: none;
margin-right: 24px;
min-width: 100px;
}
.notification-wrapper .filter-section ul li a.nav-link {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
text-transform: capitalize;
padding: 0;
}
.notification-wrapper .filter-section ul span.bmd-form-group {
padding: 0 !important;
}
.notification-wrapper .filter-section ul li select {
font-weight: 500;
font-size: 14px;
line-height: 34px;
color: #808080;
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
width: 100%;
padding: 0 15px;
background: transparent;
height: 34px;
}
.notification-wrapper .filter-section ul li select:focus,.notification-wrapper .filter-section ul li select:hover {
outline: none;
}
.notification-wrapper .filter-section ul li a.nav-link svg {
margin-left: 10px;
}
.notification-wrapper .notification-block h4.title-text {
font-weight: 600;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-transform: uppercase;
color: #424750;
margin-bottom: 14px;
margin-top: 20px;
}
.notification-wrapper .notification-block .notification-list {
margin: 0;
padding: 0;
}
.notification-wrapper .notification-block .notification-list li {
list-style: none;
width: 100%;
display: flex;
padding: 20px 0;
align-items: flex-start;
justify-content: flex-start;
}
.notification-wrapper .notification-block .notification-list li .icon-box {
background: #F7F8F9;
border: 0.5px solid #0592B1;
border-radius: 100%;
min-width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 48px;
margin-right: 20px;
overflow: hidden;
}
.notification-wrapper .notification-block .notification-list li .icon-box img {
width: 22px;
}
.notification-wrapper .notification-block .notification-list li .content-box {}
.notification-wrapper .notification-block .notification-list li .content-box .flex-view.space-between {
display: flex;
align-items: center;
justify-content: space-between;
}
.notification-wrapper .notification-block .notification-list li .content-box .sub {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
margin-bottom: 5px;
}
.notification-wrapper .notification-block .notification-list li .content-box .title-box a {
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
font-weight: 500;
margin-bottom: 5px;
display: block;
text-decoration: none !important;
}
.notification-wrapper .notification-block .notification-list li .content-box .title-box {}
.notification-wrapper .notification-block .notification-list li .content-box .text-box {}
.notification-wrapper .notification-block .notification-list li .content-box .text-box p {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #808080;
margin: 0;
}
.notification-wrapper .notification-block .notification-list li .content-box .text-box a {}
.notification-wrapper .notification-block .notification-list li .content-box .list-box {
display: block;
}
.notification-wrapper .notification-block .notification-list li .content-box .list-box a {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 14px;
}
.notification-wrapper .notification-block .notification-list li .content-box .list-box a .img-box {
width: 30px;
height: 30px;
display: inline-block;
border-radius: 100%;
overflow: hidden;
flex: 0 0 30px;
margin-right: 14px;
}
.notification-wrapper .notification-block .notification-list li .content-box .list-box a span {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
}
.notification-wrapper .notification-block .notification-list li .content-box .list-box a .img-box img {
width: 100%;
}
.notification-wrapper .notification-block .notification-list li .icon-box.img {
border: none;
}
.notification-wrapper .notification-block .notification-list li .icon-box.img img {
width: 100%;
}
.notification-wrapper .notification-block .notification-list li .content-box .title-box a {}
.notification-wrapper .notification-block .notification-list li .content-box .list-box a:last-child {
margin-bottom: 0;
}
.notification-wrapper .notification-block .notification-list li .content-box .list-box a:first-child {
margin-top: 14px;
}
.notification-modal .notification-wrapper .filter-section .checkbox-block {
line-height: 17px;
}
.notification-modal .notification-wrapper .filter-section .checkbox-block label {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
}
/**//**//**//**//**//**//**/
/*Reports page*/
ul.breadcrumb-block {
margin: 0 0 14px;
padding: 0;
display: flex;
}
ul.breadcrumb-block li {
list-style: none;
margin-right: 15px;
padding-right: 15px;
position: relative;
}
ul.breadcrumb-block li a {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
color: #000000;
}
ul.breadcrumb-block li.active {}
ul.breadcrumb-block li.active a {
color: #0592B1;
}
ul.breadcrumb-block li:before {content: " > ";position: absolute;right: -5px;top: 0;height: 95%;width: 10px;display: flex;align-items: center;}
ul.breadcrumb-block li.active:before {
content: "";
}
.report-wrapper {}
.report-filter {
width: 60%;
margin: 0;
}
.report-filter .form-section {}
.report-filter .form-section .bmd-form-group {
padding: 0;
}
.report-filter .form-section .form-control {
background: #F7F8F9;
border-radius: 100px;
padding: 0 15px;
height: 34px;
line-height: 34px;
font-weight: normal;
font-size: 14px;
/* identical to box height */
color: #333;
padding-right: 40px;
}
.report-filter .form-section .btn.btn-transparent {
padding: 0;
margin: 0;
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.report-filter .form-section .btn.btn-transparent img {}
.report-filter .form-section .form-control::placeholder {
font-size: 14px;
color: #808080;
}
.report-dashboard-block {
margin-top: 40px;
}
.report-dashboard-block .item-horizonotal {
padding: 20px 10px 0;
position: relative;
}
.report-dashboard-block .item-horizonotal:before {content: "";position: absolute;top: 0;left: -30px;height: 1px;width: calc(100% + 60px);background: #E5E5E5;}
.report-dashboard-block .item-horizonotal .titlehead h4 {
position: relative;
font-weight: 600;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-transform: uppercase;
color: #424750;
margin: 0;
}
.report-dashboard-block .item-horizonotal .titlehead h4:before {content: "";position: absolute;left: -40px;top: 0;height: 15px;width: 30px;}
.report-dashboard-block .item-horizonotal .item-details {
width: 100%;
overflow-x: auto;
margin-top: 30px;
display: flex;
}
.report-dashboard-block .item-horizonotal .item-details .item-box {
display: inline-block;
margin:0 44px 30px;
min-width: 90px;
max-width: 90px;
text-decoration: none;
}
.report-dashboard-block .item-horizonotal .item-details .item-box .icon-box {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
margin: 0 auto;
}
.report-dashboard-block .item-horizonotal .item-details .item-box p.text {
font-weight: normal;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #424750;
margin: 10px 0 0;
}
.report-dashboard-block .item-horizonotal .item-details .item-box .icon-box img {}
.report-dashboard-block .item-horizonotal .item-details .item-box:nth-child(1) {
margin-left: 0;
}
.details-section {
margin-bottom: 60px;
}
.report-dashboard-block .item-horizonotal.sales-block .titlehead h4:before {
background: rgba(5, 146, 177, 0.2);
}
.report-dashboard-block .item-horizonotal.sales-block .item-details .item-box .icon-box {
background: rgba(5, 146, 177, 0.1);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.sales-block .item-details .item-box:hover .icon-box {
background: rgba(5, 146, 177, 0.3);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.revenue-block .titlehead h4:before {
background: rgba(5, 146, 177, 0.2);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.revenue-block .item-details .item-box .icon-box {
background: rgba(25, 118, 210, 0.1);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.revenue-block .item-details .item-box:hover .icon-box {
background: rgba(25, 118, 210, 0.3);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.pipeline-block .titlehead h4:before {
background: rgba(223, 156, 255, 0.2);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.pipeline-block .item-details .item-box .icon-box {
background: rgba(223, 156, 255, 0.1);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.pipeline-block .item-details .item-box:hover .icon-box {
background: rgba(223, 156, 255, 0.3);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.leads-block .titlehead h4:before {
background: rgba(255, 204, 77, 0.2);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.leads-block .item-details .item-box .icon-box {
background: rgba(255, 204, 77, 0.2);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.leads-block .item-details .item-box:hover .icon-box {
background: rgba(255, 204, 77, 0.4);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.callsandchat-block .titlehead h4:before {
background: rgba(228, 64, 53, 0.2);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.callsandchat-block .item-details .item-box .icon-box {
background: rgba(228, 64, 53, 0.1);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.callsandchat-block .item-details .item-box:hover .icon-box {
background: rgba(228, 64, 53, 0.3);
transition: all 0.2s ease;
}
.summary-block {
margin-top: 24px;
}
.summary-block h4.titlehead {
font-weight: 600;
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
color: #424750;
margin-bottom: 10px;
}
.summary-block .flex-display {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.summary-block .flex-display .item-box {
margin: 0 30px;
}
.summary-block .flex-display .item-box p.blue {
font-weight: normal;
font-size: 24px;
line-height: 29px;
/* identical to box height */
margin-bottom: 0;
color: #0592B1 !important;
}
.summary-block .flex-display .item-box p.text {
font-weight: 500;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
margin: 6px 0;
min-height: 15px;
}
.summary-block .flex-display .item-box p.text .img {
margin-right: 4px;
}
.summary-block .flex-display .item-box:nth-child(1) {
margin-left: 0;
}
/*latest style changes 15-01-2021*/
.dashboard-filter-block .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
background: transparent;
border: none;
}
.dashboard-filter-block .select2-container .select2-selection--multiple .select2-selection__rendered {
/* background: #FFFFFF; */
/* box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12); */
/* border-radius: 10px; */
min-width: 200px;
/* max-height: 270px; */
/* overflow-y: auto; */
border: none !important;
outline: none !important;
/* z-index: 3; */
/* position: absolute; */
/* left: 0 !important; */
/* top: 0; */
/* margin: 0; */
/* padding-top: 0; */
}
.dashboard-filter-block .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
padding: 10px !important;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
margin: 0;
position: relative;
height: auto !important;
display: none !important;
}
.dashboard-filter-block .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice button.select2-selection__choice__remove {
background: #fff;
border: none;
height: auto;
display: none;
}
.dashboard-filter-block .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice span.select2-selection__choice__display {
flex: 1;
text-align: left;
line-height: normal;
}
.dashboard-filter-block .select2-container--default .select2-selection--multiple span.select2-search.select2-search--inline {
padding-left: 15px;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
font-size: 13px !important;
line-height: 34px;
}
.dataTables_wrapper .dataTables_filter input::placeholder {
font-size: 14px;
line-height: 34px;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li.nav-item .contain .bmd-form-group {
padding: 0;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li.nav-item .contain input {
background: #F7F8F9 !important;
border-radius: 5px !important;
height: 34px;
padding: 0 15px !important;
font-weight: normal;
font-size: 13px;
line-height: 34px;
color: #808080;
border: none !important;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li.nav-item .contain input::placeholder {
font-size: 13px !important;
line-height: 34px;
}
.daterangepicker .drp-calendar.left {
padding: 15px;
}
.daterangepicker .drp-calendar.right {
padding: 15px;
}
.daterangepicker .drp-buttons {
padding: 10px 15px;
}
.daterangepicker .calendar-table {}
.daterangepicker .calendar-table td.off.ends.available,.daterangepicker .calendar-table td.weekend.off.ends.available {
color: rgba(57,57,57,0.3);
}
.daterangepicker .calendar-table td.weekend.off.ends.available {}
.daterangepicker .calendar-table td.available, .daterangepicker .calendar-table .weekend.available {}
.daterangepicker .calendar-table td.today.active.start-date.active.end-date.available {}
.daterangepicker .calendar-table td.active.start-date.available {
border-radius: 0 !important;
background: #0592B1 !important;
color: #fff !important;
border-style: solid;
border-width: 1px !important;
}
.daterangepicker .calendar-table td.active.end-date.in-range.available {
border-radius: 0 !important;
background: #0592B1 !important;
color: #fff !important;
}
.daterangepicker .calendar-table td.in-range.available {
background: rgba(5, 146, 177,0.09);
color: rgba(5, 146, 177,1) !important;
border-color: rgba(5, 146, 177,0.7);
border-width: 1px;
border-style: solid;
}
.daterangepicker .calendar-table td.available {/* border: 1px solid transparent; */-webkit-box-sizing: border-box;box-sizing: border-box;color: #393939;cursor: pointer;font-weight: 400;border-radius: 0 !important;}
.daterangepicker .calendar-table td {/* border: 1px solid transparent !important; */}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
min-width: 35px !important;
width: 35px !important;
height: 35px !important;
line-height: 30px !important;
font-size: 12px;
padding: 0 !important;
}
td.today.active.start-date.active.end-date.available {
}
td {}
.daterangepicker .calendar-table td.weekend.off.ends.active.end-date.in-range.available {
background: rgba(5, 146, 177,0.7) !important;
color: #fff !important;
border-color: rgba(5, 146, 177,0.7) !important;
border-width: 1px;
border-style: solid;
}
.daterangepicker .calendar-table th {
font-weight: 400;
}
.daterangepicker .drp-selected {
padding-right: 24px;
}
.daterangepicker .drp-buttons .btn {
margin: 0;
}
.daterangepicker .drp-buttons .cancelBtn.btn.btn-sm.btn-default {
color: rgba(57,57,57,0.5);
background: transparent !important;
border: none !important;
}
.daterangepicker .drp-buttons .applyBtn.btn.btn-sm.btn-primary {
background: transparent !important;
border: none !important;
}
.daterangepicker .calendar-table td {
border: 1px solid rgba(0,0,0,0.02) !important;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li.nav-item .contain input:hover, .details-section .card .filter-section .filter-form .flex-display .filter-menu li.nav-item .contain input:focus {
border: none;
outline: none;
}
.daterangepicker .drp-buttons {
border: none;
}
.daterangepicker {
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
border: none;
}
ul.dropdown.filter-menu .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px !important;
font-size: 13px;
color: #808080 !important;
}
ul.dropdown.filter-menu .select2-container--default .select2-selection--single {
border: none !important;
padding: 0 !important;
background: #F7F8F9 !important;
border-radius: 5px !important;
line-height: 34px !important;
height: 34px !important;
}
ul.dropdown.filter-menu {}
ul.dropdown.filter-menu .select2-container--default .select2-selection--single span.select2-selection__arrow {
height: 34px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:hover, .select2-container--default .select2-search--dropdown .select2-search__field:focus {
border: 1px solid #aaa;
outline: none !important;
}
ul.dropdown.filter-menu .select2-container--default .select2-selection--single .select2-selection__rendered:focus {
border: none !important;
outline: none !important;
}
.dashboard-filter-block .select2-container--default .select2-selection--multiple .select2-selection__clear {
position: absolute;
z-index: 9;
top: 0;
margin: 0;
height: 100%;
}
.dashboard-filter-block .select2-container--default .select2-selection--multiple span.select2-search.select2-search--inline {
display: none !important;
}
.card-block .card .flex-display .flex-content .flex-row p.main a svg {
color: #0592B1 !important;
}
.details-section .card .card-details.single-card-details.row {
margin: 0 0 32px;
}
.details-section .card .card-details.single-card-details.row .col-md-2 {
background: #FCFCFC;
border: 1px solid #EFEFEF;
box-sizing: border-box;
box-shadow: 0px 4px 4px rgba(236, 236, 236, 0.25), 0px 4px 4px rgba(236, 236, 236, 0.25);
border-radius: 3px;
margin-right: 22px;
padding: 15px;
position: relative;
}
.details-section .card .card-details.single-card-details.row .col-md-2 h4 {
font-weight: 600;
font-size: 18px;
line-height: 22px;
/* identical to box height */
color: #424750;
margin-bottom: 12px;
}
.details-section .card .card-details.single-card-details.row .col-md-2 p {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #424750;
margin-bottom: 0;
}
.details-section .card .card-details.single-card-details.row .col-md-2:before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #0592B1;box-shadow: 0px 4px 4px rgba(236, 236, 236, 0.25);}
@media(max-width: 1400px){
.select2-container {
min-width: 200px;
max-width: 200px;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li:last-child a {
padding-right: 0;
min-width: 90px;
font-size: 12px;
}
.details-section .card .card-details.single-card-details.row .col-md-2 h4 {
font-size: 16px;
line-height: 22px;
margin-bottom: 8px;
}
.details-section .card .card-details.single-card-details.row .col-md-2 p {
font-size: 14px;
line-height: 19px;
}
}
table.dataTable {
margin: 0;
min-width: 100%;
}
.dataTables_scrollHeadInner {
min-width: 100%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background: transparent !important;
}
#email .select2-container .select2-selection--multiple .select2-selection__rendered li {
width: 100%;
}
#email .select2-container .select2-selection--multiple .select2-selection__rendered li input {
width: 100% !important;
position: relative;
padding: 0 !important;
}
#email .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
position: absolute;
right: 10px;
}
#email .select2-container--default .select2-selection--multiple {
background: #eaeaea !important;
border-radius: 5px !important;
max-width: 250px !important;
min-width: 250px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #F7F8F9 !important;
color: #0592B1 !important;
}
.details-section .card .custom-table td audio {
max-height: 32px;
max-width: 100%;
}
.details-section .card .custom-table td audio:hover,.details-section .card .custom-table td audio:focus {
outline: none;
}
textarea{
min-height: 100px !important;
}
#closedby_date{
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #808080;
padding-left: 5px;
}
label#new_password-error{
bottom: 0;
position: absolute;
}
label#password-error{
bottom: 0;
position: absolute;
}
.about-profile .about-row textarea.text {
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
color: #808080;
margin: 0;
}
.change-form .form-section label.error {
width: 100%;
margin: 7px 0 0 !important;
position: relative !important;
font-size: 11px !important;
}
.change-form .form-section .input-group {}
.change-form .form-section .input-group .input-group-addon {
position: absolute;
right: 15px;
top: 5px;
z-index: 10;
}
.change-form .form-section .input-group input.form-control.error {
padding-right: 30px;
}
select, select.custom-file-control, select.form-control{
cursor: pointer;
}
.card-block .create-card .card-body .flex-display input.form-control {
flex: 1;
}
.details-section .card .filter-section .filter-form .flex-display ul.dropdown.filter-menu:nth-child(1)::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
border-radius: 0px;
background-color: transparent;
}
.details-section .card .filter-section .filter-form .flex-display ul.dropdown.filter-menu:nth-child(1)::-webkit-scrollbar
{
width: 4px;
height: 4px;
background-color: transparent;
}
.details-section .card .filter-section .filter-form .flex-display ul.dropdown.filter-menu:nth-child(1)::-webkit-scrollbar-thumb
{
border-radius: 100px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.00);
background-color: #ddd;
}
.details-section .card .filter-section .filter-form .flex-display {
width: 100%;
}
label#closure_date-error {
bottom: 0;
width: 100%;
margin: 7px 0 0 !important;
position: relative !important;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img span {
/* display: flex;
align-items: center;
justify-content: center;
background: #F7F8F9;
border-radius: 100%; */
}
.viewport-wrapper .inner-wrapper .left-block .profile-img span h4 {
font-size: 28px;
font-weight: bold;
margin: 0;
}
textarea.form-control.valid {
line-height: 20px !important;
}
#accordionleft textarea{
background-image: none;
border-bottom: 1px solid #c5c5c5;
}
.form-control[readonly] {
background-color: white;
overflow: auto;
cursor: default !important;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu:nth-child(2) {
min-width: 120px;
height: 34px;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu:nth-child(1) {
flex-wrap: wrap;
justify-content: flex-start;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu:nth-child(1) li.nav-item {
margin-bottom: 15px;
padding-left: 0;
padding-right: 15px;
}
.details-section .card .filter-section .filter-form .flex-display {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex: 1;
}
.card-block .create-card .card-body .flex-display .flex-display {
margin-bottom: 0;
}
@media(max-width: 1281px){
.grid-wrapper .item .item-block .card-details .details-box .first-section p.text {
font-size: 10px;
line-height: 12px;
min-height: 24px;
}
.grid-wrapper .item .item-block .card-details .details-box .second-section p.text {
font-size: 10px;
line-height: 14px;
min-height: 28px;
}
.grid-wrapper .item .item-block .title-block .checkbox-block input[type="radio"]:checked + label {
font-size: 11px;
}
.grid-wrapper .item .item-block .title-block .checkbox-block input[type="radio"] + label {
font-size: 11px;
}
.grid-wrapper .item .item-block .filter-list li a {
font-size: 10px;
}
.grid-wrapper .item .item-block .filter-list li {
padding: 0 5px;
}
.grid-wrapper .item .item-block .filter-text p {
font-size: 10px;
}
.grid-wrapper .item .item-block .card-details .details-box .first-section.flex-row .inner-box {
padding: 0 12px;
}
.grid-wrapper .item .item-block .title-block h4 {
font-size: 12px;
}
.grid-wrapper .item .item-block .title-block .date-field .calender-block .form-control,.grid-wrapper .item .item-block .title-block .date-field .calender-block .form-control::placeholder {
font-size: 11px;
}
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child .nav-link {
padding: 0 !important;
}
.card-block .create-card .card-body .flex-display .tox.tox-tinymce {
width: 100%;
}
.addcomment-section {
margin-left: 15px;
width: 100%;
}
.addchatcomment-section {
width: 100%;
}
.addcomment-section .contain {}
.addcomment-section .contain a img {
margin-right: 6px;
}
.addcomment-section .contain svg {
margin-right: 0;
}
.addcomment-section .flex-row.justify-start {}
.addcomment-section .flex-row.justify-start .left-pad {
width: 100%;
padding-left: 16px;
}
.addcomment-section .flex-row.justify-start .left-pad form {
margin: 0;
}
.addcomment-section .flex-row.justify-start .left-pad .text-field {
background: #F7F8F9;
padding: 12px 18px;
}
.addcomment-section .flex-row.justify-start .left-pad .button-block {
margin-top: 18px;
text-align: right;
}
.addcomment-section .flex-row.justify-start .left-pad .text-field p.text {
font-style: normal;
font-weight: 600;
font-size: 10px;
line-height: 17px;
color: #808080;
}
.addchatcomment-section .flex-row.justify-start .left-pad{
width:100%;
}
.addchatcomment-section .flex-row.justify-start .left-pad .text-field {
font-style: normal;
font-weight: 600;
font-size: 10px;
line-height: 17px;
background: #F7F8F9;
color: #808080;
padding: 12px 18px;
}
.addcomment-section .flex-row.justify-start .left-pad .text-field .bmd-form-group {
padding: 0;
}
.addcomment-section .flex-row.justify-start .left-pad .text-field .form-control {
margin-top: 10px;
padding: 0;
background-image: none;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #808080;
}
.addcomment-section .flex-row.justify-start .left-pad .button-block .btn.btn-transparent {
margin-left: 20px;
font-style: normal;
font-size: 10px;
line-height: 12px;
text-transform: capitalize;
background: #E44035;
border-radius: 100px;
padding: 8px 16px;
font-weight: 500;
text-align: center;
color: #FFFFFF !important;
border: 1px solid #E44035;
}
.addcomment-section .flex-row.justify-start .left-pad .text-field p.text img {
margin-right: 5px;
}
.addcomment-section .flex-row.justify-start .left-pad .text-field .form-control::placeholder {
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #808080;
}
.addcomment-section .flex-row.justify-start .left-pad .button-block .btn.btn-transparent svg {
margin-right: 6px;
}
.addcomment-section .flex-row.justify-start .left-pad .button-block .btn.btn-transparent:hover,.addcomment-section .flex-row.justify-start .left-pad .button-block .btn.btn-transparent:focus {
color: #FFFFFF !important;
}
/*view comment style 31-03-2021*/
.viewcomment-section {
width: 100%;
}
.viewcomment-section .viewcomment-show {}
.viewcomment-section .viewcomment-show .left-pad {
margin-left: 16px;
margin-bottom: 10px;
width: 100%;
background: transparent;
padding: 0 0 12px;
border-bottom: 1px solid #eaeaea;
}
.viewcomment-section .viewcomment-show .left-pad .text-field {
position: relative;
/*padding-top: 20px;*/
}
.viewcomment-section .viewcomment-show .left-pad .text-field .edit-comment svg {font-size: 13px;color: #808080;position: absolute;right: 0;top: 0px;}
.viewcomment-section .viewcomment-show .left-pad .text-field .confirm-comment svg {
position: absolute;
right: 0;
font-size: 14px;
color: #808080;
top: 5px;
}
.viewcomment-section .viewcomment-show .left-pad .text-field .comments {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #808080;
margin: 0;
}
.viewcomment-section .viewcomment-show .left-pad .text-field .bmd-form-group {
padding: 0;
}
.viewcomment-section .viewcomment-show .left-pad .text-field .form-control {
padding: 0;
background-image: none;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #808080;
}
.viewcomment-section .viewcomment-show .left-pad form {
margin: 0;
}
a#view-comment span.sub {
margin-left: 0;
position: relative;
top: -1px;
}
a#view-comment.show svg {
transition: all 0.3s ease;
transform: rotate(90deg);
}
a#view-comment svg {
transition: all 0.3s ease;
}
.flex-row.justify-start.viewcomment-show.show {
display: flex !important;
}
.flex-row.justify-start.addchatcomment-show.show {
display: flex !important;
}
a#view-comment.show svg,
a#view-comment.show span,
a#view-comment:hover svg,
a#view-comment:hover span{
color: #0592B1 !important;
}
a.view-comment span.sub {
margin-left: 0;
position: relative;
top: -1px;
}
a.view-comment.show svg {
transition: all 0.3s ease;
transform: rotate(90deg);
}
a.view-comment svg {
transition: all 0.3s ease;
}
.flex-row.justify-start.viewcomment-show.show {
display: flex !important;
}
a.view-comment.show svg,
a.view-comment.show span,
a.view-comment:hover svg,
a.view-comment:hover span{
color: #0592B1 !important;
}
.viewcomment-section .viewcomment-show .left-pad .text-field .comment-title {
padding-right: 30px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 5px;
}
.viewcomment-section .viewcomment-show .left-pad .text-field .comment-title p {
font-weight: 500;
font-size: 13px;
line-height: 20px;
color: #808080;
margin: 0;
margin-right: 5px;
}
.viewcomment-section .viewcomment-show .left-pad .text-field .comment-title span {}
.viewcomment-section .viewcomment-show .left-pad .text-field .comment-title span {
margin: 0 5px;
font-weight: normal;
font-size: 11px;
color: #808080;
}
.card-block .create-card .card-body .flex-display span.sub.sub1 + input {
margin-left: 10px;
}
.card-block .create-card .card-body .flex-display span.sub.sub1 {
min-width: 120px;
font-size: 12px;
}
.card-block .create-card .card-body .flex-display select#call_direction {
width: auto;
appearance: auto;
margin-left: 10px;
height: auto !important;
}
.position-relative {}
.position-sticky {position:sticky;}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .select-outcomes {
font-size: 14px;
line-height: 17px;
margin-left: 30px;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain > a {
font-size: 14px;
}
.card-block .create-card .card-body .flex-display span.sub.sub1 + .contain {
margin-left: 5px;
}
.card-block .create-card .card-body .flex-display span.sub.sub1 + .flex-display {
margin-left: 10px;
}
.addcomment-section .flex-row.justify-start .left-pad .button-block .btn.btn-transparent svg {
color: #fff;
}
.card-block .create-card .card-body .flex-display .contain select {
font-size: 14px;
line-height: 17px;
}
.card-block .create-card .card-body .flex-display .column-direction span.sub + .contain {
line-height: 17px;
}
.calender-block.calender-block1 input {
padding-left: 0 !important;
}
.select-outcomes {
font-size: 14px;
line-height: 17px;
color: #424750;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child a {
font-size: 12px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child .sub {
font-size: 12px;
}
@media(max-width: 1300px){
.viewport-wrapper .inner-wrapper .left-block {
padding: 0 0px;
}
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child a{
padding:0 0px;
}
.card-block .create-card .card-body .flex-display input[type="file"] {
font-size: 12px;
padding-left: 12px;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu:nth-child(1) li.nav-item {
margin-top: 0 !important;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-header {
padding: 0 40px;
border-top: 1px solid #DADADA !important;
border-bottom: 1px solid #DADADA !important;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-header h5 {
display: flex;
align-items: center;
justify-content: space-between;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-header h5 .btn.btn-borderonly {
font-weight: 500;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-align: center;
color: #0592B1;
padding: 5px 10px;
border: 1px solid #0592B1;
border-radius: 50px;
text-transform: capitalize;
margin: 0;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-body {
padding: 14px 40px;
overflow-y: auto;
position: relative;
}
.viewport-wrapper .inner-wrapper .left-block.contact-leftblock .accordion-box .card .card-body {
/*max-height: calc(100vh - 345px) !important;
min-height: calc(100vh - 345px) !important;*/
}
.viewport-wrapper .inner-wrapper .left-block .profile-img p.stage {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #0592B1;
margin-bottom: 0;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img p.stage span {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #000000;
}
@media(min-width:1500px){
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-body {
}
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .about-row {
margin-left: 0;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-header h5 button.edit_dependant.btn.btn-borderonly {
padding: 0;
border: none;
display: inline-block;
min-height: initial !important;
width: auto !important;
margin-left: 8px;
}
.about-profile .about-row .form-control {
background-image: none;
border-bottom: 1px solid #DADADA;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img .opportunity-block {
width: 100%;
margin: 0;
line-height: 17px;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img .opportunity-block .child {
justify-content: space-between !important;
margin-bottom: 0px !important;
padding-bottom: 0px !important;
border-bottom: 1px solid #DADADA;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img .opportunity-block .card-row.i-content {
margin: 0;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child:last-child span.sub {
color: #0592B1;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock {}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block {
padding: 0 40px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block h4.text-value {
font-style: normal;
margin-bottom: 0;
font-weight: normal;
font-size: 12px;
line-height: 18px;
text-transform: capitalize;
color: #000000;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block h4.text-main {
font-weight: 500;
font-size: 24px;
line-height: 29px;
color: #000000;
margin-bottom: 8px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content {
margin-bottom: 6px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child {
width: 100%;
justify-content: space-between !important;
align-items: flex-end;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #DADADA;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-between {}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-row {
margin-bottom: 0;
border-bottom: none;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child span.sub {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #0592B1;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-row > div {
flex: 1;
display: flex;
flex-direction: column;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-row > div span.sub {
color: #000000;
display: block;
margin-bottom: 4px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child span.text {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #000000;
padding: 0;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-between span.value {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #424242;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-between > div {
flex: 1;
display: flex;
align-items: center;
padding-right: 10px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-row > div:last-child {
text-align: right;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .accordion-box .card .card-body {
/*max-height: calc(100vh - 350px) !important;
min-height: calc(100vh - 350px) !important;*/
}
.viewport-wrapper .inner-wrapper .left-block.account-leftblock .accordion-box .card .card-body {
/*max-height: calc(100vh - 328px) !important;
min-height: calc(100vh - 328px) !important;*/
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .position-relative .dropdown-menu.dropdown-menu-right {
min-width: 100% !important;
width: 100% !important;
max-width: 100% !important;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .position-relative .dropdown-menu.dropdown-menu-right span {
width: 100%;
padding: 0 !important;
display: inline-block;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .position-relative .dropdown-menu.dropdown-menu-right input[type="text"] {
line-height: 34px;
height: 34px;
color: #333;
font-size: 12px !important;
padding: 0 15px !important;
position: relative;
border: 1px solid #ececec;
background: #ececec !important;
border-radius: 5px !important;
margin-bottom: 14px !important;
width: 100%;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .position-relative .dropdown-menu.dropdown-menu-right span.menu-items a {
font-weight: normal !important;
font-size: 12px !important;
line-height: 14px !important;
color: #424750 !important;
margin-bottom: 14px;
padding: 0 !important;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .position-relative .dropdown-menu.dropdown-menu-right input[type="text"]::placeholder {
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #808080;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .position-relative .dropdown-menu.dropdown-menu-right input[type="text"]:focus,.viewport-wrapper .inner-wrapper .left-block .opportunity-block .position-relative .dropdown-menu.dropdown-menu-right input[type="text"]:hover {
border: 1px solid #ececec;
outline: none;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain p, .card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain span {
margin: 0;
font-weight: normal;
font-size: 12px;
line-height: 19px;
/* or 150% */
/* 12 Filled form */
color: #999999;
max-height: 200px;
overflow-y: auto;
word-break: break-all;
}
.meeting-card.card {
background: #FFFFFF;
border: 1px solid #F1F1F1;
box-sizing: border-box;
box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.11);
border-radius: 4px;
padding: 0 !important;
}
.meeting-card.card .top-row {
background: #ececec;
padding: 8px 16px;
/*line-height: 15px;*/
}
.meeting-card.card .top-row .contain span {
font-weight: 500;
font-size: 12px !important;
line-height: 15px;
color: #000000;
}
.meeting-card.card .card-title {
padding: 8px 16px;
}
.meeting-card .card-title p.text, .meeting-card .card-title.edit-content p,.meeting-card .card-title p.text, .meeting-card .card-title.edit-content span {
font-weight: normal !important;
font-size: 13px !important;
line-height: 19px !important;
/* identical to box height */
color: #444444 !important;
margin: 0 !important;
max-height: 200px;
overflow-y: auto;
}
.meeting-card.card .bmd-form-group {
padding: 0;
}
.meeting-card.card textarea {
line-height: 1.5em;
}
.meeting-card .meeting-list {
padding: 5px 16px;
border-top: 1px solid rgba(182, 182, 182, 0.2);
border-bottom: 1px solid rgba(182, 182, 182, 0.2);
}
.meeting-card .meeting-list span.sub {
font-weight: normal !important;
font-size: 12px !important;
line-height: 15px !important;
/* identical to box height */
text-transform: capitalize !important;
color: #000000 !important;
}
.meeting-card .meeting-list .contain span,.meeting-card .meeting-list .contain a {
font-weight: normal !important;
font-size: 12px !important;
line-height: 1.5em !important;
/* identical to box height */
color: #0592B1 !important;
text-transform: capitalize;
padding: 0;
}
a.nav-link {}
.meeting-card .meeting-list .contain a {
color: #B6B6B6 !important;
}
.meeting-card .description-box {
padding: 8px 16px;
}
.meeting-card .description-box .contain p {}
.meeting-card .meeting-list .column-direction {
margin-right: 20px !important;
}
.meeting-card.card .top-row a {
font-size: 12px;
line-height: 15px;
/* identical to box height */
display: flex;
align-items: center;
text-align: right;
color: #62A087;
}
.meeting-card.card .top-row .contain {
margin-right: 30px;
}
.meeting-card.card .flex-content {
padding: 0 !important;
}
.meeting-card.card .flex-content .calender-block input {
padding: 0 !important;
font-weight: 500;
font-size: 12px !important;
line-height: 15px;
color: #555555 !important;
max-width: 100px !important;
}
.meeting-card.card .flex-content .flex-row {
margin-bottom: 0 !important;
}
.meeting-card.card .flex-content .flex-row .column-direction {
display: flex;
align-items: center;
margin-bottom: 0 !important;
}
.meeting-card.card .flex-content .flex-row .column-direction span.sub {
margin-right: 8px;
}
.meeting-createcard {}
.meeting-createcard .card-header {
min-height: 40px !important;
}
.meeting-createcard .card-header p.heading {
font-size: 14px !important;
line-height: 17px !important;
}
.meeting-createcard .card-header .close img,.meeting-createcard .card-header .expand img {
width: 18px;
}
.meeting-createcard .card-body {
padding: 16px !important;
}
.meeting-createcard .card-header .save span {
position: relative;
display: inline-block;
width: 18px;
height: 18px;
border: 1px solid #fff;
border-radius: 100%;
top: 1px;
}
.meeting-createcard .card-header .save {
background: transparent;
border: none;
box-shadow: none;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin-left: 16px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
text-align: right;
color: #fff;
text-shadow: none;
cursor: pointer;
}
.meeting-createcard .card-header .save span:before {content: "";position: absolute;width: 9px;height: 5px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(-45deg);top: 4px;left: 4px;}
.meeting-createcard .card-body .form-fullblock {
display: flex;
flex-direction: column;
align-items: flex-start !important;
justify-content: flex-start !important;
}
.meeting-createcard .card-body .form-fullblock span.sub {
font-weight: normal !important;
font-size: 12px !important;
line-height: 15px !important;
/* identical to box height */
text-transform: capitalize;
/* Label */
color: #808080 !important;
margin-bottom: 4px;
}
.meeting-createcard .card-body input, .meeting-createcard .card-body select,.meeting-createcard .card-body a.nav-link {
font-weight: normal !important;
font-size: 13px !important;
line-height: 30px !important;
border: 1px solid #e7e7e7 !important;
border-radius: 4px !important;
padding: 0 10px !important;
display: flex !important;
align-items: center;
justify-content: space-between;
padding-right: 5px !important;
}
.meeting-createcard .card-body .form-fullblock textarea {
height: 120px !important;
min-height: 60px !important;
font-weight: normal !important;
font-size: 13px !important;
line-height: 17px !important;
border: 1px solid #e7e7e7 !important;
border-radius: 4px !important;
padding: 10px !important;
}
.meeting-createcard .card-body .form-fullblock .tox-tinymce {
max-height: 140px;
}
.meeting-createcard .card-body input::placeholder {
line-height: 30px;
color: #999 !important;
font-weight: normal !important;
font-size: 13px !important;
}
.meeting-createcard .card-body .flex-display {
margin-bottom: 16px !important;
}
.meeting-createcard .flex-display.form-halfblock {
margin: 0 -15px;
}
.meeting-createcard .flex-display.form-halfblock .column-direction {
flex: 1;
padding: 0 15px;
margin: 0 !important;
display: flex;
align-items: center;
justify-content: space-between;
}
.meeting-createcard .flex-display.form-halfblock .column-direction .flex-display {
margin: 0 !important;
flex: 1;
display: flex;
align-items: stretch;
justify-content: stretch;
}
.meeting-createcard .flex-display.form-halfblock .column-direction .contain input select {
width: 100% !important;
}
.meeting-createcard .flex-display.form-halfblock input, .meeting-createcard .flex-display.form-halfblock select {
width: 100% !important;
max-width: 100% !important;
appearance: auto;
height: 32px;
}
.meeting-createcard .flex-display.form-halfblock .column-direction .dropdown-box {width: 100%;}
.meeting-createcard .flex-display.form-halfblock .column-direction .flex-display .contain.cust-dropdown-div {
width: 100%;
}
.meeting-createcard .flex-display.form-halfblock .column-direction .flex-display a.nav-link {
width: 100%;
display: inline-block;
}
.meeting-createcard .flex-display.form-halfblock .column-direction .flex-display .contain {
width: 100% !important;
}
.meeting-createcard .card-header .close,.meeting-createcard .card-header .expand {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
display: flex;
align-items: center;
text-align: right;
color: #f6f6f6;
text-shadow: none;
margin-left: 16px;
}
.meeting-createcard .dropdown-menu.search-drop {}
.meeting-createcard .dropdown-menu.search-drop a {
padding: 12px 15px !important;
}
.meeting-createcard .dropdown-menu.search-drop a span.main {
font-size: 12px !important;
line-height: 15px !important;
margin: 0;
position: relative;
top: 2px;
}
.meeting-createcard .card-body .form-fullblock textarea::placeholder {
font-size: 13px !important;
line-height: 17px !important;
}
.card-block .create-card .card-body .flex-display .column-direction span.sub {
flex: 0 0 100px;
min-width: 100px;
}
.meeting-createcard .card-body .form-fullblock span.bmd-form-group {
width: 100%;
}
.meeting-createcard .card-body .flex-display:last-child {
margin-bottom: 0 !important;
}
.meeting-card.card form.form {
margin: 0;
}
.meeting-card.card .flex-content .flex-row.edit-content {
display: flex;
flex-direction: column !important;
align-items: flex-start !important;
}
.meeting-card.card .flex-content .flex-row.edit-content .noteform {}
.meeting-card.card .flex-content .flex-row.edit-content .noteform textarea {
height: 60px !important;
min-height: 60px !important;
font-size: 13px !important;
line-height: 16px !important;
}
.meeting-card.card .flex-content .flex-row.edit-content .noteform {
padding: 0px 0 0;
width: 100%;
}
.meeting-card.card form.form .footer-row {
justify-content: flex-end;
padding: 0 16px 0px;
}
.meeting-card.card form.form .footer-row .save {
background: transparent;
border: none;
box-shadow: none;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
text-align: right;
color: #62A087;
text-shadow: none;
cursor: pointer;
margin-bottom: 10px;
}
.meeting-card.card form.form .footer-row .close {
background: transparent;
border: none;
box-shadow: none;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
text-align: right;
color: #B6B6B6;
text-shadow: none;
cursor: pointer;
opacity: 1;
margin-bottom: 10px;
}
.meeting-card .description-box a.more-link {
margin: 0;
font-weight: normal !important;
font-size: 12px !important;
line-height: 18px !important;
color: #999999 !important;
}
.meeting-card .meeting-list audio {
max-height: 22px !important;
max-width: 210px;
position: relative;
top: 2px;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img .opportunity-block .child svg {
font-size: 15px;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink {
max-height: calc(100vh - 50px);
display: flex;
flex-direction: column;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .accordion-box.accr-content {
overflow-y: auto;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .profile-img {
flex-shrink: 0;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box.accr-title {
flex-shrink: 0;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .action-box {flex-shrink: 0;}
.meeting-createcard .card-body input[type="checkbox"] {
display: none !important;
}
.meeting-createcard .dropdown-menu.search-drop a label {
font-size: 12px !important;
line-height: 15px !important;
position: relative;
}
.meeting-createcard .card-header > svg {
display: none;
}
.meeting-card .meeting-list .contain select {
font-weight: normal !important;
font-size: 12px !important;
line-height: 15px !important;
color: #0592B1 !important;
text-transform: capitalize;
}
.meeting-card.card .flex-content .flex-row span.icon {
position: relative;
line-height: 15px !important;
display: inline-block;
margin-right: 6px;
position: relative;
top: -2px;
}
.meeting-card.card .top-row .contain span.icon {
margin-right: 3px;
}
.meeting-card.card .bottom-row {
background: #ececec;
padding: 4px 16px;
}
.meeting-card.card .bottom-row span.sub {
font-weight: normal !important;
font-size: 10px !important;
line-height: 12px !important;
text-transform: capitalize !important;
/* Label */
color: #000000 !important;
}
.meeting-card.card .bottom-row .contain span {
font-weight: normal !important;
font-size: 10px !important;
line-height: 12px !important;
text-transform: capitalize !important;
/* 12 Filled form */
color: #000000 !important;
}
.meeting-card.card .bottom-row .column-direction {
line-height: 12px;
}
.meeting-card.card .bottom-row span.date,.meeting-card.card .bottom-row span.time {
font-weight: normal;
font-size: 10px;
line-height: 12px;
display: flex;
align-items: center;
/* 12 Filled form */
color: #000000;
}
#createnotes-card .card-body textarea {
min-height: 200px !important;
}
.meeting-card .top-row .tag {
font-weight: normal;
font-size: 10px !important;
line-height: 12px !important;
display: flex !important;
align-items: center !important;
color: #555555 !important;
padding: 4px 8px;
border-radius: 4px;
background: #DA6969;
}
.meeting-card .top-row .tag.tag.btn-red,.meeting-card .top-row .tag.tag.btn-red:hover {background: #DA6969 !important;color: #fff !important;}
.card-block .card .flex-display .flex-content .flex-row a.tag:hover, .card-block .card .flex-display .flex-content .flex-row a.tag:focus {
color: #fff !important;
}
.meeting-card .top-row .tag.btn-green {
background: #60B072 !important;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain span p::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
border-radius: 0px;
background-color: transparent;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain span p::-webkit-scrollbar
{
width: 8px;
height: 8px;
background-color: transparent;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain span p::-webkit-scrollbar-thumb
{
border-radius: 100px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.00);
background-color: #ddd;
}
.meeting-card .meeting-list .column-direction > .flex-display {
line-height: 15px;
}
.meeting-card.card .flex-content .flex-row .contain audio {
max-height: 26px !important;
display: block;
}
.meeting-card .top-row .tag.btn-grey {
background: #ccc;
}
.meeting-createcard .card-body .form-fullblock .sub,.meeting-createcard .card-body .form-halfblock .sub {
direction: rtl;
}
.meeting-createcard .card-body .form-fullblock .sub span, .meeting-createcard .card-body .form-halfblock .sub span {
margin-right: 2px;
}
.meeting-card.card .flex-content .flex-row > a {
font-weight: normal !important;
font-size: 12px !important;
line-height: 1.5em !important;
/* identical to box height */
text-transform: capitalize;
color: #808080 !important;
}
.meeting-card.card .flex-content .flex-row.thread-parent{
padding: 0px 16px;
}
.meeting-createcard .flex-display.form-halfblock input[type="file"] {
border: none !important;
padding: 0 !important;
height: auto !important;
}
.meeting-createcard .flex-display.form-halfblock input[type="file"]::placeholder {
font-size: 12px !important;
line-height: 32px !important;
padding: 0 !important;
}
.meeting-createcard .card-body .flex-display.m-0 {
margin: 0 -15px !important;
}
.meeting-createcard .card-body .flex-display.m-0 > .column-direction {
margin-bottom: 16px !important;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child > div:first-child {
text-align: left !important;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-row .position-relative {
line-height: 15px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .line-divider {
background: rgba(196, 196, 196, 0.4);
height: 1px;
display: block;
width: 100%;
margin: 4px 0 10px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .right-drop.show {}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .right-drop .dropdown-menu {
left: auto !important;
right: 0 !important;
padding: 6px 15px!important;
min-width: 120px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .right-drop .dropdown-menu a {
padding: 8px 0 !important;
font-size: 12px !important;
font-weight: normal;
line-height: 18px;
/* identical to box height, or 150% */
text-transform: capitalize;
/* Label */
color: #000000;
}
.edit-modal .modal-dialog.modal-full-height {
width: 100%;
}
.custom-modal.edit-modal {
left: auto !important;
width: 25%;
top: 50px;
height: calc(100vh - 50px);
overflow: hidden;
}
.edit-modal .modal-dialog.modal-full-height .modal-content {}
.edit-modal .modal-dialog.modal-full-height .modal-content form {
display: flex;
flex-direction: column;
}
.edit-modal .modal-dialog.modal-full-height .modal-content .modal-header {
min-height: 48px !important;
padding: 0 20px;
}
.edit-modal .modal-dialog.modal-full-height .modal-content .modal-header p.heading.lead {
flex: 1;
font-size: 14px !important;
line-height: 17px !important;
}
.edit-modal .modal-dialog.modal-full-height .modal-content .modal-header .close {
font-weight: normal;
font-size: 12px;
line-height: 15px;
display: flex;
align-items: center;
text-align: right;
color: #B6B6B6;
text-shadow: none;
margin-left: 16px;
background: transparent !important;
padding: 0 !important;
border: none !important;
position: relative;
right: 0 !important;
}
.edit-modal .modal-dialog.modal-full-height .modal-content .modal-header .clear {
font-weight: normal;
font-size: 12px;
line-height: 15px;
display: flex;
align-items: center;
text-align: right;
color: #B6B6B6;
text-shadow: none;
margin-left: 16px;
background: transparent !important;
padding: 0 !important;
border: none !important;
position: relative;
right: 0 !important;
cursor: pointer;
}
.edit-modal .modal-dialog.modal-full-height .modal-content .modal-header .save {
font-weight: normal;
font-size: 12px;
line-height: 15px;
display: flex;
align-items: center;
text-align: right;
color: #0592B1;
text-shadow: none;
margin-left: 16px;
background: transparent !important;
padding: 0 !important;
border: none !important;
cursor: pointer;
}
.custom-modal.edit-modal .modal-body {
padding: 0 0 12px !important;
max-height: calc(100vh - 100px);
height: calc(100vh - 100px);
display: flex;
flex-direction: column;
}
.edit-modal .modal-body .edit_navigation {
flex-shrink: 0;
padding: 0 20px;
margin-bottom: 8px;
}
.edit-modal .modal-body .edit-formfield {
overflow-y: auto;
padding: 0 20px;
}
edit-formfield a.edit_navigation__link {}
edit-formfield a.edit_navigation__link.active {}
.edit-modal .modal-body .edit_navigation a.edit_navigation__link {
flex: 1;
text-align: center;
position: relative;
font-weight: normal;
font-size: 13px;
line-height: 16px;
color: #000000;
text-decoration: none !important;
}
.edit-modal .modal-body .edit_navigation a.edit_navigation__link.active {}
.edit-modal .modal-body .edit_navigation {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 20px;
border-bottom: 1px solid rgba(153, 153, 153, 0.25);
}
.edit-modal .modal-body .edit_navigation a.edit_navigation__link:before {content: "";position: absolute;background: #0592B1;width: 100%;height: 1px;bottom: -8px;left: 0;transform-origin: center;transform: scale(0);transition: all 0.3s ease;}
.edit-modal .modal-body .edit_navigation a.edit_navigation__link.active:before {
transform-origin: center;
transform: scale(1);
transition: all 0.3s ease;
}
.edit-modal .modal-body .edit-formfield .form-section {
margin-bottom: 16px !important;
}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock {}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock {
display: flex;
align-items: center;
justify-content: space-between;
}
.edit-modal .modal-body .edit-formfield .form-section label.control-label {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
/* Label */
color: #000000;
margin-bottom: 4px;
}
.edit-modal .modal-body .edit-formfield .form-section .form-control {
border: 1px solid #E1E1E1;
background: transparent;
height: 30px;
font-size: 13px !important;
line-height: 1.5em !important;
}
.edit-modal .modal-body .edit-formfield .form-section .form-control::placeholder {
font-size: 13px;
line-height: 2.5em !important;
color: #B6B6B6 !important;
}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock label.control-label {
margin: 0;
flex: 0 0 110px;
}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock span.bmd-form-group {
flex: 1;
}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock .form-control {
flex: 1;
appearance: auto;
}
.edit-modal .modal-body .edit-formfield .form-section p.sub-head {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
text-align: center;
/* Green */
color: #0592B1;
margin: 0;
display: inline-block;
}
.edit-modal .modal-body .edit-formfield .form-section .position-relative {
background: transparent !important;
}
.edit-modal .modal-body .edit-formfield .form-section .position-relative label {
margin: 0;
font-weight: normal;
font-size: 12px;
line-height: 18px;
/* identical to box height, or 150% */
text-transform: capitalize;
/* 12 Placeholder text */
color: #000000;
position: relative;
top: -2px;
cursor: pointer;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content.m-0 .child.flex-row {padding-bottom: 4px;}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .title-shrink {
flex-shrink: 0;
width: 100%;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .content-shrink {
overflow-y: auto;
width: 100%;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal {}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .modal-body {
padding: 0;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .edit_navigation {
border-top: 1px solid rgba(153, 153, 153, 0.25);
padding: 10px 40px;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .edit_navigation a.edit_navigation__link {
text-align: initial;
flex: initial;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .edit_navigation a.edit_navigation__link:before {
bottom: -10px;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .modal-body .edit-formfield {
padding: 0 40px 8px;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .modal-body .edit-formfield .form-section {
margin-bottom: 8px !important;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .modal-body .edit-formfield .form-section label.control-label {
font-weight: normal;
font-size: 12px;
line-height: 18px;
/* identical to box height, or 150% */
/* Label */
color: #000000;
margin-bottom: 0 !important;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .modal-body .edit-formfield .form-section p.text {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
/* 12 Filled form */
color: #000000;
}
.meeting-createcard .card-body .form-fullblock input[type="file"] {
border: none !important;
padding: 0 !important;
}
.card-block .card .flex-display .flex-content .flex-row a.tag.btn-grey:hover, .card-block .card .flex-display .flex-content .flex-row a.tag.btn-grey:focus {
color: #555 !important;
}
.meeting-card.card .flex-display .flex-content .flex-row a.more-link {
font-weight: normal !important;
font-size: 12px !important;
line-height: 15px !important;
/* identical to box height */
color: #0592B1 !important;
}
.meeting-card.card .flex-display .flex-content .flex-row a.more-link img {
margin-right: 5px;
}
header#header nav ul.navbar-nav.dropdown li.nav-item.addnew-drop .dropdown-menu {
left: auto !important;
right: 0 !important;
min-width: 200px;
top: calc(100% + 10px);
}
header#header nav ul.navbar-nav.dropdown li.nav-item.addnew-drop .dropdown-menu a img {
margin-right: 4px;
}
header#header nav ul.navbar-nav.dropdown.main-menu li a.nav-link:before {
position: absolute;
bottom: -8px;
width: calc(100% - 37px);
height: 1px;
left: 12px;
background: #0592B1;
content: "";
transition: all 0.3s ease;
transform: scale(0);
transform-origin: center;
}
.edit-modal .modal-body .edit-formfield.edit-document {
padding: 12px 20px;
}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock.m-0 {
margin-bottom: 8px !important;
}
.add_document {}
.add_document input {
display: none;
}
.add_document label {
cursor: pointer;
}
.edit-modal .modal-body .edit-formfield .form-section label.control-label.display-label {
color: #0592B1;
flex: 1 !important;
max-width: 100%;
word-break: break-all;
padding-right: 16px;
}
.login-wrapper .box .body-content h4 {
font-weight: bold;
font-size: 18px;
line-height: 22px;
/* identical to box height */
display: flex;
align-items: center;
color: #333333;
margin-bottom: 4px;
}
.login-wrapper .box .body-content p {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
color: #999999;
margin-bottom: 24px;
}
.login-wrapper .box .body-content .form-section:last-child {
margin-bottom: 0;
}
html, body {
background: #F7F8F9 !important;
}
body,
body *{
font-family: 'Inter', sans-serif;
}
header#header {
background: #fff;
position: relative;
top: 0;
z-index: 9;
width: 100vw;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
border-bottom: 1px solid #E7E7E7;
}
header#header.styled-header {
transition: all 0.3s ease;
background: rgba(0,0,0,1);
}
header#header nav {
width: 100%;
padding: 0;
box-shadow: none;
}
header#header nav div#headermenu {
justify-content: space-between;
}
header#header .container-fluid {
max-width: calc(100% - 80px);
}
header#header nav a.navbar-brand {
padding: 0;
margin: 0;
}
header#header nav ul.navbar-nav {}
header#header nav ul.navbar-nav li a.nav-link {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #000000 !important;
padding: 0 12px;
text-transform: unset;
}
header#header nav ul.navbar-nav li.active > a {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #0592B1 !important;
padding: 0 20px;
text-transform: unset;
}
header#header nav ul.navbar-nav li:last-child a {
padding-right: 0;
}
header#header nav ul.navbar-nav li:first-child a {
padding-left: 0;
}
header#header nav .button-header {
margin-left: 30px;
display: flex;
align-items: center;
justify-content: center;
}
header#header nav .button-header a.btn.btn-header {
border-radius: 100px;
min-height: 34px;
margin: 0;
min-width: 125px;
font-weight: 500;
font-size: 15px;
line-height: 19px;
text-transform: capitalize;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border: solid 2px transparent;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #ACE705, #05E786);
background-origin: border-box;
background-clip: content-box, border-box;
box-shadow: 2px 1000px 1px #000000 inset;
}
header#header nav .button-header a.btn.btn-header span{
background: -webkit-gradient(linear, left top, right top, from(#ACE705), to(#05E786));
background: linear-gradient(to right, #ACE705 0%, #05E786 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border-image: linear-gradient(to right, #ACE705 0%, #05E786 100%);
}
header#header.styled-header1 {
position: fixed;
}
header#header.styled-header1 + .inner-content-wrapper {
margin-top: 70px;
overflow-x: hidden;
}
header#header nav ul.navbar-nav.dropdown {}
header#header nav ul.navbar-nav.dropdown li.nav-item {
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: 24px;
}
header#header nav ul.navbar-nav.dropdown li.nav-item span.icon-box {
position: relative;
}
header#header nav ul.navbar-nav.dropdown li.nav-item span.profile-box {
width: 24px;
height: 24px;
border-radius: 100%;
overflow: hidden;
display: inline-block;
}
header#header nav ul.navbar-nav.dropdown li.nav-item span.icon-box img {}
header#header nav ul.navbar-nav.dropdown li.nav-item span.profile-box img {
width: 100%;
}
header#header nav ul.navbar-nav.dropdown li.nav-item span.icon-box span.dot {
position: absolute;
top: -6px;
right: -1px;
width: 10px;
height: 10px;
background: #E44035;
border: 1px solid #FFFFFF;
border-radius: 100%;
}
header#header nav ul.navbar-nav.dropdown .ripple-container {
opacity: 0 !important;
}
.dropdown-menu {
padding: 10px 20px;
left: 0 !important;
top: calc(100% + 15px);
background: #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 5px;
min-width: 190px;
max-height: 270px;
overflow-y: auto;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item {
min-height: 64px;
padding: 0 7px 0 20px;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .icon-box.icon-bg {
background: #E44035;
width: 31px;
height: 31px;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .icon-box {
border-radius: 100%;
margin-right: 9px;
display: flex;
align-items: center;
justify-content: center;
width: 31px;
height: 31px;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .flex-column {
flex: 1;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .flex-column .name-time {
display: flex;
align-items: center;
justify-content: space-between;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .flex-column .name-time span {
font-weight: normal;
font-size: 10px;
line-height: 12px;
color: #808080;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .flex-column .detail {}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .flex-column .detail span {
font-weight: normal;
font-size: 14px;
line-height: 21px;
/* identical to box height */
color: #000000;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu p.text {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000;
padding: 0 7px 0 20px;
margin: 20px 0 15px;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .icon-box.icon-bg img {
width: 15px;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item .flex-display .icon-box img {}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu.profile-box.show {
left: calc(0% - 175px);
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu.profile-box.show a.dropdown-item:nth-child(1) {}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu.profile-box.show a.dropdown-item:nth-child(1) .icon-box {
overflow: hidden;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu.profile-box.show a.dropdown-item:nth-child(1) .icon-box img {
width: 100%;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item.active,header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu a.dropdown-item:hover {
background: #FAF9F9;
}
header#header.styled-header + .section.section-about {}
header#header.styled-header + .section.section-about .container-fluid > .row .col-md-3.col-lg-3.col-xs-12 {
top: 80px;
}
header#header nav ul.navbar-nav.dropdown.main-menu {
padding-left: 80px;
}
header#header nav ul.navbar-nav.dropdown.main-menu li a.nav-link {
padding: 0 12px;
}
header#header nav ul.navbar-nav.dropdown.main-menu li:first-child a.nav-link {
/* padding-left: 0; */
}
header#header nav ul.navbar-nav.dropdown.main-menu li:last-child a.nav-link {
/*padding-right: 0;*/
}
header#header nav ul.navbar-nav li a.nav-link > svg {
font-size: 18px;
color: #808080;
}
header#header nav ul.navbar-nav.dropdown.main-menu a.nav-link > svg {
color: #555;
font-size: 13px;
margin-left: 4px;
display: none;
}
header#header nav ul.navbar-nav.dropdown.main-menu li.active a.nav-link > svg {
color: #0592B1;
}
.dropdown-menu a {
font-weight: normal !important;
padding: 8px 0 !important;
font-size: 12px;
line-height: 18px;
text-transform: initial;
color: #000000;
display: block;
}
header#header nav ul.navbar-nav.dropdown.main-menu li a.nav-link {
position: relative;
}
header#header nav ul.navbar-nav.dropdown.main-menu li.active a.nav-link:before {content: "";transition: all 0.3s ease;transform: scale(0.5);transform-origin: center;}
.viewport-wrapper {
min-height: calc(100vh - 50px);
position: relative;
top: 50px;
padding: 24px 40px;
/*overflow: hidden;*/
}
.content-wrapper {
/*min-height: calc(100vh - 50px);*/
}
.content-wrapper .titlehead {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 12px;
}
.content-wrapper .titlehead .left-block {}
.content-wrapper .titlehead .left-block h4.main {
font-weight: normal;
font-size: 22px;
line-height: 24px;
color: #000000;
margin-bottom: 0;
}
.content-wrapper .titlehead .left-block p.sub {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
margin: 0;
}
.content-wrapper .titlehead .right-block {
display: flex;
align-items: center;
justify-content: center;
}
.content-wrapper .titlehead .right-block .position-relative {}
.content-wrapper .titlehead .right-block a.btn.btn-borderonly {
margin: 0 0 0 12px;
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 5px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
text-align: center;
color: #424750;
background: transparent;
}
.content-wrapper .titlehead .right-block a.btn.btn-borderonly,.content-wrapper .titlehead .right-block a.btn.btn-primary {
min-width: 140px;
justify-content: center;
}
.content-wrapper .titlehead .right-block a.btn.btn-borderonly img {
margin-right: 8px;
}
.content-wrapper .titlehead .right-block a.btn.btn-primary {
margin: 0 0 0 12px;
text-transform: capitalize;
background: #E44035;
border-radius: 5px !important;
padding: 8px 16px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
border: 1px solid #E44035;
}
.content-wrapper .titlehead .right-block .position-relative a.btn.btn-borderonly {
margin-left: 0;
}
.content-wrapper .titlehead .right-block .position-relative a.btn.btn-borderonly svg {
color: #424750;
margin-left: 8px;
}
.details-section {
margin-top: 0;
}
.details-section ul.nav-tabs li {}
.details-section ul.nav-tabs {
padding: 12px 24px 0;
border-bottom: 1px solid rgba(153, 153, 153, 0.15);
}
.details-section ul.nav-tabs li a.active {
font-weight: bold;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #0592B1 !important;
}
.details-section ul.nav-tabs li a {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000 !important;
text-transform: capitalize;
padding: 0 15px 15px;
position: relative;
border-bottom: none;
}
.details-section ul.nav-tabs li:first-child a {
padding-left: 0;
}
.details-section ul.nav-tabs li:last-child a {
padding-right: 0;
}
.details-section ul.nav-tabs li a:before {content: "";position: absolute;bottom: 0;width: calc(100% - 50px);left: 25px;height: 2px;background: #0592B1;border-radius: 5px 5px 0px 0px;transform: scale(0);transition: all 0.3s ease;}
.details-section ul.nav-tabs li a.active:before {content: "";position: absolute;bottom: 1px;width: calc(100% - 30px);left: 15px;height: 1px;background: #0592B1;border-radius: 5px 5px 0px 0px;transform: scale(1);transition: all 0.3s ease;}
.details-section ul.nav-tabs li:first-child a.active:before {
left: 0px;
width: calc(100% - 15px);
}
::before {}
.details-section ul.nav-tabs li a div.ripple-container {
display: none;
}
.details-section ul.nav-tabs li a svg {
color: #424750;
font-size: 12px;
position: relative;
top: -1px;
margin-right: 3px;
}
.details-section .card {
background: #FFFFFF;
box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.1);
border-radius: 5px;
padding: 0;
}
.details-section .card .filter-section {}
.details-section .card .table-responsive {
/*overflow-x: auto;
max-height: calc(100vh - 250px);
overflow-y: auto;*/
padding: 24px;
}
.details-section .card .custom-table {
margin-top: 24px;
}
.details-section .card .filter-section .filter-form {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
}
.details-section .card .filter-section .filter-form .search-block {
position: relative;
margin-right: 24px;
}
.details-section .card .filter-section .filter-form .flex-display {
display: flex;
align-items: center;
justify-content: space-between;
flex: 1;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 0;
padding: 0;
}
.details-section .card .filter-section .filter-form .search-block span.bmd-form-group {}
.details-section .card .filter-section .filter-form .search-block input.form-control {
background: #F7F8F9;
border-radius: 100px;
min-height: 34px;
padding: 0 15px;
font-weight: normal;
font-size: 14px;
line-height: 34px;
/* identical to box height */
color: #808080;
}
.details-section .card .filter-section .filter-form .search-block button.btn.btn-transparent {
padding: 0;
margin: 0;
position: absolute;
top: 6px;
right: 13px;
color: #808080;
cursor: pointer;
}
.details-section .card .filter-section .filter-form .search-block input.form-control::placeholder {
font-size: 14px;
line-height: 34px;
color: #808080;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li {
list-style: none;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li a {
text-transform: capitalize;
font-weight: 500;
font-size: 13px;
line-height: 17px;
/* identical to box height */
color: #808080;
padding: 0 13px;
}
.details-section .card .filter-section .filter-form .search-block button.btn.btn-transparent:hover,.details-section .card .filter-section .filter-form .search-block button.btn.btn-transparent:focus {
background: transparent;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li a svg {
margin: 0 5px;
font-size: 12px;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li:first-child a {
padding-left: 0;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li:last-child a {
padding-right: 0;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li a.btn.btn-primary {
background: #F7F8F9;
border-radius: 100px;
padding: 8px 17px;
margin: 0;
}
.details-section .card .custom-table td {
padding: 5px 15px;
font-weight: 500;
font-size: 12px;
line-height: 17px;
/* identical to box height */
color: #000000;
/*min-width: 250px;*/
}
.details-section .card .custom-table .dataTables_empty{
text-align:left;
padding:15px;
}
.details-section .card .custom-table td:first-child {
/*min-width: initial;*/
}
.details-section .card .custom-table th {
/*padding: 6px 12px 6px 5px;*/
font-weight: 600;
font-size: 11px;
line-height: 15px;
text-transform: uppercase;
color: #424750;
/*background: #F8F8F8;*/
}
/*.details-section .card .custom-table th:first-child {
min-width: initial !important;
}*/
.details-section .card .custom-table th {
/*min-width: 220px;*/
}
.checkbox-block input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
-webkit-appearance: none;
}
.checkbox-block label {
position: relative;
cursor: pointer;
margin: 0;
}
.checkbox-block label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); */
padding: 7px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 8px;
width: 13px;
height: 13px;
border: 1px solid #808080;
box-sizing: border-box;
border-radius: 3px;
}
.checkbox-block input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 4px;
left: 6px;
width: 5px;
height: 9px;
border: solid #333;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.details-section .card .custom-table td .profile-detail {
display: flex;
align-items: center;
justify-content: flex-start;
}
.details-section .card .custom-table td .profile-detail span.img-box {
width: 24px;
height: 24px;
overflow: hidden;
margin-right: 10px;
}
.details-section .card .custom-table td .profile-detail span.img-box img {
width: 100%;
}
.details-section .card .custom-table td a {
font-weight: 500;
font-size: 12px;
line-height: 17px;
/* identical to box height */
color: #000000;
}
.details-section .card .custom-table tbody tr {
height: 34px;
}
.details-section .card .custom-table tbody tr:hover td {
background: #F7F8F9;
}
.details-section .card .custom-table tbody tr:hover td:first-child {
border-radius: 5px 0 0 5px;
}
.details-section .card .custom-table tbody tr:hover td:last-child {
border-radius: 0px 5px 5px 0px;
}
.details-section .card .custom-table tbody tr:hover td a {
color: #0592B1;
}
.details-section .card .custom-table tbody tr:hover td a.profile-detail {
/*text-decoration: underline;*/
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li a img {
padding-right: 5px;
}
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
border-radius: 0px;
background-color: transparent;
}
::-webkit-scrollbar
{
width: 12px;
height: 8px;
background-color: transparent;
}
::-webkit-scrollbar-thumb
{
border-radius: 100px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.00);
background-color: #ddd;
}
.pagination-block {
display: flex;
align-items: center;
justify-content: center;
min-height: 50px;
z-index: 1;
position: relative;
margin: 10px 0;
}
.pagination-block ul {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0 35px;
}
.pagination-block ul li.prev {
margin: 0 15px;
}
.pagination-block ul li.active {}
.pagination-block ul li.next {
margin: 0 15px;
}
.pagination-block ul li.active a {
font-weight: bold;
text-decoration: underline;
}
.pagination-block ul li a {
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
}
.pagination-block .dropdown-box {
margin: 0 35px;
position: relative;
}
.pagination-block .dropdown-box span.bmd-form-group {
padding: 0;
}
.pagination-block .dropdown-box select {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
background: transparent;
border: none !important;
padding-right: 20px;
}
.pagination-block ul li {
list-style: none;
margin: 0 5px;
}
.pagination-block .dropdown-box span.icon {
position: absolute;
right: 0;
z-index: -1;
color: #808080;
}
.pagination-block .dropdown-box select:focus {
outline: none;
border: none;
background: transparent;
}
.modal .modal-full-height.modal-right {
position: absolute;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 460px;
height: auto;
min-height: 100%;
margin: 0;
}
.modal-right .modal-content {
background: #FFFFFF;
box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
border-radius: 10px;
}
.modal-right .modal-header {
padding: 15px 50px;
position: relative;
background: #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
border-radius: 4px 4px 0px 0px;
}
.modal-right .modal-header p.heading.lead {
font-weight: 500;
font-size: 24px;
line-height: 29px;
/* identical to box height */
display: flex;
align-items: center;
color: #333;
margin: 0;
}
.modal-right .modal-header button.close {
padding: 0;
margin: 0;
position: absolute;
right: 20px;
opacity: 1;
}
.modal-right .modal-body {
padding: 40px 50px;
}
.contact-form {
margin: 0;
}
.contact-form .form-section {
margin-bottom: 15px;
}
.contact-form .form-section label.control-label {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
margin-bottom: 10px;
}
.contact-form .form-section span.bmd-form-group {
padding: 0;
}
.contact-form .form-section .form-control {
background: #F7F8F9;
border-radius: 5px;
height: 33px;
line-height: 20px;
font-weight: normal;
font-size: 14px;
/* identical to box height */
color: #000000 !important;
padding: 0 15px;
}
.contact-form .form-section .position-relative select {
border-radius: 5px;
height: 33px;
line-height: 33px;
font-weight: normal;
font-size: 14px;
color: #424750;
padding: 0 15px;
width: 100%;
background: transparent;
border: none;
}
.contact-form .form-section .position-relative span.icon {
position: absolute;
right: 13px;
z-index: 0;
color: #424750;
top: 6px;
}
.contact-form .form-section .btn.btn-primary {
margin: 0 0 0 10px;
text-transform: capitalize;
background: #E44035;
border-radius: 100px;
padding: 8px 10px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
border: 1px solid #E44035;
}
.contact-form .form-section .btn.btn-borderonly {
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 10px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #424750;
background: transparent;
margin: 0;
}
.contact-form .form-section .btn.btn-borderonly.btn-red {
margin: 0 0 0 10px;
border: 1px solid #E44035;
}
.contact-form .form-section .form-control::placeholder {
font-size: 14px;
line-height: 2.5em;
color: #424750;
}
.contact-form .form-section .position-relative {
background: #F7F8F9;
border-radius: 5px;
}
.contact-form .form-section .position-relative span.bmd-form-group {
z-index: 1;
}
.contact-form .form-section:last-child {
margin-bottom: 0;
}
.contact-form .form-section.flex-display {
display: flex;
align-items: center;
justify-content: flex-end;
padding-top: 25px;
}
.filter-form {}
.filter-form .form-section {
margin-bottom: 15px;
}
.filter-form .form-section label.control-label {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000;
margin-bottom: 10px;
}
.filter-form .form-section .position-relative {}
.filter-form .form-section .position-relative span.bmd-form-group {
padding: 0;
}
.filter-form .form-section .position-relative input.form-control {
height: 34px;
background: #F7F8F9;
border-radius: 100px;
line-height: 34px;
font-weight: normal;
font-size: 14px;
/* identical to box height */
color: #424750;
padding: 0 15px;
padding-right: 25px;
}
.filter-form .form-section .position-relative .btn.btn-transparent {
position: absolute;
margin: 0;
padding: 0;
right: 13px;
top: 4px;
color: #808080;
}
.filter-form .form-section ul {
margin: 0;
padding: 0;
}
.filter-form .form-section ul li {
list-style: none;
}
.filter-form .form-section ul li a {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
margin: 12px 0;
display: inline-block;
width: 100%;
}
.filter-modal {}
.filter-modal .modal-dialog {
/*width: 400px !important;*/
}
.filter-form .form-section .position-relative input.form-control::placeholder {
font-size: 14px;
color: #808080;
line-height: 34px;
}
.viewport-wrapper .inner-wrapper {
height: 100%;
display: flex;
align-items: stretch;
justify-content: flex-start;
min-height: calc(100vh - 50px);
}
.viewport-wrapper .inner-wrapper .left-block {
flex: 0 0 25%;
max-width: 25%;
background: #FFFFFF;
padding: 0;
/* overflow-y: auto; */
position: relative;
/* max-height: calc(100vh - 50px);
min-height: calc(100vh - 50px); */
}
.viewport-wrapper .inner-wrapper .center-block {
flex: 0 0 50%;
max-width: 50%;
padding: 0 40px;
transition: all 0.3s ease;
}
.viewport-wrapper .inner-wrapper .right-block {
flex: 0 0 25%;
max-width: 25%;
padding: 0 40px;
overflow-y: auto;
position: relative;
max-height: calc(100vh - 50px);
min-height: calc(100vh - 50px);
background: #ffffff;
transition: all 0.3s ease;
}
.viewport-wrapper .inner-wrapper .left-block .action-box {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
padding: 24px 40px 0;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: row;
margin-bottom: 8px;
padding: 0 20px;
}
.viewport-wrapper .inner-wrapper .left-block .action-links {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 22px;
padding: 0 40px;
}
.viewport-wrapper .inner-wrapper .left-block .action-links a:first-child {
margin-left: 0;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box {}
.viewport-wrapper .inner-wrapper .left-block .action-box a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000 !important;
text-transform: capitalize;
padding: 0;
margin: 0;
}
.viewport-wrapper .inner-wrapper .left-block .action-box .dropdown {}
.viewport-wrapper .inner-wrapper .left-block .profile-img span {
/* width: 80px;
height: 80px;
overflow: hidden; */
}
.viewport-wrapper .inner-wrapper .left-block .profile-img span img {
width: 100%;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img h4 {
text-align: left;
margin: 0;
padding: 0px !important;
width: 100%;
word-break: break-all;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #333333;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img span p {}
.viewport-wrapper .inner-wrapper .left-block .profile-img h4 a {
color: #0592B1 !important;
font-size: 14px;
position: relative;
top: -2px;
left: 5px;
}
.viewport-wrapper .inner-wrapper .left-block .action-links a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 9px;
text-decoration: none;
}
.viewport-wrapper .inner-wrapper .left-block .action-links a:hover span.text, .viewport-wrapper .inner-wrapper .left-block .action-links a:focus span.text {
color: #0592B1;
}
.viewport-wrapper .inner-wrapper .left-block .action-links a span.icon-box {
width: 24px;
height: 24px;
border-radius: 100%;
border: 1px solid #0592B1;
display: flex;
align-items: center;
justify-content: center;
background: #F7F8F9;
}
.viewport-wrapper .inner-wrapper .left-block .action-links a span.icon-box img {}
.viewport-wrapper .inner-wrapper .left-block .action-links a span.text {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-align: center;
color: #808080;
margin: 5px 0 0;
}
.accordion-box .card {
box-shadow: none;
border: none;
}
.accordion-box .card .card-header {
border: none;
padding: 0;
}
.accordion-box .card .card-body {
padding: 0;
}
.accordion-box .card .card-header h5 {}
.accordion-box .card .card-header h5 button {
min-height: 40px;
padding: 0;
margin: 0;
width: 100%;
text-align: left;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
color: #0592B1;
text-decoration: none;
}
.accordion-box .card .card-header h5 button.collapsed {
color: #000000;
}
.accordion-box .card .card-header h5 button svg {
color: #808080;
margin-right: 15px;
}
.accordion-box .card .card-body p {}
.viewport-wrapper .inner-wrapper .left-block .action-box a svg {
color: #808080;
margin-right: 5px;
}
.viewport-wrapper .inner-wrapper .left-block .action-box .dropdown a.nav-link svg {
margin-left: 5px;
margin-right: 0;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img p {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000;
margin-bottom: 8px;
}
.viewport-wrapper .inner-wrapper .left-block .inactive {
color: #D6D6D6 !important;
}
.accordion-box .card .card-header h5 button.collapsed svg {
transition: all 0.3s ease;
color: #000000;
transform: rotate(0deg);
}
.accordion-box .card .card-header h5 button svg {
color: #0592B1;
transition: all 0.3s ease;
transform: rotate(90deg);
}
.accordion-box .card .card-header h5 button:hover, .accordion-box .card .card-header h5 button:focus {
background: transparent;
}
.viewport-wrapper .inner-wrapper .left-block .action-box .dropdown .dropdown-menu {
left: unset !important;
right: 0% !important;
}
.about-profile {
margin-bottom: 30px;
}
.about-profile .about-row {
margin-bottom: 8px;
margin-left: 21px;
}
.about-profile .about-row label.control-label {
/* identical to box height */
margin-bottom: 8px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
align-items: center;
/* Label */
color: #555555;
}
.about-profile .about-row p.text {
font-weight: normal;
font-size: 12px;
line-height: 16px;
/* identical to box height */
color: #999999;
margin: 0;
}
.about-profile .about-row .btn.btn-borderonly {
padding: 0;
margin: 0 0 10px;
width: auto;
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: inline-block;
align-items: center;
text-align: center;
color: #424750;
background: transparent;
}
.about-profile .about-row .btn.btn-borderonly:first-child {
color: #fff !important;
background-color: #0592B1 !important;
}
.about-profile .about-row .btn.btn-borderonly:first-child:hover {
color: #0592B1 !important;
background-color: transparent !important;
}
.about-profile .about-row:last-child {
margin-bottom: 0;
}
.accordion-box .card .card-header h5 button:hover, .accordion-box .card .card-header h5 button:focus {
color: #0592B1;
}
.viewport-wrapper .inner-wrapper .left-block .action-box a:hover, .viewport-wrapper .inner-wrapper .left-block .action-box a:focus, .viewport-wrapper .inner-wrapper .left-block .action-box a:hover svg, .viewport-wrapper .inner-wrapper .left-block .action-box a:focus svg {
color: #0592B1 !important;
text-decoration: none;
}
.details-section ul.nav-tabs li a:hover, .details-section ul.nav-tabs li a:focus {
color: #0592B1 !important;
transition: all 0.3s ease;
}
.dropdown-menu a:hover, .dropdown-menu a:focus {
color: #0592B1 !important;
text-decoration: none;
}
.search-drop {
width: 290px;
padding: 0;
}
.search-drop .search-btn {
margin: 20px 20px 10px;
}
.search-drop .search-btn span.bmd-form-group {
padding: 0;
}
.search-drop .search-btn .btn.btn-transparent {
padding: 0;
margin: 0;
position: absolute;
top: 6px;
right: 13px;
color: #808080;
cursor: pointer;
}
.search-drop .search-btn input.form-control {
background: #F7F8F9 !important;
border-radius: 5px !important;
min-height: 34px !important;
padding: 0 15px !important;
font-weight: normal !important;
font-size: 14px !important;
line-height: 34px !important;
color: #808080 !important;
}
.search-drop .search-btn .btn.btn-transparent svg {
color: #808080 !important;
}
.search-drop a span.main {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
display: block;
margin-bottom: 5px;
}
.search-drop a span.sub {
display: block;
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
}
.search-drop a:before {content: "";}
.search-drop .search-btn input.form-control::placeholder {
font-size: 14px;
line-height: 34px;
color: #808080;
}
.search-drop a {
padding: 15px 20px !important;
}
.seacrh-drop form {
margin: 0;
}
.search-drop form {
margin: 0;
}
.search-drop a:hover,.search-drop a:focus {
background: #F7F8F9;
}
.search-drop a:hover span.main, .search-drop a:focus span.main {
color: #0592B1 !important;
}
.search-drop a .child {
display: flex;
align-items: flex-start;
}
header#header nav a.navbar-brand img {
width: 120px;
}
.custom-modal {
overflow: hidden;
}
.custom-modal .modal-dialog {
height: 100vh;
}
.custom-modal .modal-header {
min-height: 60px;
align-items: center;
}
.custom-modal .modal-body {
max-height: calc(100vh - 139px);
overflow-y: auto;
}
.checkbox-block.thead-check input:checked + label:after {
content: " - ";
width: 100%;
height: 100%;
top: 0;
left: 2px;
border: none !important;
transform: rotate(0deg);
font-size: 24px;
display: flex;
align-items: center;
justify-content: flex-start;
color: #fff;
}
.checkbox-block.thead-check input:checked + label:before {
background: #0592B1;
border: 1px solid #0592B1;
}
.details-section .card .custom-table th .flex-box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.details-section .card .custom-table th .flex-box span.text {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
text-transform: capitalize;
}
.details-section .card .custom-table th .flex-box a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
text-transform: capitalize;
padding: 0;
margin-right: 30px;
}
.details-section .card .custom-table th .flex-box a svg {
margin-right: 5px;
font-size: 13px;
}
.details-section .card .custom-table th .flex-box a.nav-link {}
.details-section .card .custom-table th .flex-box a.nav-link svg {
font-size: 16px;
margin-left: 5px;
margin-right: 0;
}
.details-section .card .custom-table th .flex-box > * {
margin-right: 30px;
}
.details-section .card .custom-table th .flex-box a:hover,.details-section .card .custom-table th .flex-box a:focus {
color: #0592B1 !important;
text-decoration: none;
}
.details-section .card .custom-table th.hide {
display: none;
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs {
display: flex;
align-items: center;
justify-content: flex-start;
padding-top: 24px;
margin-bottom: 16px;
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item {
margin-right: 40px;
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item:last-child {
margin-right: 0;
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000 !important;
text-transform: capitalize;
padding: 0 0 10px;
border: none;
position: relative;
transition: all 0.3s ease;
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link.active, .viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link:hover, .viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link:focus {
color: #0592B1 !important;
transition: all 0.3s ease;
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link:before {content: "";position: absolute;bottom: 0;width: 100%;height: 1px;background: #0592B1;border-radius: 5px 5px 0px 0px;transition: all 0.3s ease;transform: scale(0);}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link.active:before {
transition: all 0.3s ease;
transform: scale(1);
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link:hover,.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link:focus {
background: transparent;
}
.viewport-wrapper .inner-wrapper .center-block .nav-tabs li.nav-item a.nav-link .ripple-container {
display: none;
}
.viewport-wrapper .inner-wrapper .center-block .tab-content {}
.center-block .tab-content .top-block.flex-end {
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 16px;
}
.center-block .tab-content .top-block.flex-end a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #0592B1;
}
.center-block .tab-content .top-block.flex-end .btn.btn-borderonly {
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #424750;
background: transparent;
margin: 0 0 0 12px;
transition: all 0.2s ease;
}
.center-block .tab-content .top-block.flex-end .btn.btn-borderonly:hover, .center-block .tab-content .top-block.flex-end .btn.btn-borderonly:focus {
border: 1px solid #0592B1;
color: #0592B1;
transition: all 0.2s ease;
}
.center-block .tab-content .top-block.flex-end .btn.btn-primary {
margin: 0 0 0 12px;
text-transform: capitalize;
background: #0592B1;
border-radius: 5px;
padding: 8px 16px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF !important;
border: 1px solid #0592B1;
}
.card-block {
overflow-y: auto;
position: relative;
min-height: initial;
max-height: initial;
padding-right: 5px;
overflow-x: hidden;
padding-bottom: 12px;
flex: 1;
}
.card-block .desc_list {
height: 125px;
overflow-x: hidden;
overflow-y: auto;
}
.card-block .card {
background: #FFFFFF;
box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.05);
border-radius: 5px;
padding: 22px;
margin-bottom: 20px;
}
.card-block .card .flex-display {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.card-block .card .flex-display .icon-box {
position: relative;
top: 0;
line-height: 11px;
}
.card-block .card .flex-display .flex-content {
flex: 1;
display: flex;
flex-direction: column;
padding-left: 24px;
}
.card-block .card .flex-display .flex-content .flex-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
}
.card-block .card .flex-display .flex-content .flex-row p.main {
font-weight: 600;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-transform: uppercase;
color: #424750;
margin: 0;
}
.card-block .card .flex-display .flex-content .flex-row p.date {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
margin: 0;
}
.card-block .card .flex-display .flex-content .flex-row p.text {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
margin: 0;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .img-box {
width: 24px;
height: 24px;
border-radius: 100%;
overflow: hidden;
margin-right: 13px;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .img-box img {
width: 100%;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content {}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content p.text {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
margin-bottom: 5px;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child {
display: flex;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child span {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child a.nav-link {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
text-transform: capitalize;
padding: 0 8px;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child .dropdown-menu {
/*min-width: 300px;
padding: 32px;*/
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child .dropdown-menu p {
/* font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #424750;
margin-bottom: 32px;*/
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child .dropdown-menu .btn.btn-borderonly {
/* border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px !important;
text-transform: capitalize;
font-weight: 500 !important;
font-size: 14px !important;
line-height: 17px !important;
text-align: center;
color: #424750 !important;
background: transparent;
width: initial;
display: inline-block !important;*/
}
.card-block .card .flex-display .flex-content .flex-row a.link {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750 !important;
}
.card-block .card .flex-display .flex-content .flex-row.padding-left {
justify-content: flex-start;
align-items: center;
}
.card-block .card .flex-display .flex-content .flex-row.padding-left svg {
color: #808080;
margin-left: 0;
font-size: 16px;
}
.card-block .card .flex-display .flex-content .flex-row.padding-left span.sub {}
.card-block .card .flex-display .flex-content .flex-row.padding-left span.sub {
margin: 0 15px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
}
.card-block .card .flex-display .flex-content .flex-row a.more-link {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
color: #808080 !important;
}
.card-block .card .flex-display .icon-box svg {
color: #0592B1;
font-size: 16px;
}
.card-block .card .flex-display .flex-content .flex-row:last-child {
margin-bottom: 0;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child a.nav-link svg {
margin: 0 5px;
font-size: 14px;
}
.card-block .card .flex-display .flex-content .flex-row a:hover,.card-block .card .flex-display .flex-content .flex-row a:focus {
color: #0592B1 !important;
text-decoration: none;
}
.viewport-wrapper .inner-wrapper .right-block > .collapse-icon {
margin: 24px 0 21px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.viewport-wrapper .inner-wrapper .right-block > .collapse-icon img{
cursor: pointer;
}
.viewport-wrapper .inner-wrapper .right-block.collapse-right > .collapse-icon {
justify-content: center;
}
.right-block .accordion-box .card .card-header h5 {
display: flex;
align-items: center;
justify-content: center;
}
.right-block .accordion-box .card .card-header h5 a {
color: #000000 !important;
text-decoration: none;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.right-block .accordion-box .card .card-header h5 a svg {
margin-right: 10px;
font-size: 10px;
}
.right-block .accordion-box .card .card-header h5 a.nav-link {
padding: 0;
}
.right-block .accordion-box .card .card-header h5 a.nav-link svg {
margin-right: 0;
margin-left: 10px;
font-size: 15px;
}
.right-block .accordion-box .card .card-header h5 .position-relative .dropdown-menu {
left: unset !important;
right: 0 !important;
}
.accordion-box .card .card-body .btn.btn-borderonly {
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #424750;
background: transparent;
margin: 0;
transition: all 0.2s ease;
}
.accordion-box .card .card-body .btn.btn-borderonly:hover, .accordion-box .card .card-body .btn.btn-borderonly:focus {
border: 1px solid #0592B1;
color: #0592B1;
transition: all 0.2s ease;
}
.custom-modal .modal-body .nav-tabs {
margin-bottom: 24px;
padding: 40px 50px 0;
}
.custom-modal .modal-body .nav-tabs li.nav-item a.nav-link {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
padding: 0 0 7px 0;
border: none;
text-transform: capitalize;
margin-right: 20px;
position: relative;
transition: all 0.3s ease;
}
.custom-modal .modal-body .nav-tabs li.nav-item a.nav-link.active,.custom-modal .modal-body .nav-tabs li.nav-item a.nav-link:hover,.custom-modal .modal-body .nav-tabs li.nav-item a.nav-link:focus {
color: #0592B1;
transition: all 0.3s ease;
}
.custom-modal .modal-body .nav-tabs li.nav-item a.nav-link:before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;transition: all 0.3s ease;transform: scale(0);background: #0592B1;border-radius: 5px 5px 0px 0px;}
.custom-modal .modal-body .nav-tabs li.nav-item a.nav-link.active:before {content: "";transition: all 0.3s ease;transform: scale(1);}
.custom-modal .modal-body .nav-tabs li.nav-item a.nav-link .ripple-container {
display: none;
}
.viewport-wrapper .inner-wrapper .right-block.collapse-right {
transition: all 0.3s ease;
flex: 0 0 5%;
max-width: 5%;
padding: 0 20px;
}
.viewport-wrapper .inner-wrapper .center-block.expand-center {
flex: 0 0 70%;
max-width: 70%;
transition: all 0.3s ease;
}
.viewport-wrapper .inner-wrapper .right-block.collapse-right .accordion-box {
display: none;
}
.viewport-wrapper .inner-wrapper .right-block.collapse-right > .collapse-icon img {
transition: all 0.3s ease;
transform: rotate(180deg);
}
.viewport-wrapper .inner-wrapper .right-block > .collapse-icon img {
transition: all 0.3s ease;
transform: rotate(0);
}
.card-block .card .flex-display .flex-content .flex-row.justify-start {
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.card-block .card .flex-display .flex-content .flex-row.justify-start .btn.btn-borderonly.btn-red {
border: 1px solid #E44035;
box-sizing: border-box;
border-radius: 100px;
padding: 4px 10px;
text-transform: capitalize;
font-weight: 500;
font-size: 12px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #E44035;
background: transparent;
margin: 0 0 0 12px;
}
.card-block .card .flex-display .icon-box.top-pos {
position: relative;
top: 4px;
}
.card-block .card .flex-display .flex-content .flex-row.justify-start span.tick-icon {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #808080;
width: 24px;
height: 24px;
border-radius: 100%;
margin-right: 15px;
}
.card-block .card .flex-display .flex-content .flex-row span.sub {
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #808080;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction {
margin-right: 34px;
margin-bottom: 15px;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display {}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain {
margin-right: 16px;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain span {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain span + svg {
color: #808080;
margin-left: 10px;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain svg {
color: #0592B1;
margin-right: 10px;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction:last-child {
margin-right: 0;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction li{
font-weight: normal !important;
font-size: 13px !important;
line-height: 19px !important;
color: #000000 !important;
margin: 0 !important;
max-height: 200px;
overflow-y: auto;
}
.card-block .create-card {
background: #FFFFFF;
box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.05);
border-radius: 10px;
}
.card-block .create-card .card-header {
border-bottom: none;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 60px;
padding: 0 15px;
background: #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
border-radius: 4px 4px 0px 0px;
}
.card-block .create-card .card-body {
padding: 28px 15px 28px 40px;
}
.card-block .create-card .card-header > svg {
color: #ffffff;
margin-right: 15px;
}
.card-block .create-card .card-header p.heading {
font-weight: 500;
font-size: 24px;
line-height: 29px;
/* identical to box height */
color: #000000;
flex: 1;
margin: 0;
}
.card-block .create-card .card-header .expand {
margin: 0 0px 0 0;
padding: 0;
background: transparent;
border: none !important;
opacity: 1;
cursor: pointer;
}
.card-block .create-card .card-header .close {
opacity: 1;
}
.card-block .create-card .card-body .action-box {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 25px;
}
.card-block .create-card .card-body .action-box a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #0592B1;
margin-right: 18px;
}
.card-block .create-card .card-body .action-box > div {}
.card-block .create-card .card-body .flex-display {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 15px;
flex-wrap: wrap;
}
.card-block .create-card .card-body .flex-display span.sub {
font-weight: normal;
font-size: .875rem;
line-height: 1.5em;
/* identical to box height */
color: #000000 !important;
min-width: 70px;
}
.card-block .create-card .card-body .flex-display span.bmd-form-group {
padding: 0;
flex: 1;
}
.card-block .create-card .card-body .flex-display .form-control {}
.card-block .create-card .card-body .flex-display span.links {
padding-left: 0;
}
.card-block .create-card .card-body .flex-display span.links a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #0592B1 !important;
margin-left: 12px;
}
.card-block .create-card .card-body .flex-display .form-control {
padding: 0;
background-image: none;
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
color: #000000;
padding-right: 10px;
}
.card-block .create-card .card-body .flex-display.footer-row {
justify-content: flex-end;
}
.card-block .create-card .card-body .flex-display.footer-row .checkbox-block label {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
}
.card-block .create-card .card-body .flex-display.footer-row .btn.btn-borderonly.btn-red {
border: 1px solid #E44035;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #424750;
background: transparent;
margin: 0 0 0 12px;
}
.card-block .create-card .card-body .flex-display.footer-row .btn.btn-primary {
border: 1px solid #E44035;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #ffffff !important;
background: #E44035;
margin: 0 0 0 12px;
}
.card-block .create-card .card-body .flex-display span.links a:last-child {
/* margin: 0; */
}
.card-block .create-card .card-body .flex-display:last-child {
margin-bottom: 0;
}
.card-block .create-card .card-body .flex-display.footer-row .checkbox-block label:before {
top: -1px;
}
.card-block .create-card .card-body .action-box .dropdown-menu {
left: unset !important;
right: 0 !important;
}
.card-block .create-card .card-body .flex-display .form-control::placeholder {
/*color: #424750;*/
font-size: .875rem;
/*line-height: 17px;*/
}
.card-block .create-card .card-body .flex-display .column-direction {
margin-right: 15px;
margin-bottom: 10px;
}
/*.card-block .create-card .card-body .flex-display .column-direction:last-child {
margin-bottom: 0;
}*/
.card-block .create-card .card-body .flex-display .column-direction span.sub {
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #808080;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display {}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain {}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain span {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #808080;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain svg {
color: #0592B1;
margin-right: 5px;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain span + svg {
color: #808080;
margin-left: 5px;
margin-right: 10px;
}
.card-block .card .flex-display.flex-1 {
margin-top: 24px;
}
.card-block .card .flex-display.flex-1 a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
text-decoration: none;
}
.card-block .card .flex-display.flex-1 a svg {
color: #0592B1;
font-size: 11px;
margin-right: 8px;
}
.custom-modal .modal-footer {
padding: 22px 50px;
box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.05);
}
.custom-modal .modal-footer .form-section.flex-display {
display: flex;
align-items: center;
justify-content: flex-end;
padding-top: 0;
}
.custom-modal .modal-footer .form-section.flex-display .btn.btn-borderonly {
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 5px;
padding: 8px 10px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #424750 !important;
background: transparent;
margin: 0;
}
.custom-modal .modal-footer .form-section.flex-display .btn.btn-borderonly.btn-red {
margin: 0 0 0 10px;
border: 1px solid #E44035;
}
.custom-modal .modal-footer .form-section.flex-display .btn.btn-primary {
margin: 0 0 0 10px;
text-transform: capitalize;
background: #E44035;
border-radius: 5px;
padding: 8px 10px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
border: 1px solid #E44035;
}
.filter-modal .modal-body {
max-height: calc(100vh - 60px);
}
.tab-modal {}
.tab-modal .modal-body {
overflow: hidden;
max-height: calc(100vh - 60px);
padding: 0;
}
.tab-modal .modal-body .tab-pane .contact-form {
max-height: calc(100vh - 228px);
overflow-y: auto;
min-height: calc(100vh - 228px);
}
.tab-modal .modal-body .tab-pane form > .form-section.flex-display {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 22px 50px;
box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.05);
}
.tab-modal .modal-body .tab-pane .form-section.flex-display .btn.btn-borderonly {
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 10px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #424750;
background: transparent;
margin: 0;
}
.tab-modal .modal-body .tab-pane .form-section.flex-display .btn.btn-borderonly.btn-red {
margin: 0 0 0 10px;
border: 1px solid #E44035;
}
.tab-modal .modal-body .tab-pane .form-section.flex-display .btn.btn-primary {
margin: 0 0 0 10px;
text-transform: capitalize;
background: #E44035;
border-radius: 100px;
padding: 8px 10px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
border: 1px solid #E44035;
}
.tab-modal .modal-body .tab-pane .contact-form {
padding: 0px 50px 40px;
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child a.nav-link:hover, .card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child a.nav-link:focus {
color: #2f92b1;
}
.right-block .accordion-box .card .card-header h5 a:hover, .right-block .accordion-box .card .card-header h5 a:focus {
color: #2f92b1 !important;
}
.center-block .tab-content .top-block.flex-end .filter-block {
flex: 0 0 70%;
max-width: 70%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.center-block .tab-content .top-block.flex-end .search-block {
flex: 0 0 30%;
max-width: 30%;
padding-left: 15px;
position: relative;
display: flex;
}
.center-block .tab-content .top-block.flex-end .filter-block span.sub {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
}
.center-block .tab-content .top-block.flex-end .filter-block > .position-relative {
margin: 0 0 0 20px;
}
.center-block .tab-content .top-block.flex-end .filter-block a.nav-link {
text-transform: capitalize;
padding: 0;
}
.center-block .tab-content .top-block.flex-end .search-block span.bmd-form-group {
padding: 0;
}
.center-block .tab-content .top-block.flex-end .search-block input.form-control {
padding: 0 15px;
line-height: 34px;
font-weight: normal;
font-size: 14px;
/* identical to box height */
color: #808080;
background: #ffffff;
border-radius: 100px;
}
.center-block .tab-content .top-block.flex-end .search-block .btn.btn-transparent {
padding: 0;
margin: 0;
position: absolute;
top: 6px;
right: 13px;
color: #808080;
cursor: pointer;
}
.center-block .tab-content .top-block.flex-end .search-block input.form-control::placeholder {
font-size: 14px;
color: #808080;
line-height: 34px;
}
.center-block .tab-content .top-block.flex-end .search-block .btn.btn-transparent:hover, .center-block .tab-content .top-block.flex-end .search-block .btn.btn-transparent:focus {
background: transparent;
}
.card-block .card .flex-display .flex-content .flex-row.margin-new {
margin: 0 -15px 14px;
width: calc(100% + 15px);
}
.card-block .card .flex-display .flex-content .flex-row.edit-content {}
.card-block .card .flex-display .flex-content .flex-row.edit-content .highlight-box {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
max-height: 130px;
padding: 0 15px;
transition: all 0.2s ease;
background: transparent;
border: 1px solid transparent;
overflow: auto;
}
.card-block .card .flex-display .flex-content .flex-row.edit-content svg {
color: #0592B1;
transition: all 0.2s ease;
/* transform: scale(0);*/
cursor: pointer;
}
/*.card-block .card .flex-display .flex-content .flex-row.edit-content .highlight-box:hover,.card-block .card .flex-display .flex-content .flex-row.edit-content .highlight-box:focus {
background: #F7F8F9;
border: 1px solid #0592B1;
}*/
.card-block .card .flex-display .flex-content .flex-row.edit-content .highlight-box:hover svg,.card-block .card .flex-display .flex-content .flex-row.edit-content .highlight-box:focus svg {
transition: all 0.2s ease;
transform: scale(1);
}
.card-block .card .flex-display .flex-content .flex-row.edit-content .position-relative {
width: 100%;
}
.card-block .card .flex-display .flex-content .flex-row.edit-content .position-relative span.bmd-form-group.is-filled {
padding: 0;
}
.card-block .card .flex-display .flex-content .flex-row.edit-content .position-relative .form-control {
width: 100%;
padding: 0 15px;
transition: all 0.2s ease;
background-image: none;
font-weight: normal;
font-size: 14px;
line-height: 38px;
color: #424750;
padding-right: 45px;
border: 1px solid #eef3f7;
}
.card-block .card .flex-display .flex-content .flex-row.edit-content .position-relative .btn.btn-transparent {
padding: 0;
margin: 0;
position: absolute;
top: 0;
right: 0;
color: #0592B1;
cursor: pointer;
font-size: 14px;
background: transparent !important;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.card-block .card .flex-display .flex-content .flex-row.edit-content .position-relative .btn.btn-transparent svg {
transform: scale(1);
}
.accordion-box .card .card-body .rightcard-box {
background: #FFFFFF;
box-sizing: border-box;
border-radius: 0;
margin-bottom: 8px !important;
padding: 0 22px 12px;
border-bottom: 1px solid #C4C4C4;
}
.accordion-box .card .card-body .rightcard-box .flex-row {
display: flex;
align-items: flex-start;
margin-bottom: 6px;
line-height: 15px;
}
.accordion-box .card .card-body .rightcard-box .flex-row .left-box.profile-img {
height: 24px;
width: 24px;
border-radius: 100%;
overflow: hidden;
}
.accordion-box .card .card-body .rightcard-box .flex-row .right-box {
padding-left: 0px;
flex: 1;
}
.accordion-box .card .card-body .rightcard-box .flex-row .right-box p.main {
margin: 0;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #0592B1;
text-transform: capitalize;
}
.accordion-box .card .card-body .rightcard-box .flex-row .right-box a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
}
.accordion-box .card .card-body .rightcard-box .flex-row .left-box {
flex: 1;
}
.accordion-box .card .card-body > a:hover {
text-decoration: none;
}
.accordion-box .card .card-body .rightcard-box .flex-row .left-box svg {
font-size: 13px;
position: relative;
top: 4px;
color: #0592B1;
}
.accordion-box .card .card-body .rightcard-box:last-child {
margin-bottom: 0;
}
.accordion-box .card .card-body .rightcard-box .flex-row .left-box.profile-img img {
width: 100%;
}
.accordion-box .card .card-body .rightcard-box .flex-row:last-child {
margin-bottom: 0;
}
.accordion-box .card .card-body .rightcard-box .flex-row .left-box svg {}
.accordion-box .card .card-body .rightcard-box .flex-row .right-box a:hover,.accordion-box .card .card-body .rightcard-box .flex-row .right-box a:focus {
text-decoration: none;
color: #0592B1;
}
.accordion-box .card .card-body .rightcard-box .flex-row .right-box p.text {
font-weight: 500;
margin: 0;
word-break: break-word;
font-size: 12px;
line-height: 19px;
display: flex;
align-items: flex-end;
font-feature-settings: 'kern' off;
color: #000000;
}
.accordion-box .card .card-body .rightcard-box .flex-row .right-box p.text1 {
margin: 0;
word-break: break-word;
font-weight: 500;
font-size: 14px;
line-height: 15px;
/* identical to box height */
display: flex;
align-items: flex-end;
color:#000000;
}
.accordion-box .card .card-body .rightcard-box .flex-row .left-box + span.right-box {
text-align: right;
}
.accordion-box .card .card-body .rightcard-box .flex-row .main1 {
font-weight: normal;
font-size: 12px;
line-height: 19px;
/* identical to box height */
color: #0592B1;
display: inline-block;
margin: 0;
}
.accordion-box .card .card-body .rightcard-box .flex-row .main1 span {
font-weight: 500;
font-size: 12px;
line-height: 19px;
/* identical to box height */
color: #000000;
display: inline-block;
}
.accordion-box .card .card-body .rightcard-box .flex-row p.sub-text {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #999999;
margin: 0px 0 4px !important;
}
.accordion-box .card .card-body .rightcard-box .flex-row p.sub-text1 {
font-weight: 500;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #000000;
margin-bottom: 0;
}
.accordion-box .card .card-f.text-center {
margin-bottom: 10px;
}
.accordion-box .card .card-f.text-center a.link {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #0592B1;
}
.accordion-box .card .card-body .rightcard-box .inactive {
color: #999999 !important;
}
.accordion-box .card .card-body .rightcard-box .card-row {
margin-bottom: 15px;
width: 100%;
display: inline-block;
text-decoration: none;
}
.accordion-box .card .card-body .rightcard-box .card-row > p {
margin: 0;
}
.accordion-box .card .card-body .rightcard-box .card-row > p .text {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #424750;
margin: 0;
margin-right: 7px;
}
.accordion-box .card .card-body .rightcard-box .card-row > p .text.b-text {
color: #0592B1;
}
.accordion-box .card .card-body .rightcard-box .card-row:last-child {
margin-bottom: 0;
}
.accordion-box .card .card-body .rightcard-box .card-row.hover:hover p .text, .accordion-box .card .card-body .rightcard-box .card-row.hover:focus p .text {
color: #0592B1;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content {
margin: 20px 0;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content .child {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 7px;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content .child span.sub {
font-weight: 500;
font-size: 12px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: flex-end;
font-feature-settings: 'kern' off;
color: #424750;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content .child span.text {
font-weight: 500;
font-size: 12px;
line-height: 17px;
color: #808080;
text-transform: capitalize;
padding: 0 10px;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content .child a.nav-link {
font-weight: 500;
font-size: 12px;
line-height: 17px;
/* identical to box height */
color: #808080;
text-transform: capitalize;
padding: 0 10px;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content .child:last-child {
margin-bottom: 0;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content .child .dropdown-menu {
min-width: 220px;
}
.accordion-box .card .card-body .rightcard-box .card-row.i-content .child .dropdown-menu a {
font-size: 12px !important;
}
.accordion-box .card .card-body .rightcard-box .card-row.percent-row {
position: relative;
height: 3px;
margin-bottom: 0;
}
.accordion-box .card .card-body .rightcard-box .card-row.percent-row span {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #0592B1;
border-radius: 5px 5px 0px 0px;
}
.accordion-box .card .card-body .rightcard-box .card-row.percent-row:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #E5E5E5;
border-radius: 5px 5px 0px 0px;
}
.viewport-wrapper .dashboard-wrapper {}
.viewport-wrapper .dashboard-wrapper .top-block {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 55px;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block {
display: flex;
align-items: center;
justify-content: flex-start;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block {
display: flex;
align-items: center;
justify-content: flex-end;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column {
display: flex;
align-items: flex-start;
justify-content: flex-start;
min-width: 130px;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.sub {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
margin-bottom: 7px;
min-height: 17px;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.main {
font-weight: normal;
font-size: 24px;
line-height: 29px;
/* identical to box height */
color: #000000;
margin: 0;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.text {
margin: 0;
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.text span.show {}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.text span.onhover {
display: none;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.text span {
color: #000000;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.text span.text-lg {
font-weight: normal;
font-size: 24px;
line-height: 29px;
/* identical to box height */
}
.red {
color: #E44035 !important;
}
.blue {
color: #0592B1 !important;
}
.green {
color: #009D3F !important;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block.active {}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block {
margin: 0 12px;
position: relative;
cursor: pointer;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block .round-box {
width: 80px;
height: 80px;
border-radius: 100%;
border: 1px solid #C4C4C4;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: transparent;
transition: all 0.2s ease;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block .round-box .country {
font-weight: normal;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #808080;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block .round-box .time {
font-weight: normal;
font-size: 24px;
line-height: 29px;
color: #000000;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block .round-box .zone {
font-weight: normal;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #808080;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block.active .round-box {
background: unset;
transition: all 0.2s ease;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block.active .round-box .country {
transition: all 0.2s ease;
color: #808080;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block.active .round-box .time {
transition: all 0.2s ease;
color: #000000;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block.active .round-box .zone {
color: #808080;
transition: all 0.2s ease;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block .close-icon {
position: absolute;
left: 0;
bottom: -23px;
cursor: pointer;
transition: all 0.2s ease;
transform: scale(0);
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding-top: 8px;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .add-icon {
margin-left: 12px;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .add-icon .icon-round {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed #C4C4C4;
border-radius: 100%;
cursor: pointer;
transition: all 0.2s ease;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .add-icon .icon-round svg {
color: #424750;
font-size: 14px;
transition: all 0.2s ease;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column:last-child {
margin-right: 0;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column:hover p.text span.show {
display: none;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column:hover p.text span.onhover {
display: block;
}
.viewport-wrapper .dashboard-wrapper .top-block .left-block .flex-column p.text span.sub {
color: #808080;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .add-icon .icon-round:hover {
border: 1px dashed #0592B1;
background: #0592B1;
transition: all 0.2s ease;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .add-icon .icon-round:hover svg {
color: #ffffff;
transition: all 0.2s ease;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block .close-icon svg {
color: #808080;
font-size: 15px;
}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block:hover {}
.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block:hover span.close-icon,.viewport-wrapper .dashboard-wrapper .top-block .right-block .timeline-block:focus span.close-icon {
transition: all 0.2s ease;
transform: scale(1);
}
.viewport-wrapper .dashboard-wrapper .content-block {}
.viewport-wrapper .dashboard-wrapper .content-block .single-card {
background: #FFFFFF;
box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin-bottom: 24px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding: 36px 0;
min-height: 440px;
}
.viewport-wrapper .dashboard-wrapper .content-block .single-card .cardlist-block {
flex: 0 0 33.3%;
max-width: 33.3%;
}
.cardlist-block {}
.cardlist-block .title-section {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 34px;
padding: 0 36px;
}
.cardlist-block ul.dashboard-list {
padding: 0;
margin: 0;
max-height: 310px;
overflow-y: auto;
/* padding-right: 5px; */
}
.cardlist-block .title-section p.main {
font-weight: bold;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000;
margin: 0;
}
.cardlist-block .title-section p.main span.blue {
margin-left: 5px;
}
.cardlist-block ul.dashboard-list li {
list-style: none;
margin-bottom: 0px;
min-height: 62px;
}
.cardlist-block ul.dashboard-list li a {
padding: 8px 36px;
display: flex;
align-items: flex-start;
justify-content: space-between;
text-decoration: none;
transition: all 0.2s ease;
}
.cardlist-block ul.dashboard-list li a .left-block {
flex: 1;
padding-right: 15px;
}
.cardlist-block ul.dashboard-list li a .right-block {}
.cardlist-block ul.dashboard-list li a .right-block p.sub {
font-weight: normal;
font-size: 10px;
line-height: 17px;
text-align: right;
color: #808080;
margin: 0;
}
.cardlist-block ul.dashboard-list li a .left-block p.text {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
margin: 0;
}
.cardlist-block ul.dashboard-list li a .left-block p.main {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000;
margin: 0;
transition: all 0.2s ease;
}
.cardlist-block ul.dashboard-list li a .left-block p.sub {
font-weight: normal;
font-size: 10px;
line-height: 12px;
color: #808080;
margin: 0;
}
.cardlist-block ul.dashboard-list li:last-child {
margin-bottom: 0;
}
.cardlist-block ul.dashboard-list li a:hover,.cardlist-block ul.dashboard-list li a:focus {
background: #F7F8F9;
transition: all 0.2s ease;
}
.cardlist-block ul.dashboard-list li a:hover p.main, .cardlist-block ul.dashboard-list li a:focus p.main {
color: #0592B1 !important;
transition: all 0.2s ease;
}
.cardlist-block .title-section .checkbox-block {}
.cardlist-block .title-section .checkbox-block label {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
}
.cardlist-block .title-section .date-box {}
.cardlist-block .title-section .date-box span.sub {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
text-align: right;
color: #424750;
}
.cardlist-block .title-section .date-box span.icon {
color: #0592B1;
margin-left: 10px;
}
.cardlist-block .title-section .checkbox-block label:before {
margin-right: 5px;
position: relative;
top: -1px;
}
.cardlist-block .title-section .checkbox-block input:checked + label:after {
top: 3px;
}
.cardlist-block ul.dashboard-list li a.red-list {}
.cardlist-block ul.dashboard-list li a.red-list .right-block p.sub {
color: #E44035;
}
.cardlist-block ul.dashboard-list li a.red-list:hover p.main, .cardlist-block ul.dashboard-list li a.red-list:focus p.main {
color: #E44035 !important;
transition: all 0.2s ease;
text-decoration: underline;
}
.viewport-wrapper .dashboard-wrapper .content-block .multiple-card {
display: flex;
align-items: stretch;
justify-content: flex-start;
margin-bottom: 50px;
width: 100%;
}
.viewport-wrapper .dashboard-wrapper .content-block .multiple-card .cardlist-block {
margin: 0 12px;
background: #FFFFFF;
box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 36px 0;
flex: 0 0 33.3%;
max-width: calc(33.3% - 15px);
min-height: 440px;
}
.viewport-wrapper .dashboard-wrapper .content-block .multiple-card .cardlist-block:nth-child(1) {
margin-left: 0;
}
.viewport-wrapper .dashboard-wrapper .content-block .multiple-card .cardlist-block:nth-child(3) {
margin-right: 0;
}
.cardlist-block .title-section p.target {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #000000;
margin: 0;
}
.cardlist-block .title-section p.target span.text-xs {
font-size: 12px;
}
.cardlist-block .title-section p.target span {
color: #808080;
}
.cardlist-block .title-section .link-box {}
.cardlist-block .title-section .link-box span.sub {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
cursor: pointer;
}
.accordion-box .card .card-body .rightcard-box .card-row.img-box span.child {
width: 24px;
height: 24px;
border-radius: 100%;
overflow: hidden;
margin-right: 10px;
display: inline-block;
}
.accordion-box .card .card-body .rightcard-box .card-row.img-box span.child img {
width: 100%;
}
.flex-list {
padding-left: 0;
}
.flex-list li {
list-style: none;
margin-bottom: 15px;
}
.flex-list li a {
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none;
}
.flex-list li a:hover .text,.flex-list li a:focus .text {
color: #0592B1;
text-decoration: none;
}
.flex-list li a .icon-img {
margin-right: 15px;
}
.flex-list li a .text {
flex: 1;
font-weight: normal;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
color: #424750;
}
.flex-list li:last-child {
margin-bottom: 30px;
}
.calender-block {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.calender-block .calender-icon {
position: absolute;
left: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.calender-block .drop-icon {
position: absolute;
right: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
top: 1px;
}
.calender-block .calender-icon svg {
margin-right: 0 !important;
}
.calender-block .drop-icon svg {
color: #808080 !important;
margin-right: 5px !important;
}
.calender-block span.bmd-form-group {
padding: 0 !important;
}
.calender-block .form-control {
padding: 0 15px 0 20px !important;
background: transparent;
max-width: 115px;
font-weight: 500;
font-size: .875rem;
line-height: 1.5em;
color: #000000 !important;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain:last-child {
margin-right: 0;
}
.calender-block .form-control::placeholder {
font-size: 14px;
line-height: 17px;
color: #808080;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
background: #0592B1 !important;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #0592B1 !important;
border-radius: 0 !important;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
border-radius: 0 !important;
}
.flatpickr-calendar {
padding: 15px !important;
width: auto !important;
}
.flatpickr-day.today {
/*border-color: #0592B1 !important;
border-radius: 0 !important;
background: transparent !important;
color: #0592B1 !important;*/
}
.flatpickr-current-month span.cur-month:hover {
background: transparent !important;
}
.flatpickr-current-month span.cur-month {
font-weight: bold !important;
font-size: 14px !important;
line-height: 17px !important;
margin: 0 10px !important;
}
.flatpickr-current-month input.cur-year {
font-weight: bold !important;
font-size: 14px !important;
line-height: 17px !important;
}
.flatpickr-current-month {
padding: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
}
.flatpickr-months {
position: relative;
margin-bottom: 15px;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
height: 100%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
left: 20px !important;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
right: 20px !important;
}
.numInputWrapper span {
opacity: 1 !important;
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
fill: #0592B1 !important;
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
fill: #0592B1 !important;
}
.cardlist-block ul.dashboard-list li a.flex-end {
align-items: center;
padding: 12px 36px;
}
.cardlist-block ul.dashboard-list li a .left-block .profile-block {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.cardlist-block ul.dashboard-list li a .left-block .profile-block .img-box {
width: 24px;
height: 24px;
border-radius: 100%;
overflow: hidden;
}
.cardlist-block ul.dashboard-list li a .left-block .profile-block .img-box img {
width: 100%;
display: inline-block;
}
.cardlist-block ul.dashboard-list li a .left-block .profile-block .content-box {
margin-left: 10px;
}
.cardlist-block ul.dashboard-list li a .right-block p.text {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-align: right;
margin: 0;
color: #000000;
}
.cardlist-block ul.dashboard-list li a .left-block p.main span img {
margin-left: 10px;
}
.cardlist-block .title-section .link-box span.sub:hover, .cardlist-block .title-section .link-box span.sub:focus {
color: #0592B1;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block {
margin-bottom: 6px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block h4 {
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #000000;
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 16px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block h4 a {
margin-left: 5px;
color: #0592B1;
font-size: 13px;
position: relative;
top: 0;
left: 5px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block h4 a svg {}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row {
margin-bottom: 16px;
display: inline-block;
width: 100%;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content {}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.percent-row {
position: relative;
height: 3px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 7px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child .sub {
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: flex-end;
font-feature-settings: 'kern' off;
color: #424750;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #000000;
text-transform: capitalize;
padding: 0 10px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child .dropdown-menu {
min-width: 220px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child .text {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #808080;
text-transform: capitalize;
padding: 0 10px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.percent-row span {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #0592B1;
border-radius: 5px 5px 0px 0px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.percent-row:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #E5E5E5;border-radius: 5px 5px 0px 0px;}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child:last-child {
margin-bottom: 0;
}
.login-wrapper {
min-height: 100vh;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.login-wrapper .box {
min-width: 500px;
}
.login-wrapper .box .header {
border-radius: 10px 10px 0 0;
padding: 5px 0;
display: flex;
align-items: center;
justify-content: center;
}
.login-wrapper .box .body-content {
padding: 24px;
border: 1px solid rgba(196, 196, 196, 0.4);
box-sizing: border-box;
border-radius: 4px;
max-width: 350px;
margin: 20px auto 0;
}
.login-wrapper .box .header img {
width: 175px;
}
.login-wrapper .box .body-content form {
margin: 0;
}
.login-wrapper .box .body-content .form-section {
margin-bottom: 16px;
display: inline-block;
width: 100%;
position: relative;
}
.login-wrapper .box .body-content .form-section label.control-label {
/* identical to box height */
margin-bottom: 4px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
/* Label */
color: #555555;
}
.login-wrapper .box .body-content .form-section span.bmd-form-group {
padding: 0;
}
.login-wrapper .box .body-content .form-section input.form-control {
background: #fff !important;
border-radius: 5px;
height: 30px;
line-height: 30px;
font-size: 13px !important;
color: #424750;
font-weight: normal;
padding: 0 10px;
border: 1px solid #E1E1E1;
}
.login-wrapper .box .body-content .form-section.flex-end {
display: flex;
align-items: center;
justify-content: flex-end;
}
.login-wrapper .box .body-content .form-section .btn.btn-primary {
margin: 0;
background: #0592B1;
border-radius: 5px;
padding: 9px 15px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
text-align: center;
color: #FFFFFF;
text-transform: capitalize;
width: 100%;
}
.login-wrapper .box .body-content .form-section a.link {
font-weight: 600;
font-size: 11px;
line-height: 12px;
color: #808080;
}
.login-wrapper .box .body-content .form-section .text {
text-align: center;
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
}
.login-wrapper .box .body-content .form-section .text a {
font-weight: 600;
font-size: 11px;
line-height: 12px;
color: #808080;
}
.login-wrapper .box .body-content .form-section .checkbox-block label {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
}
.login-wrapper .box .body-content .form-section .checkbox-block label:before {
top: -1px;
}
.login-wrapper .box .body-content .form-section .checkbox-block input:checked + label:after {
top: 3px;
}
.login-wrapper .box .body-content .form-section a:hover, .login-wrapper .box .body-content .form-section a:focus {
color: #0592B1 !important;
text-decoration: none;
}
.card-block .card .flex-display .flex-content .flex-row.attachments-row {
flex-wrap: wrap;
justify-content: flex-start;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 29.17%);
padding: 0 16px;
}
.attachments-row {
flex-wrap: wrap;
display: flex;
align-items: center;
}
.attachments-row .attachments {
flex: 0 0 31%;
max-width: 31%;
padding: 7px 0;
background: transparent;
border: 1px solid rgba(182, 182, 182, 0.2);
box-sizing: border-box;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0px 10px 10px 0;
}
.attachments-row .attachments .icon-box {}
.attachments-row .attachments .text {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
display: flex;
align-items: center;
color: #424750;
flex: 1;
padding-left: 10px;
}
.card-block .card .flex-display .icon-box img {}
.card-block .card .flex-display .flex-content .flex-row.flex-display-row {}
.card-block .card .flex-display .flex-content .flex-row.flex-display-row .actions {}
.card-block .card .flex-display .flex-content .flex-row.flex-display-row .actions a {
color: #808080;
margin-right: 15px;
}
.card-block .card .flex-display .flex-content .flex-row.flex-display-row .actions a:last-child {
margin-right: 0;
}
.card-block .card .flex-display .flex-content .flex-row.flex-display-row .actions a:nth-child(1) svg {transform: rotate(45deg);}
.card-block .card .flex-display .flex-content .flex-row.flex-display-row .actions a:hover,.card-block .card .flex-display .flex-content .flex-row.flex-display-row .actions a:focus {
color: #0592B1;
text-decoration: none;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content p.text {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 15px;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content {
flex-wrap: wrap;
margin-bottom: 9px;
}
.card-block .card .flex-display .flex-content .flex-row a.more-link svg {
margin-left: 10px;
font-size: 16px;
position: relative;
top: 0px;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details {
display: block;
margin: 0px 0;
width: 100%;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details p.sub {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
margin-bottom: 12px;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details p.content-text {
min-height: 52px;
position: relative;
margin-bottom: 12px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
padding-left: 20px;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details .more-content {
box-sizing: border-box;
border-radius: 20px;
padding: 0;
color: #b4b4b4;
font-size: 24px;
width: 55px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
background: #F2F2F2;
border-radius: 24.7888px;
border: none;
margin-bottom: 10px;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details .more-content svg {
width: 1.3rem;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details .mail-details {
padding-left: 30px;
margin-bottom: 0;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details p.content-text:before {content: "";position: absolute;left: 6px;width: 1px;height: 100%;background: #808080;}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details .more-content:hover,.card-block .card .flex-display .flex-content .flex-row.flex-row-content .mail-details .more-content:focus {
color: #0592B1;
border: 1px solid #0592B1;
}
.viewport-wrapper.agent-wrapper {
position: fixed;
top: 0px;
height: 100vh;
padding: 0;
width: 25vw;
right: -25vw;
transition: all 0.2s ease;
}
.viewport-wrapper.agent-wrapper.active {
transition: all 0.2s ease;
right: 0;
}
.viewport-wrapper.agent-wrapper .inner-wrapper {
height: 100%;
min-width: calc(100vh - 50px);
display: inline-block;
width: 100vw;
}
.viewport-wrapper.agent-wrapper .inner-wrapper .left-block {
width: 25vw;
max-width: 25vw;
flex: unset;
height: 100%;
padding: 20px 0;
}
.viewport-wrapper.agent-wrapper .inner-wrapper .action-box .right-side .close {
margin-left: 10px;
opacity: 1;
}
.about-profile .about-row .link {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080 !important;
padding-bottom: 0;
}
.text-underline {
text-decoration: underline;
}
.about-profile .about-row .link span {
margin-left: 10px;
cursor: pointer;
}
.about-profile .about-row .link:hover,.about-profile .about-row .link:focus {
text-decoration: none;
color: #0592B1 !important;
}
.about-profile .about-row p.text a {
color: #808080 !important;
}
.about-profile .about-row p.text a:hover,.about-profile .about-row p.text a:focus {
color: #0592B1 !important;
}
.about-profile .about-row .link span:hover,.about-profile .about-row .link span:focus {
text-decoration: none;
color: #0592B1;
}
.about-profile .about-row.signature-box {
margin-bottom: 0;
}
.about-profile .about-row.signature-box p.text {
font-weight: 500;
font-size: 12px;
line-height: 15px;
color: #808080;
}
.about-profile .about-row.signature-box p.sub {
font-weight: 500;
font-size: 12px;
line-height: 15px;
color: #808080;
margin: 0;
}
.about-profile .about-row.signature-box .line-divider {
display: inline-block;
margin: 27px 0 15px;
position: relative;
height: 1px;
min-width: 100px;
}
.about-profile .about-row.signature-box .signature-img {
margin-bottom: 5px;
}
.about-profile .about-row.signature-box .signature-img img {}
.about-profile .about-row.signature-box .line-divider:before {content: "";position: absolute;border: 1px dashed #808080;width: 135px;}
.change-form {
margin: 0;
}
.change-form .form-section {
margin-bottom: 8px;
}
.change-form .form-section label.control-label {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #555;
margin-bottom: 4px;
}
.change-form .form-section .bmd-form-group {
padding: 0;
}
.change-form .form-section .form-control {
background: #fff;
border-radius: 5px;
min-height: 33px;
line-height: 1.5em;
padding: 0 15px;
border: 1px solid #e1e1e1;
font-size: 13px !important;
}
.password-form input.form-control::placeholder {
line-height: 2.5em !important;
}
.change-form .form-section:last-child {
margin-bottom: 0;
}
.about-profile .about-row.flex-end {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 30px 0 0;
}
.about-profile .about-row.flex-end .btn.btn-borderonly {}
.about-profile .about-row.flex-end .btn.btn-primary {
margin: 0 0 0 12px;
text-transform: capitalize;
background: #E44035;
border-radius: 100px;
padding: 8px 16px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
border: 1px solid #E44035;
}
.follow-up {
cursor: pointer;
}
.follow-up.active .tick-icon {
border: 1px solid #2f92b1 !important;
background: #2f92b1;
}
.follow-up .tick-icon svg {
font-size: 10px;
color: #808080;
}
.follow-up.active .tick-icon svg {
color: #ffffff;
}
.search-drop a .child.p-right {
position: relative;
padding-right: 20px;
}
.search-drop a .child.p-right .close-icon {
position: absolute;
right: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.search-drop a .child.p-right .profile-img {
width: 24px;
height: 24px;
overflow: hidden;
border-radius: 100%;
margin-right: 15px;
}
.search-drop a .child.p-right .profile-img img {
width: 100%;
}
.search-drop a .child.p-right .close-icon svg {
color: #808080 !important;
}
.search-drop a .child.p-right .close-icon svg:hover,.search-drop a .child.p-right .close-icon svg:focus {
color: #0592B1 !important;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .nav-link {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #000000 !important;
padding: 0;
text-transform: capitalize;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .nav-link svg {
margin-left: 5px;
margin-right: 0;
color: #808080 !important;
}
/*.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .nav-link:hover,.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .nav-link:focus {
color: #0592b1;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .nav-link:hover svg,.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .nav-link:focus svg {
color: #0592b1 !important;
}*/
.make-phonecall {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 0;
}
.make-phonecall .icon-box {}
.make-phonecall .icon-box img {}
.make-phonecall .content-block {
margin-top: 40px;
text-align: center;
}
.make-phonecall .content-block p.main {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
text-align: center;
color: #808080;
margin-bottom: 28px;
}
.make-phonecall .content-block p.text {
font-weight: normal;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #808080;
margin: 0 auto 28px;
max-width: 55%;
}
.make-phonecall .content-block .btn.btn-primary {
margin: 0;
text-transform: capitalize;
background: #0592B1;
border-radius: 100px;
padding: 8px 16px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #FFFFFF;
border: 1px solid #0592B1;
}
.viewport-wrapper.agent-wrapper.active:before {content: "";position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.26);}
.cardlist-block .title-section .date-box .calender-block {}
.cardlist-block .title-section .date-box .calender-block input.form-control {
padding: 0 0px 0 0 !important;
max-width: 110px;
}
.cardlist-block .title-section .date-box .calender-block .calender-icon {
left: unset;
right: 0;
}
.cardlist-block .title-section .date-box .calender-block .calender-icon svg {
color: #0592B1;
}
select.form-control:not([size]):not([multiple]){
font-size: 14px !important;
color:#000000 !important;
}
a#logout_style:hover{
background-color:unset !important;
text-decoration: unset !important;
}
ul#resource_listing li a {
text-decoration: none;
}
div#opp_list a {
text-decoration: none;
}
div#edit_update button.btn.btn-primary {
border: 1px solid #E44035;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #ffffff;
background: #E44035;
margin: 0 0 0 12px;
}
div#edit_update_support button.btn.btn-primary {
border: 1px solid #E44035;
box-sizing: border-box;
border-radius: 100px;
padding: 8px 15px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #ffffff;
background: #E44035;
margin: 0 0 0 12px;
}
textarea#note_textarea {
line-height: 1.5;
background-image: none;
text-align: justify;
}
textarea#support_textarea {
line-height: 1.5;
background-image: none;
text-align: justify;
}
select#turnover_currency_id{
height: calc(2rem + 1px) !important;
}
.form-control {
font-size: .875rem;
/*font-size: 14px !important;*/
}
.alert-danger {
color: #ff3b00 !important;
font-size: 14px !important;
background-color: unset !important;
margin-bottom: 0 !important;
}
a#oppor_contact {
text-decoration: none;
}
.pagination-block ul li.active span.page-link {
font-size: 14px !important;
line-height: 17px !important;
color: #424750 !important;
font-weight: bold !important;
text-decoration: underline !important;
min-width: initial !important;
margin: 0 !important;
border-radius: 0;
padding: 0 !important;
background: transparent !important;
border: none !important;
}
.error{
font-size: 14px !important;
color:#ff3b00 !important;
}
input#mail_email {
background-color: unset !important;
}
.markstyle{
background: #00c2ec;
border: 0px solid #808080 !important;
}
.cust-dropdown-div{
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
position: relative;
}
.cust-dropdown-css{
background: transparent;
border: none !important;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #424750;
}
/*01-10-2020*/
.card-block .create-card .card-body .flex-display .contain select {
border: none;
background: transparent;
}
.card-block .create-card .card-body .flex-display .contain select:hover,.card-block .create-card .card-body .flex-display .contain select:focus {
background: transparent;
border: none;
outline: none;
}
.card-block .create-card .card-body .flex-display .contain span.icon svg {
color: #808080 !important;
}
.card-block .create-card .card-body .flex-display .column-direction .contain svg {
color: #0592B1;
margin-right: 5px;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain {
position: relative;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .dropdown-menu {
left: 0 !important;
top: 100% !important;
}
p#plan_desc_create {
font-size: 14px !important;
}
p#plan_price_create {
font-size: 14px !important;
}
/*05-10-2020*/
.card-block .card .flex-display .flex-content .flex-row .column-direction .contain audio {
max-height: 42px;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .contain audio:hover,.card-block .card .flex-display .flex-content .flex-row .column-direction .contain audio:focus {
border: none !important;
outline: none !important;
}
.apply_filter{
border: none!important;
background: unset!important;
color: #808080!important;
cursor: pointer;
}
.company_contact{
text-decoration: none !important;
}
/*12-10-2020*/
.search-drop div.item {
padding: 15px 20px !important;
font-weight: normal !important;
font-size: 14px !important;
line-height: 17px !important;
color: #808080 !important;
display: block !important;
}
.search-drop div.item .child {
display: flex;
align-items: flex-start;
}
.search-drop .item span.main {
display: block;
margin-bottom: 5px;
}
/*30-10-2020*/
.details-section .card .custom-table td:nth-child(1) {
/*min-width: 350px;
max-width: 350px;*/
/*padding-left: 15px;*/
}
.details-section .card .custom-table td:nth-child(2) {
/*min-width: 250px;
max-width: 250px;*/
}
.details-section .card .custom-table td .profile-detail span.img-box {
min-width: 24px;
}
.details-section .card .custom-table th:nth-child(1) {
/*min-width: 350px;
max-width: 350px;*/
}
.details-section .card .custom-table th:nth-child(2) {
/*min-width: 250px;
max-width: 250px;*/
}
.table-responsive-new {
overflow: hidden;
}
.table-responsive-new .table-responsive .custom-table {
margin-top: 0;
}
.details-section .card .custom-table td {
/* min-width: initial !important;
max-width: initial !important;
width: auto !important;*/
word-break: break-word;
border: 1px solid #EFEFEF;
}
.details-section .card .custom-table th {
/*min-width: initial !important;
max-width: initial !important;
width: auto !important;*/
}
.dtHorizontalVerticalExampleWrapper {
max-width: 600px;
margin: 0 auto;
}
#dtHorizontalVerticalExample th, td {
white-space: nowrap;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}
.card-block .card.active .flex-content p.text.hide-text {
display: block !important;
}
div#detailed-mail {}
.card-block .card.active .flex-content .flex-row.attachments-row {
display: flex !important;
}
.card-block .card.active .flex-display .flex-content .detailed-mail {
display: block !important;
}
.card-block .card .flex-display .flex-content .flex-row {
margin-bottom: 16px;
}
.card-block .card .flex-display .flex-content .flex-row a.link.date {
font-size: 12px;
}
.mb-new {
margin-bottom: 5px !important;
}
.card-block .card .flex-display .flex-content .flex-row.flex-row-content p.text {
margin-bottom: 10px;
}
.details-section .card .custom-table td .profile-detail {
white-space: normal;
}
/*lastest edit*/
.bmd-form-group .custom-file-control, .bmd-form-group .form-control, .bmd-form-group input::placeholder, .bmd-form-group label {
position: relative;
z-index: 10;
}
.bmd-form-group .form-control{
color:#000000 !important;
}
.details-section .card .custom-table td {
white-space: normal;
}
.contact-form .form-section .suggestions {
/*position: absolute;*/
top: 64px;
width: 100%;
z-index: 1;
}
.contact-form .form-section .suggestions ul.has-suggestions {
padding: 10px 20px;
background: #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 10px;
max-height: 270px;
overflow-y: auto;
opacity: 1;
}
.contact-form .form-section .suggestions ul li {
font-weight: normal;
margin: 0;
cursor: pointer;
list-style: none;
padding: 10px 0 !important;
font-size: 14px !important;
line-height: 17px !important;
color: #808080 !important;
}
.contact-form .form-section {
position: relative;
}
.contact-form .form-section .suggestions ul {
opacity: 0;
}
.suggestions {
/*position: absolute;*/
top: 64px;
width: 100%;
z-index: 1;
}
.suggestions ul.has-suggestions {
padding: 10px 20px;
background: #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 10px;
max-height: 270px;
overflow-y: auto;
opacity: 1;
}
.suggestions ul li {
font-weight: normal;
margin: 0;
cursor: pointer;
list-style: none;
padding: 10px 0 !important;
font-size: 14px !important;
line-height: 17px !important;
color: #808080 !important;
}
/*edited 06-11-2020*/
.card-block .card .flex-display .flex-content .flex-row.edit-content .highlight-box {
align-items: flex-start;
justify-content: space-between;
flex-direction: column;
line-height: 1.5;
}
/*lastest edit by kurian to quick fix*/
.details-section .card .custom-table td {
white-space: normal;
}
/*<----------Datatable styles------->*/
.dropdown-menu.search-drop.toggle_class.show a.toggle-vis {
cursor: pointer;
}
tfoot input {
width: 100%;
padding: 3px;
box-sizing: border-box;
}
.select2-container--default .select2-selection--multiple {
border: none !important;
padding: 0 !important;
background: #F7F8F9 !important;
border-radius: 5px !important;
}
.select2-container--default .select2-search--inline .select2-search__field {
line-height: 34px;
height: 34px;
margin: 0 !important;
color: #808080;
font-size: 13px !important;
padding: 0 15px !important;
border-radius: 5px !important;
z-index: 1;
position: relative;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
font-size: 14px !important;
}
span.select2.select2-container.select2-container--default {}
.select2-container {
min-width: 200px;
max-width: 200px;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li.nav-item {
padding: 0 7px;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li.nav-item:first-child {
padding-left: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
background: #F7F8F9;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
font-size: 12px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {margin-left: 10px;}
.details-section .card .filter-section {
margin: 12px 0px 0;
padding: 0 24px;
}
.dataTables_wrapper .dataTables_length label {
font-size: 12px;
line-height: 17px;
color: #000000;
margin: 0;
}
.dataTables_wrapper .dataTables_length label select {
border: none;
background: #F7F8F9;
font-size: 12px !important;
}
.dataTables_wrapper .dataTables_filter label {
font-size: 12px;
line-height: 17px;
color: #808080;
margin: 0;
}
.dataTables_wrapper .dataTables_filter input {
background: #F7F8F9 !important;
border-radius: 5px !important;
height: 34px;
padding: 0 15px !important;
font-weight: normal;
font-size: 12px;
line-height: 34px;
color: #808080;
border: none !important;
}
.details-section .card .custom-table {
margin-top: 12px;
}
tfoot input {
background: #F7F8F9;
border-radius: 100px;
height: 34px;
padding: 0 15px;
font-weight: normal;
font-size: 12px;
line-height: 34px;
color: #808080;
border: none !important;
}
tfoot input::placeholder {
font-size: 12px;
}
tfoot th {
padding: 10px !important;
}
tfoot input:focus {
border: none;
outline: none;
}
.dataTables_wrapper .dataTables_paginate .previous {
font-size: 12px !important;
line-height: 17px !important;
color: #424750 !important;
}
.dataTables_wrapper .dataTables_paginate .next {
color: #424750 !important;
font-size: 12px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
font-weight: bold;
text-decoration: underline !important;
background: transparent;
border: none;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button {
font-size: 12px;
line-height: 17px;
color: #424750 !important;
margin: 0 5px;
min-width: initial;
padding: 0 !important;
border: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
color: #000000 !important;
font-size: 12px !important;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button:hover {
background: transparent;
color: #424750 !important;
border: none;
font-weight: bold;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
border: navajowhite;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
font-weight: normal !important;
}
.details-section .card .custom-table td .flex-wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.details-section .card .custom-table td .flex-wrap a.profile-detail {
flex: 1;
padding-left: 0;
}
.details-section .card .custom-table td .flex-wrap input {
margin-right: 10px;
}
.dataTables_scrollBody {
max-height: calc(100vh - 360px) !important;
}
.bgnd-toggle{
background-color: #e5e5e5;
}
a.toggle-vis.column-hide {
background-color: #ffffff !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered li {
line-height: 34px;
height: 34px;
font-size: 13px !important;
padding: 0 15px !important;
padding-right: 25px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
border: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
border: none !important;
}
.dataTables_wrapper .bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
.dataTables_wrapper .bottom .dataTables_length {
padding-top: 0.755em;
padding-right: 24px;
flex: 1;
}
.dataTables_wrapper .bottom .dataTables_info {
padding-top: 0.755em;
text-align: center;
flex: 1;
font-size: 12px;
line-height: 17px;
color: #000000;
}
.dataTables_wrapper .bottom .dataTables_paginate {
flex: 1;
padding-top: 0.755em;
}
.select2-container--default .select2-selection--multiple {
height: 34px;
padding: 0;
line-height: 34px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered li {
line-height: 34px;
height: 34px;
font-size: 13px !important;
padding: 0 15px !important;
padding-right: 25px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
height: 34px;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
width: 25px;
}
/*span.select2.select2-container.select2-container--default {
overflow: hidden;
}*/
table.dataTable thead th, table.dataTable thead td {
border-bottom: none !important;
}
table.dataTable tfoot th, table.dataTable tfoot td {
border-top: none !important;
}
.select2-container--default .select2-selection--multiple span.select2-search.select2-search--inline {
line-height: 34px !important;
height: 34px !important;
display: inline-block !important;
}
.dt-buttons {
width: 100%;
text-align: center;
/*margin: 12px 0;*/
}
.dt-buttons button.dt-button,.dt-buttons button.dt-button:hover,.dt-buttons button.dt-button:focus {
text-transform: capitalize;
background: #E44035 !important;
/*border-radius: 100px;*/
padding: 8px 16px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
border: 1px solid #E44035 !important;
}
/*27-11-2020*/
/*.dataTables_wrapper .dataTables_processing {
color: #0592B1 !important;
padding: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 0 !important;
height: 45px !important;
top: 40px !important;
font-size: 30px !important;
background: rgba(255,255,255,1) !important;
z-index: 10;
line-height: 40px;
}
*/.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, .select2-results__option {
font-size: 13px !important;
font-weight: normal !important;
line-height: 17px !important;
color: #808080 !important;
padding: 10px !important;
}
.select2-container--default .select2-results>.select2-results__options {
left: 0 !important;
top: calc(100% + 15px);
background: #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 10px;
min-width: 190px;
max-height: 270px;
overflow-y: auto;
border: none !important;
outline: none !important;
}
.select2-dropdown {
border: none !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
color: #0592B1 !important;
background: #F7F8F9 !important;
}
.dataTables_wrapper .dataTables_filter input:focus, .dataTables_wrapper .dataTables_filter input:hover {
border: none !important;
outline: none !important;
}
/*.dataTables_wrapper .dataTables_processing + .dataTables_scroll {
min-height: calc(100vh - 400px);
}*/
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border: none !important;
}
.dataTables_wrapper .dataTables_processing {
top: 15px !important;
}
.center-block .tab-content .top-block.flex-end .flex-1-div {
flex: 1;
}
.center-block .tab-content .top-block.flex-end .flex-1-div {
flex: 1;
}
.card-block .create-card .card-body .flex-display .select-box {}
.card-block .create-card .card-body .flex-display .select-box select.form-control {
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #424750;
height: 17px;
}
/*style editz 02-12-2020*/
.details-section .card .custom-table td > p {
margin: 0 !important;
}
.heading-elements form {
margin: 0;
margin-left: -10px;
}
.heading-elements form input {
background: #F7F8F9 !important;
border-radius: 5px !important;
height: 34px;
padding: 0 15px !important;
font-weight: normal;
font-size: 14px;
line-height: 34px;
color: #808080;
border: none !important;
margin: 0 10px;
}
.heading-elements form button.btn.btn-primary {
text-transform: capitalize;
background: #E44035 !important;
border-radius: 100px;
padding: 7px 16px 8px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #FFFFFF !important;
border: 1px solid #E44035 !important;
margin: 0 0 0 10px;
}
a.btn.btn-primary {
text-transform: capitalize;
background: #E44035;
border-radius: 100px;
padding: 7px 16px 8px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #FFFFFF;
border: 1px solid #E44035;
margin: 0;
}
.card-header {
border: none !important;
}
.details-section .card .custom-table.custom-table-new {
margin-left: 0;
}
.heading-elements .upload-file {
position: relative;
width: 120px;
height: 35px;
border-radius: 5px;
overflow: hidden;
z-index: 1;
cursor: pointer;
margin-left: 6px;
}
.heading-elements .upload-file input[type="file"] {
opacity: 0;position: relative;z-index: 2;cursor: pointer;width: 120px;height: 35px;
}
.heading-elements .upload-file span, .heading-elements .upload-file label {
text-transform: capitalize;
background: #E44035;
border-radius: 5px;
padding: 8px 16px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #FFFFFF;
border: 1px solid #E44035;
display: inline-block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 9;
}
.details-section .card .custom-table .min-width {
width: 90px !important;
max-width: 90px !important;
min-width: 90px !important;
}
a.btn.btn-primary:hover, a.btn.btn-primary:focus {
background: #E44035;
color: #ffffff;
border: 1px solid #E44035;
}
.card-body.card-dashboard.w-100 .dataTables_scrollHeadInner {
width: 100%;
}
.select2-container--default .select2-search--inline .select2-search__field{
z-index: 0 !important;
}
.header-navbar.navbar-newheader {
background: rgba(0, 0, 0, 1) !important;
position: relative;
top: 0;
z-index: 9;
width: 100vw;
height: 50px;
transition: all 0.3s ease;
}
.header-navbar.navbar-newheader .navbar-container.main-menu-content {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.navbar-newheader .navbar-nav {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.navbar-newheader .navbar-nav li.nav-item {}
.navbar-newheader .navbar-nav a.nav-link {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
padding: 0 20px;
text-transform: unset;
}
.navbar-newheader ul.navbar-nav.dropdown li a {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
padding: 0 20px;
text-transform: unset;
}
.viewport-wrapper.agent-wrapper {
z-index: 99 !important;
}
#email .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: transparent !important;
border: none !important;
margin: 0;
display: flex;
/* flex-direction: row-reverse;
*/ padding-right: 5px !important;
border-radius: 100px;
}
#email .select2-container--default .select2-selection--multiple .select2-selection__choice button.select2-selection__choice__remove {
border: none;
padding: 0 0 0 10px;
color: #000;
position: relative;
top: -1px;
background: transparent !important;
}
#email .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__display {}
#email span.select2.select2-container.select2-container--default.select2-container--below {
min-width: initial !important;
max-width: initial !important;
background: #ececec;
border-radius: 5px !important;
}
#email span.select2.select2-container.select2-container--default.select2-container--below li.select2-selection__choice {
padding-right: 15px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
height: 100%;
margin: 0;
position: relative;
right: 3px;
}
#email .select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
font-size: 14px !important;
border-radius: 5px !important;
padding: 0 !important;
}
#email .select2-container--default .select2-search--inline .select2-search__field::placeholder {
font-size: 14px !important;
}
#email .select2-container--default .select2-selection--multiple {
background: transparent !important;
border-radius: 5px !important;
}
#email span.select2.select2-container.select2-container--default.select2-container--below {}
#email .select2-container--default .select2-search--inline .select2-search__field::placeholder {
font-size: 12px !important;
line-height: 34px !important;
}
.display-center {
display: flex;
align-items: center;
justify-content: center;
}
.grid-wrapper .item .item-block .card-details .details-box .first-section.text-section .text-block p.main {
margin: 0;
}
.grid-wrapper .item .item-block .card-details .details-box .first-section.text-section a {
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #000000;
margin: 0;
text-decoration: none !important;
}
.grid-wrapper .item .item-block .card-details .details-box .first-section.text-section a:hover,.grid-wrapper .item .item-block .card-details .details-box .first-section.text-section a:focus {
color: #2f92b1;
}
@media(max-width: 1400px){
.details-section ul.nav-tabs li a {
font-size: 12px;
padding: 0 25px 15px 0;
}
.details-section ul.nav-tabs li a.active {
font-size: 12px;
}
.viewport-wrapper .inner-wrapper .left-block .action-box {
padding: 24px 20px 0;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block {
padding: 0 20px !important;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .edit_navigation {
padding: 10px 20px !important;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .modal-body .edit-formfield {
padding: 0 20px 8px !important;
}
.viewport-wrapper .inner-wrapper.conversation-wrapper .left-block.f-shrink .edit-modal .modal-body .edit-formfield{
padding: 0 !important;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img {
padding: 0 20px;
}
header#header .container-fluid {
max-width: calc(100% - 40px);
}
.viewport-wrapper.wrapper-padding {
padding: 22px 20px !important;
}
.viewport-wrapper .inner-wrapper .left-block .action-links {
padding: 0 20px;
}
.viewport-wrapper .inner-wrapper .left-block .action-links a {
margin: 0 8px;
}
.viewport-wrapper .inner-wrapper .left-block .action-links a span.text {
font-size: 10px;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-header {
padding: 0 20px !important;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-body {
padding: 0 0px !important;
}
.viewport-wrapper .inner-wrapper .right-block {
padding: 0 20px;
}
.viewport-wrapper .inner-wrapper .center-block {
padding: 0 20px;
}
}
.dashboard-filter {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 0px;
}
.dashboard-filter .select2-container--default .select2-selection--multiple {
border: 1px solid #0592B1 !important;
box-sizing: border-box;
border-radius: 100px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
text-align: left;
color: #0592B1 !important;
background: transparent;
cursor: pointer;
}
.dashboard-filter .dashboard-filter-block {
cursor: pointer;
margin-right: 24px;
}
.dashboard-filter .select2-container--default .select2-search--inline .select2-search__field,.dashboard-filter .select2-container--default .select2-search--inline .select2-search__field::placeholder {
color: #0592B1 !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 34px !important;
}
.heading-elements form input:hover, .heading-elements form input:focus {
outline: none;
}
.dashboard-filter .dashboard-filter-block {
display: flex;
align-items: center;
}
.dashboard-filter .dashboard-filter-block span.bmd-form-group {
padding: 0;
}
.dashboard-filter .dashboard-filter-block .form-control {
background-image: none;
margin-right: 12px;
}
/*notification style*/
.notification-modal .notification-wrapper {
}
.notification-wrapper .notification-block {
max-height: calc(100vh - 235px);
overflow-y: auto;
min-height: calc(100vh - 235px);
padding: 0px 50px;
}
.notification-modal .notification-wrapper .filter-section {
padding: 0 50px;
margin-bottom: 10px;
}
.notification-wrapper .filter-section ul {
padding: 0;
margin: 0;
display: flex;
align-items: center;
}
.notification-wrapper .filter-section ul li {
list-style: none;
margin-right: 24px;
min-width: 100px;
}
.notification-wrapper .filter-section ul li a.nav-link {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
text-transform: capitalize;
padding: 0;
}
.notification-wrapper .filter-section ul span.bmd-form-group {
padding: 0 !important;
}
.notification-wrapper .filter-section ul li select {
font-weight: 500;
font-size: 14px;
line-height: 34px;
color: #808080;
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 100px;
width: 100%;
padding: 0 15px;
background: transparent;
height: 34px;
}
.notification-wrapper .filter-section ul li select:focus,.notification-wrapper .filter-section ul li select:hover {
outline: none;
}
.notification-wrapper .filter-section ul li a.nav-link svg {
margin-left: 10px;
}
.notification-wrapper .notification-block h4.title-text {
font-weight: 600;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-transform: uppercase;
color: #424750;
margin-bottom: 14px;
margin-top: 20px;
}
.notification-wrapper .notification-block .notification-list {
margin: 0;
padding: 0;
}
.notification-wrapper .notification-block .notification-list li {
list-style: none;
width: 100%;
display: flex;
padding: 20px 0;
align-items: flex-start;
justify-content: flex-start;
}
.notification-wrapper .notification-block .notification-list li .icon-box {
background: #F7F8F9;
border: 0.5px solid #0592B1;
border-radius: 100%;
min-width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 48px;
margin-right: 20px;
overflow: hidden;
}
.notification-wrapper .notification-block .notification-list li .icon-box img {
width: 22px;
}
.notification-wrapper .notification-block .notification-list li .content-box {}
.notification-wrapper .notification-block .notification-list li .content-box .flex-view.space-between {
display: flex;
align-items: center;
justify-content: space-between;
}
.notification-wrapper .notification-block .notification-list li .content-box .sub {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
margin-bottom: 5px;
}
.notification-wrapper .notification-block .notification-list li .content-box .title-box a {
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
font-weight: 500;
margin-bottom: 5px;
display: block;
text-decoration: none !important;
}
.notification-wrapper .notification-block .notification-list li .content-box .title-box {}
.notification-wrapper .notification-block .notification-list li .content-box .text-box {}
.notification-wrapper .notification-block .notification-list li .content-box .text-box p {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #808080;
margin: 0;
}
.notification-wrapper .notification-block .notification-list li .content-box .text-box a {}
.notification-wrapper .notification-block .notification-list li .content-box .list-box {
display: block;
}
.notification-wrapper .notification-block .notification-list li .content-box .list-box a {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 14px;
}
.notification-wrapper .notification-block .notification-list li .content-box .list-box a .img-box {
width: 30px;
height: 30px;
display: inline-block;
border-radius: 100%;
overflow: hidden;
flex: 0 0 30px;
margin-right: 14px;
}
.notification-wrapper .notification-block .notification-list li .content-box .list-box a span {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #808080;
}
.notification-wrapper .notification-block .notification-list li .content-box .list-box a .img-box img {
width: 100%;
}
.notification-wrapper .notification-block .notification-list li .icon-box.img {
border: none;
}
.notification-wrapper .notification-block .notification-list li .icon-box.img img {
width: 100%;
}
.notification-wrapper .notification-block .notification-list li .content-box .title-box a {}
.notification-wrapper .notification-block .notification-list li .content-box .list-box a:last-child {
margin-bottom: 0;
}
.notification-wrapper .notification-block .notification-list li .content-box .list-box a:first-child {
margin-top: 14px;
}
.notification-modal .notification-wrapper .filter-section .checkbox-block {
line-height: 17px;
}
.notification-modal .notification-wrapper .filter-section .checkbox-block label {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #424750;
}
/**//**//**//**//**//**//**/
/*Reports page*/
ul.breadcrumb-block {
margin: 0 0 14px;
padding: 0;
display: flex;
}
ul.breadcrumb-block li {
list-style: none;
margin-right: 15px;
padding-right: 15px;
position: relative;
}
ul.breadcrumb-block li a {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
color: #000000;
}
ul.breadcrumb-block li.active {}
ul.breadcrumb-block li.active a {
color: #0592B1;
}
ul.breadcrumb-block li:before {content: " > ";position: absolute;right: -5px;top: 0;height: 95%;width: 10px;display: flex;align-items: center;}
ul.breadcrumb-block li.active:before {
content: "";
}
.report-wrapper {}
.report-filter {
width: 60%;
margin: 0;
}
.report-filter .form-section {}
.report-filter .form-section .bmd-form-group {
padding: 0;
}
.report-filter .form-section .form-control {
background: #F7F8F9;
border-radius: 100px;
padding: 0 15px;
height: 34px;
line-height: 34px;
font-weight: normal;
font-size: 14px;
/* identical to box height */
color: #333;
padding-right: 40px;
}
.report-filter .form-section .btn.btn-transparent {
padding: 0;
margin: 0;
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.report-filter .form-section .btn.btn-transparent img {}
.report-filter .form-section .form-control::placeholder {
font-size: 14px;
color: #808080;
}
.report-dashboard-block {
margin-top: 40px;
}
.report-dashboard-block .item-horizonotal {
padding: 20px 10px 0;
position: relative;
}
.report-dashboard-block .item-horizonotal:before {content: "";position: absolute;top: 0;left: -30px;height: 1px;width: calc(100% + 60px);background: #E5E5E5;}
.report-dashboard-block .item-horizonotal .titlehead h4 {
position: relative;
font-weight: 600;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-transform: uppercase;
color: #424750;
margin: 0;
}
.report-dashboard-block .item-horizonotal .titlehead h4:before {content: "";position: absolute;left: -40px;top: 0;height: 15px;width: 30px;}
.report-dashboard-block .item-horizonotal .item-details {
width: 100%;
overflow-x: auto;
margin-top: 30px;
display: flex;
}
.report-dashboard-block .item-horizonotal .item-details .item-box {
display: inline-block;
margin:0 44px 30px;
min-width: 90px;
max-width: 90px;
text-decoration: none;
}
.report-dashboard-block .item-horizonotal .item-details .item-box .icon-box {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
margin: 0 auto;
}
.report-dashboard-block .item-horizonotal .item-details .item-box p.text {
font-weight: normal;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #424750;
margin: 10px 0 0;
}
.report-dashboard-block .item-horizonotal .item-details .item-box .icon-box img {}
.report-dashboard-block .item-horizonotal .item-details .item-box:nth-child(1) {
margin-left: 0;
}
.details-section {
margin-bottom: 0px;
}
.report-dashboard-block .item-horizonotal.sales-block .titlehead h4:before {
background: rgba(5, 146, 177, 0.2);
}
.report-dashboard-block .item-horizonotal.sales-block .item-details .item-box .icon-box {
background: rgba(5, 146, 177, 0.1);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.sales-block .item-details .item-box:hover .icon-box {
background: rgba(5, 146, 177, 0.3);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.revenue-block .titlehead h4:before {
background: rgba(5, 146, 177, 0.2);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.revenue-block .item-details .item-box .icon-box {
background: rgba(25, 118, 210, 0.1);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.revenue-block .item-details .item-box:hover .icon-box {
background: rgba(25, 118, 210, 0.3);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.pipeline-block .titlehead h4:before {
background: rgba(223, 156, 255, 0.2);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.pipeline-block .item-details .item-box .icon-box {
background: rgba(223, 156, 255, 0.1);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.pipeline-block .item-details .item-box:hover .icon-box {
background: rgba(223, 156, 255, 0.3);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.leads-block .titlehead h4:before {
background: rgba(255, 204, 77, 0.2);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.leads-block .item-details .item-box .icon-box {
background: rgba(255, 204, 77, 0.2);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.leads-block .item-details .item-box:hover .icon-box {
background: rgba(255, 204, 77, 0.4);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.callsandchat-block .titlehead h4:before {
background: rgba(228, 64, 53, 0.2);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.callsandchat-block .item-details .item-box .icon-box {
background: rgba(228, 64, 53, 0.1);
transition: all 0.2s ease;
}
.report-dashboard-block .item-horizonotal.callsandchat-block .item-details .item-box:hover .icon-box {
background: rgba(228, 64, 53, 0.3);
transition: all 0.2s ease;
}
.summary-block {
margin-top: 24px;
}
.summary-block h4.titlehead {
font-weight: 600;
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
color: #424750;
margin-bottom: 10px;
}
.summary-block .flex-display {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.summary-block .flex-display .item-box {
margin: 0 30px;
}
.summary-block .flex-display .item-box p.blue {
font-weight: normal;
font-size: 24px;
line-height: 29px;
/* identical to box height */
margin-bottom: 0;
color: #0592B1 !important;
}
.summary-block .flex-display .item-box p.text {
font-weight: 500;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #808080;
margin: 6px 0;
min-height: 15px;
}
.summary-block .flex-display .item-box p.text .img {
margin-right: 4px;
}
.summary-block .flex-display .item-box:nth-child(1) {
margin-left: 0;
}
/*latest style changes 15-01-2021*/
.dashboard-filter-block .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
background: transparent;
border: none;
}
.dashboard-filter-block .select2-container .select2-selection--multiple .select2-selection__rendered {
/* background: #FFFFFF; */
/* box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12); */
/* border-radius: 10px; */
min-width: 200px;
/* max-height: 270px; */
/* overflow-y: auto; */
border: none !important;
outline: none !important;
/* z-index: 3; */
/* position: absolute; */
/* left: 0 !important; */
/* top: 0; */
/* margin: 0; */
/* padding-top: 0; */
}
.dashboard-filter-block .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
padding: 10px !important;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
margin: 0;
position: relative;
height: auto !important;
display: none !important;
}
.dashboard-filter-block .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice button.select2-selection__choice__remove {
background: #fff;
border: none;
height: auto;
display: none;
}
.dashboard-filter-block .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice span.select2-selection__choice__display {
flex: 1;
text-align: left;
line-height: normal;
}
.dashboard-filter-block .select2-container--default .select2-selection--multiple span.select2-search.select2-search--inline {
padding-left: 15px;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
font-size: 13px !important;
line-height: 34px;
}
.dataTables_wrapper .dataTables_filter input::placeholder {
font-size: 14px;
line-height: 34px;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li.nav-item .contain .bmd-form-group {
padding: 0;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li.nav-item .contain input {
background: #F7F8F9 !important;
border-radius: 5px !important;
height: 34px;
padding: 0 15px !important;
font-weight: normal;
font-size: 13px;
line-height: 34px;
color: #808080;
border: none !important;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li.nav-item .contain input::placeholder {
font-size: 13px !important;
line-height: 34px;
}
.daterangepicker .drp-calendar.left {
padding: 15px;
}
.daterangepicker .drp-calendar.right {
padding: 15px;
}
.daterangepicker .drp-buttons {
padding: 10px 15px;
}
.daterangepicker .calendar-table {}
.daterangepicker .calendar-table td.off.ends.available,.daterangepicker .calendar-table td.weekend.off.ends.available {
color: rgba(57,57,57,0.3);
}
.daterangepicker .calendar-table td.weekend.off.ends.available {}
.daterangepicker .calendar-table td.available, .daterangepicker .calendar-table .weekend.available {}
.daterangepicker .calendar-table td.today.active.start-date.active.end-date.available {}
.daterangepicker .calendar-table td.active.start-date.available {
border-radius: 0 !important;
background: #0592B1 !important;
color: #fff !important;
border-style: solid;
border-width: 1px !important;
}
.daterangepicker .calendar-table td.active.end-date.in-range.available {
border-radius: 0 !important;
background: #0592B1 !important;
color: #fff !important;
}
.daterangepicker .calendar-table td.in-range.available {
background: rgba(5, 146, 177,0.09);
color: rgba(5, 146, 177,1) !important;
border-color: rgba(5, 146, 177,0.7);
border-width: 1px;
border-style: solid;
}
.daterangepicker .calendar-table td.available {/* border: 1px solid transparent; */-webkit-box-sizing: border-box;box-sizing: border-box;color: #393939;cursor: pointer;font-weight: 400;border-radius: 0 !important;}
.daterangepicker .calendar-table td {/* border: 1px solid transparent !important; */}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
min-width: 35px !important;
width: 35px !important;
height: 35px !important;
line-height: 30px !important;
font-size: 12px;
padding: 0 !important;
}
td.today.active.start-date.active.end-date.available {
}
td {}
.daterangepicker .calendar-table td.weekend.off.ends.active.end-date.in-range.available {
background: rgba(5, 146, 177,0.7) !important;
color: #fff !important;
border-color: rgba(5, 146, 177,0.7) !important;
border-width: 1px;
border-style: solid;
}
.daterangepicker .calendar-table th {
font-weight: 400;
}
.daterangepicker .drp-selected {
padding-right: 24px;
}
.daterangepicker .drp-buttons .btn {
margin: 0;
}
.daterangepicker .drp-buttons .cancelBtn.btn.btn-sm.btn-default {
color: rgba(57,57,57,0.5);
background: transparent !important;
border: none !important;
}
.daterangepicker .drp-buttons .applyBtn.btn.btn-sm.btn-primary {
background: transparent !important;
border: none !important;
}
.daterangepicker .calendar-table td {
border: 1px solid rgba(0,0,0,0.02) !important;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li.nav-item .contain input:hover, .details-section .card .filter-section .filter-form .flex-display .filter-menu li.nav-item .contain input:focus {
border: none;
outline: none;
}
.daterangepicker .drp-buttons {
border: none;
}
.daterangepicker {
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
border: none;
}
ul.dropdown.filter-menu .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px !important;
font-size: 13px;
color: #808080 !important;
}
ul.dropdown.filter-menu .select2-container--default .select2-selection--single {
border: none !important;
padding: 0 !important;
background: #F7F8F9 !important;
border-radius: 5px !important;
line-height: 34px !important;
height: 34px !important;
}
ul.dropdown.filter-menu {}
ul.dropdown.filter-menu .select2-container--default .select2-selection--single span.select2-selection__arrow {
height: 34px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:hover, .select2-container--default .select2-search--dropdown .select2-search__field:focus {
border: 1px solid #aaa;
outline: none !important;
}
ul.dropdown.filter-menu .select2-container--default .select2-selection--single .select2-selection__rendered:focus {
border: none !important;
outline: none !important;
}
.dashboard-filter-block .select2-container--default .select2-selection--multiple .select2-selection__clear {
position: absolute;
z-index: 9;
top: 0;
margin: 0;
height: 100%;
}
.dashboard-filter-block .select2-container--default .select2-selection--multiple span.select2-search.select2-search--inline {
display: none !important;
}
.card-block .card .flex-display .flex-content .flex-row p.main a svg {
color: #0592B1 !important;
}
.details-section .card .card-details.single-card-details.row {
margin: 0 0 32px;
}
.details-section .card .card-details.single-card-details.row .col-md-2 {
background: #FCFCFC;
border: 1px solid #EFEFEF;
box-sizing: border-box;
box-shadow: 0px 4px 4px rgba(236, 236, 236, 0.25), 0px 4px 4px rgba(236, 236, 236, 0.25);
border-radius: 3px;
margin-right: 22px;
padding: 15px;
position: relative;
}
.details-section .card .card-details.single-card-details.row .col-md-2 h4 {
font-weight: 600;
font-size: 18px;
line-height: 22px;
/* identical to box height */
color: #424750;
margin-bottom: 12px;
}
.details-section .card .card-details.single-card-details.row .col-md-2 p {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #424750;
margin-bottom: 0;
}
.details-section .card .card-details.single-card-details.row .col-md-2:before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #0592B1;box-shadow: 0px 4px 4px rgba(236, 236, 236, 0.25);}
@media(max-width: 1400px){
.select2-container {
min-width: 200px;
max-width: 200px;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu li:last-child a {
padding-right: 0;
min-width: 90px;
font-size: 12px;
}
.details-section .card .card-details.single-card-details.row .col-md-2 h4 {
font-size: 16px;
line-height: 22px;
margin-bottom: 8px;
}
.details-section .card .card-details.single-card-details.row .col-md-2 p {
font-size: 14px;
line-height: 19px;
}
}
table.dataTable {
margin: 0;
min-width: 100%;
}
.dataTables_scrollHeadInner {
min-width: 100%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background: transparent !important;
}
#email .select2-container .select2-selection--multiple .select2-selection__rendered li {
width: 100%;
}
#email .select2-container .select2-selection--multiple .select2-selection__rendered li input {
width: 100% !important;
position: relative;
padding: 0 !important;
}
#email .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
position: absolute;
right: 10px;
}
#email .select2-container--default .select2-selection--multiple {
background: #eaeaea !important;
border-radius: 5px !important;
max-width: 250px !important;
min-width: 250px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #F7F8F9 !important;
color: #0592B1 !important;
}
.details-section .card .custom-table td audio {
max-height: 32px;
max-width: 100%;
}
.details-section .card .custom-table td audio:hover,.details-section .card .custom-table td audio:focus {
outline: none;
}
textarea{
min-height: 100px !important;
}
#closedby_date{
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #808080;
padding-left: 5px;
}
label#new_password-error{
bottom: 0;
position: absolute;
}
label#password-error{
bottom: 0;
position: absolute;
}
.about-profile .about-row textarea.text {
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
color: #808080;
margin: 0;
}
.change-form .form-section label.error {
width: 100%;
margin: 7px 0 0 !important;
position: relative !important;
font-size: 11px !important;
}
.change-form .form-section .input-group {}
.change-form .form-section .input-group .input-group-addon {
position: absolute;
right: 15px;
top: 5px;
z-index: 10;
}
.change-form .form-section .input-group input.form-control.error {
padding-right: 30px;
}
select, select.custom-file-control, select.form-control{
cursor: pointer;
}
.card-block .create-card .card-body .flex-display input.form-control {
flex: 1;
}
.details-section .card .filter-section .filter-form .flex-display ul.dropdown.filter-menu:nth-child(1)::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
border-radius: 0px;
background-color: transparent;
}
.details-section .card .filter-section .filter-form .flex-display ul.dropdown.filter-menu:nth-child(1)::-webkit-scrollbar
{
width: 4px;
height: 4px;
background-color: transparent;
}
.details-section .card .filter-section .filter-form .flex-display ul.dropdown.filter-menu:nth-child(1)::-webkit-scrollbar-thumb
{
border-radius: 100px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.00);
background-color: #ddd;
}
.details-section .card .filter-section .filter-form .flex-display {
width: 100%;
}
label#closure_date-error {
bottom: 0;
width: 100%;
margin: 7px 0 0 !important;
position: relative !important;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img span {
/* display: flex;
align-items: center;
justify-content: center;
background: #F7F8F9;
border-radius: 100%; */
}
.viewport-wrapper .inner-wrapper .left-block .profile-img span h4 {
font-size: 28px;
font-weight: bold;
margin: 0;
}
textarea.form-control.valid {
line-height: 20px !important;
}
#accordionleft textarea{
background-image: none;
border-bottom: 1px solid #c5c5c5;
}
.form-control[readonly] {
background-color: white;
overflow: auto;
cursor: default !important;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu:nth-child(2) {
min-width: 120px;
height: 34px;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu:nth-child(1) {
flex-wrap: wrap;
justify-content: flex-start;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu:nth-child(1) li.nav-item {
margin-bottom: 12px!important;
padding-left: 0;
padding-right: 12px;
}
.details-section .card .filter-section .filter-form .flex-display {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex: 1;
}
.card-block .create-card .card-body .flex-display .flex-display {
margin-bottom: 0;
}
@media(max-width: 1281px){
.grid-wrapper .item .item-block .card-details .details-box .first-section p.text {
font-size: 10px;
line-height: 12px;
min-height: 24px;
}
.grid-wrapper .item .item-block .card-details .details-box .second-section p.text {
font-size: 10px;
line-height: 14px;
min-height: 28px;
}
.grid-wrapper .item .item-block .title-block .checkbox-block input[type="radio"]:checked + label {
font-size: 11px;
}
.grid-wrapper .item .item-block .title-block .checkbox-block input[type="radio"] + label {
font-size: 11px;
}
.grid-wrapper .item .item-block .filter-list li a {
font-size: 10px;
}
.grid-wrapper .item .item-block .filter-list li {
padding: 0 5px;
}
.grid-wrapper .item .item-block .filter-text p {
font-size: 10px;
}
.grid-wrapper .item .item-block .card-details .details-box .first-section.flex-row .inner-box {
padding: 0 12px;
}
.grid-wrapper .item .item-block .title-block h4 {
font-size: 12px;
}
.grid-wrapper .item .item-block .title-block .date-field .calender-block .form-control,.grid-wrapper .item .item-block .title-block .date-field .calender-block .form-control::placeholder {
font-size: 11px;
}
}
.card-block .card .flex-display .flex-content .flex-row .profile-box .profile-content .child .nav-link {
padding: 0 !important;
}
.card-block .create-card .card-body .flex-display .tox.tox-tinymce {
width: 100%;
}
.addcomment-section {
margin-left: 15px;
width: 100%;
}
.addchatcomment-section {
width: 100%;
}
.addcomment-section .contain {}
.addcomment-section .contain a img {
margin-right: 6px;
}
.addcomment-section .contain svg {
margin-right: 0;
}
.addcomment-section .flex-row.justify-start {}
.addcomment-section .flex-row.justify-start .left-pad {
width: 100%;
padding-left: 16px;
}
.addcomment-section .flex-row.justify-start .left-pad form {
margin: 0;
}
.addcomment-section .flex-row.justify-start .left-pad .text-field {
background: #F7F8F9;
padding: 12px 18px;
}
.addcomment-section .flex-row.justify-start .left-pad .button-block {
margin-top: 18px;
text-align: right;
}
.addcomment-section .flex-row.justify-start .left-pad .text-field p.text {
font-style: normal;
font-weight: 600;
font-size: 10px;
line-height: 17px;
color: #808080;
}
.addchatcomment-section .flex-row.justify-start .left-pad{
width:100%;
}
.addchatcomment-section .flex-row.justify-start .left-pad .text-field {
font-style: normal;
font-weight: 600;
font-size: 10px;
line-height: 17px;
background: #F7F8F9;
color: #808080;
padding: 12px 18px;
}
.addcomment-section .flex-row.justify-start .left-pad .text-field .bmd-form-group {
padding: 0;
}
.addcomment-section .flex-row.justify-start .left-pad .text-field .form-control {
margin-top: 10px;
padding: 0;
background-image: none;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #808080;
}
.addcomment-section .flex-row.justify-start .left-pad .button-block .btn.btn-transparent {
margin-left: 20px;
font-style: normal;
font-size: 10px;
line-height: 12px;
text-transform: capitalize;
background: #E44035;
border-radius: 100px;
padding: 8px 16px;
font-weight: 500;
text-align: center;
color: #FFFFFF !important;
border: 1px solid #E44035;
}
.addcomment-section .flex-row.justify-start .left-pad .text-field p.text img {
margin-right: 5px;
}
.addcomment-section .flex-row.justify-start .left-pad .text-field .form-control::placeholder {
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #808080;
}
.addcomment-section .flex-row.justify-start .left-pad .button-block .btn.btn-transparent svg {
margin-right: 6px;
}
.addcomment-section .flex-row.justify-start .left-pad .button-block .btn.btn-transparent:hover,.addcomment-section .flex-row.justify-start .left-pad .button-block .btn.btn-transparent:focus {
color: #FFFFFF !important;
}
/*view comment style 31-03-2021*/
.viewcomment-section {
width: 100%;
}
.viewcomment-section .viewcomment-show {}
.viewcomment-section .viewcomment-show .left-pad {
margin-left: 16px;
margin-bottom: 10px;
width: 100%;
background: transparent;
padding: 0 0 12px;
border-bottom: 1px solid #eaeaea;
}
.viewcomment-section .viewcomment-show .left-pad .text-field {
position: relative;
/*padding-top: 20px;*/
}
.viewcomment-section .viewcomment-show .left-pad .text-field .edit-comment svg {font-size: 13px;color: #808080;position: absolute;right: 0;top: 0px;}
.viewcomment-section .viewcomment-show .left-pad .text-field .confirm-comment svg {
position: absolute;
right: 0;
font-size: 14px;
color: #808080;
top: 5px;
}
.viewcomment-section .viewcomment-show .left-pad .text-field .comments {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #808080;
margin: 0;
}
.viewcomment-section .viewcomment-show .left-pad .text-field .bmd-form-group {
padding: 0;
}
.viewcomment-section .viewcomment-show .left-pad .text-field .form-control {
padding: 0;
background-image: none;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #808080;
}
.viewcomment-section .viewcomment-show .left-pad form {
margin: 0;
}
a#view-comment span.sub {
margin-left: 0;
position: relative;
top: -1px;
}
a#view-comment.show svg {
transition: all 0.3s ease;
transform: rotate(90deg);
}
a#view-comment svg {
transition: all 0.3s ease;
}
.flex-row.justify-start.viewcomment-show.show {
display: flex !important;
}
.flex-row.justify-start.addchatcomment-show.show {
display: flex !important;
}
a#view-comment.show svg,
a#view-comment.show span,
a#view-comment:hover svg,
a#view-comment:hover span{
color: #0592B1 !important;
}
a.view-comment span.sub {
margin-left: 0;
position: relative;
top: -1px;
}
a.view-comment.show svg {
transition: all 0.3s ease;
transform: rotate(90deg);
}
a.view-comment svg {
transition: all 0.3s ease;
}
.flex-row.justify-start.viewcomment-show.show {
display: flex !important;
}
a.view-comment.show svg,
a.view-comment.show span,
a.view-comment:hover svg,
a.view-comment:hover span{
color: #0592B1 !important;
}
.viewcomment-section .viewcomment-show .left-pad .text-field .comment-title {
padding-right: 30px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 5px;
}
.viewcomment-section .viewcomment-show .left-pad .text-field .comment-title p {
font-weight: 500;
font-size: 13px;
line-height: 20px;
color: #808080;
margin: 0;
margin-right: 5px;
}
.viewcomment-section .viewcomment-show .left-pad .text-field .comment-title span {}
.viewcomment-section .viewcomment-show .left-pad .text-field .comment-title span {
margin: 0 5px;
font-weight: normal;
font-size: 11px;
color: #808080;
}
.card-block .create-card .card-body .flex-display span.sub.sub1 + input {
margin-left: 10px;
}
.card-block .create-card .card-body .flex-display span.sub.sub1 {
min-width: 120px;
font-size: 12px;
}
.card-block .create-card .card-body .flex-display select#call_direction {
width: auto;
appearance: auto;
margin-left: 10px;
height: auto !important;
}
.position-relative {}
.position-sticky {position:sticky;}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .select-outcomes {
font-size: 14px;
line-height: 17px;
margin-left: 30px;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain > a {
font-size: 14px;
}
.card-block .create-card .card-body .flex-display span.sub.sub1 + .contain {
margin-left: 5px;
}
.card-block .create-card .card-body .flex-display span.sub.sub1 + .flex-display {
margin-left: 10px;
}
.addcomment-section .flex-row.justify-start .left-pad .button-block .btn.btn-transparent svg {
color: #fff;
}
.card-block .create-card .card-body .flex-display .contain select {
font-size: 14px;
line-height: 17px;
padding: 0 6px !important;
}
.card-block .create-card .card-body .flex-display .column-direction span.sub + .contain {
line-height: 17px;
}
.calender-block.calender-block1 input {
padding-left: 0 !important;
}
.select-outcomes {
font-size: 14px;
line-height: 17px;
color: #424750;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child a {
font-size: 12px;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child .sub {
font-size: 12px;
}
@media(max-width: 1300px){
.viewport-wrapper .inner-wrapper .left-block {
padding: 0 0px;
}
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child a{
padding:0 0px;
}
.card-block .create-card .card-body .flex-display input[type="file"] {
font-size: 12px;
padding-left: 12px;
}
.details-section .card .filter-section .filter-form .flex-display .filter-menu:nth-child(1) li.nav-item {
margin-top: 0 !important;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-header {
padding: 0 40px;
border-top: 1px solid #DADADA !important;
border-bottom: 1px solid #DADADA !important;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-header h5 {
display: flex;
align-items: center;
justify-content: space-between;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-header h5 .btn.btn-borderonly {
font-weight: 500;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-align: center;
color: #0592B1;
padding: 5px 10px;
border: 1px solid #0592B1;
border-radius: 50px;
text-transform: capitalize;
margin: 0;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-body {
padding: 0;
overflow-y: auto;
position: relative;
}
.viewport-wrapper .inner-wrapper .left-block.contact-leftblock .accordion-box .card .card-body {
/*max-height: calc(100vh - 345px) !important;
min-height: calc(100vh - 345px) !important;*/
}
.viewport-wrapper .inner-wrapper .left-block .profile-img p.stage {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #0592B1;
margin-bottom: 0;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img p.stage span {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #000000;
}
@media(min-width:1500px){
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-body {
}
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .about-row {
margin-left: 0;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box .card-header h5 button.edit_dependant.btn.btn-borderonly {
padding: 0;
border: none;
display: inline-block;
min-height: initial !important;
width: auto !important;
margin-left: 8px;
}
.about-profile .about-row .form-control {
background-image: none;
border-bottom: 1px solid #DADADA;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img .opportunity-block {
width: 100%;
margin: 0;
line-height: 17px;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img .opportunity-block .child {
justify-content: space-between !important;
margin-bottom: 0px !important;
padding-bottom: 0px !important;
border-bottom: 1px solid #DADADA;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img .opportunity-block .card-row.i-content {
margin: 0;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .card-row.i-content .child:last-child span.sub {
color: #0592B1;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock {}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block {
padding: 0 40px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block h4.text-value {
font-style: normal;
margin-bottom: 0;
font-weight: normal;
font-size: 12px;
line-height: 18px;
text-transform: capitalize;
color: #000000;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block h4.text-main {
font-weight: 500;
font-size: 24px;
line-height: 29px;
color: #000000;
margin-bottom: 8px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content {
margin-bottom: 6px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child {
width: 100%;
justify-content: space-between !important;
align-items: flex-end;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #DADADA;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-between {}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-row {
margin-bottom: 0;
border-bottom: none;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child span.sub {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #0592B1;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-row > div {
flex: 1;
display: flex;
flex-direction: column;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-row > div span.sub {
color: #000000;
display: block;
margin-bottom: 4px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child span.text {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #000000;
padding: 0;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-between span.value {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #424242;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-between > div {
flex: 1;
display: flex;
align-items: center;
padding-right: 10px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-row > div:last-child {
text-align: right;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .accordion-box .card .card-body {
/*max-height: calc(100vh - 350px) !important;
min-height: calc(100vh - 350px) !important;*/
}
.viewport-wrapper .inner-wrapper .left-block.account-leftblock .accordion-box .card .card-body {
/*max-height: calc(100vh - 328px) !important;
min-height: calc(100vh - 328px) !important;*/
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .position-relative .dropdown-menu.dropdown-menu-right {
min-width: 100% !important;
width: 100% !important;
max-width: 100% !important;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .position-relative .dropdown-menu.dropdown-menu-right span {
width: 100%;
padding: 0 !important;
display: inline-block;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .position-relative .dropdown-menu.dropdown-menu-right input[type="text"] {
line-height: 34px;
height: 34px;
color: #333;
font-size: 12px !important;
padding: 0 15px !important;
position: relative;
border: 1px solid #ececec;
background: #ececec !important;
border-radius: 5px !important;
margin-bottom: 14px !important;
width: 100%;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .position-relative .dropdown-menu.dropdown-menu-right span.menu-items a {
font-weight: normal !important;
font-size: 12px !important;
line-height: 14px !important;
color: #424750 !important;
margin-bottom: 14px;
padding: 0 !important;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .position-relative .dropdown-menu.dropdown-menu-right input[type="text"]::placeholder {
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #808080;
}
.viewport-wrapper .inner-wrapper .left-block .opportunity-block .position-relative .dropdown-menu.dropdown-menu-right input[type="text"]:focus,.viewport-wrapper .inner-wrapper .left-block .opportunity-block .position-relative .dropdown-menu.dropdown-menu-right input[type="text"]:hover {
border: 1px solid #ececec;
outline: none;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain p, .card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain span {
margin: 0;
font-weight: normal;
font-size: 12px;
line-height: 19px;
color: #999999;
max-height: 200px;
overflow-y: auto;
word-break: break-all;
display: inline-block;
width: 100%;
text-transform: initial;
}
.meeting-card.card {
background: #FFFFFF;
border: 1px solid #F1F1F1;
box-sizing: border-box;
box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.11);
border-radius: 4px;
padding: 0 !important;
}
.meeting-card.card .top-row {
background: #F9F9F9;
padding: 8px 16px;
/*line-height: 15px;*/
}
.meeting-card.card .top-row .contain span {
font-weight: 500;
font-size: 12px !important;
line-height: 15px;
color: #000000;
}
.meeting-card.card .card-title {
padding: 8px 16px;
}
.meeting-card .card-title p.text, .meeting-card .card-title.edit-content p,.meeting-card .card-title p.text, .meeting-card .card-title.edit-content span {
font-weight: normal !important;
font-size: 13px !important;
line-height: 19px !important;
/* identical to box height */
color: #444444 !important;
margin: 0 !important;
max-height: 200px;
overflow-y: auto;
}
.meeting-card .meeting-list {
padding: 5px 16px;
border-top: 1px solid rgba(182, 182, 182, 0.2);
border-bottom: 1px solid rgba(182, 182, 182, 0.2);
}
.meeting-card .meeting-list span.sub {
font-weight: normal !important;
font-size: 12px !important;
line-height: 1.5em !important;
/* identical to box height */
text-transform: capitalize !important;
color: #000000 !important;
}
.meeting-card .meeting-list .contain span,.meeting-card .meeting-list .contain a {
font-weight: normal !important;
font-size: 12px !important;
line-height: 1.5em !important;
/* identical to box height */
color: #0592B1 !important;
text-transform: capitalize;
padding: 0;
}
a.nav-link {}
.meeting-card .meeting-list .contain a {
color: #B6B6B6 !important;
}
.meeting-card .description-box {
padding: 8px 16px;
}
.meeting-card .description-box .contain p {}
.meeting-card .meeting-list .column-direction {
margin-right: 20px !important;
}
.meeting-card.card .top-row a {
font-size: 12px;
line-height: 15px;
/* identical to box height */
display: flex;
align-items: center;
text-align: right;
color: #62A087;
}
.meeting-card.card .top-row .contain {
margin-right: 30px;
}
.meeting-card.card .flex-content {
padding: 0 !important;
}
.meeting-card.card .flex-content .calender-block input {
padding: 0 !important;
font-weight: 500;
font-size: 12px !important;
line-height: 15px;
color: #555555 !important;
max-width: 100px !important;
}
.meeting-card.card .flex-content .flex-row {
margin-bottom: 0 !important;
}
.meeting-card.card .flex-content .flex-row .column-direction {
display: flex;
align-items: center;
margin-bottom: 0 !important;
}
.meeting-card.card .flex-content .flex-row .column-direction span.sub {
margin-right: 8px;
flex-shrink: 0;
}
.meeting-createcard {}
.meeting-createcard .card-header {
min-height: 40px !important;
}
.meeting-createcard .card-header p.heading {
font-size: 14px !important;
line-height: 17px !important;
}
.meeting-createcard .card-header .close img,.meeting-createcard .card-header .expand img {
width: 18px;
}
.meeting-createcard .card-body {
padding: 16px !important;
}
.meeting-createcard .card-header .save span {
position: relative;
display: inline-block;
width: 18px;
height: 18px;
border: 1px solid #fff;
border-radius: 100%;
top: 1px;
}
.meeting-createcard .card-header .save {
background: transparent;
border: none;
box-shadow: none;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin-left: 16px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
text-align: right;
color: #0592B1;
text-shadow: none;
cursor: pointer;
}
.meeting-createcard .card-header .save span:before {content: "";position: absolute;width: 9px;height: 5px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(-45deg);top: 4px;left: 4px;}
.meeting-createcard .card-body .form-fullblock {
display: flex;
flex-direction: column;
align-items: flex-start !important;
justify-content: flex-start !important;
}
.meeting-createcard .card-body .form-fullblock span.sub {
font-weight: normal !important;
font-size: 12px !important;
line-height: 15px !important;
/* identical to box height */
text-transform: capitalize;
/* Label */
color: #808080 !important;
margin-bottom: 4px;
}
.meeting-createcard .card-body input, .meeting-createcard .card-body select,.meeting-createcard .card-body a.nav-link {
font-weight: normal !important;
font-size: 13px !important;
line-height: 30px !important;
border: 1px solid #e7e7e7 !important;
border-radius: 4px !important;
padding: 0 10px !important;
display: flex !important;
align-items: center;
justify-content: space-between;
padding-right: 5px !important;
}
.meeting-createcard .card-body .form-fullblock textarea {
height: 120px !important;
min-height: 60px !important;
font-weight: normal !important;
font-size: 13px !important;
line-height: 17px !important;
border: 1px solid #e7e7e7 !important;
border-radius: 4px !important;
padding: 10px !important;
}
.meeting-createcard .card-body .form-fullblock .tox-tinymce {
max-height: 140px;
}
.meeting-createcard .card-body input::placeholder {
line-height: 30px;
color: #999 !important;
font-weight: normal !important;
font-size: 13px !important;
}
.meeting-createcard .card-body .flex-display {
margin-bottom: 16px !important;
}
.meeting-createcard .flex-display.form-halfblock {
margin: 0 -15px;
}
.meeting-createcard .flex-display.form-halfblock .column-direction {
flex: 1;
padding: 0 15px;
margin: 0 !important;
display: flex;
align-items: center;
justify-content: space-between;
}
.meeting-createcard .flex-display.form-halfblock .column-direction .flex-display {
margin: 0 !important;
flex: 1;
display: flex;
align-items: stretch;
justify-content: stretch;
}
.meeting-createcard .flex-display.form-halfblock .column-direction .contain input select {
width: 100% !important;
}
.meeting-createcard .flex-display.form-halfblock input, .meeting-createcard .flex-display.form-halfblock select {
width: 100% !important;
max-width: 100% !important;
appearance: auto;
height: 32px;
}
.meeting-createcard .flex-display.form-halfblock .column-direction .dropdown-box {width: 100%;}
.meeting-createcard .flex-display.form-halfblock .column-direction .flex-display .contain.cust-dropdown-div {
width: 100%;
}
.meeting-createcard .flex-display.form-halfblock .column-direction .flex-display a.nav-link {
width: 100%;
display: inline-block;
}
.meeting-createcard .flex-display.form-halfblock .column-direction .flex-display .contain {
width: 100% !important;
}
.meeting-createcard .card-header .close,.meeting-createcard .card-header .expand {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
display: flex;
align-items: center;
text-align: right;
color: #B6B6B6;
text-shadow: none;
margin-left: 16px;
}
.meeting-createcard .dropdown-menu.search-drop {}
.meeting-createcard .dropdown-menu.search-drop a {
padding: 12px 15px !important;
}
.meeting-createcard .dropdown-menu.search-drop a span.main {
font-size: 12px !important;
line-height: 15px !important;
margin: 0;
position: relative;
top: 2px;
}
.meeting-createcard .card-body .form-fullblock textarea::placeholder {
font-size: 13px !important;
line-height: 17px !important;
}
.card-block .create-card .card-body .flex-display .column-direction span.sub {
flex: 0 0 100px;
min-width: 100px;
}
.meeting-createcard .card-body .form-fullblock span.bmd-form-group {
width: 100%;
}
.meeting-createcard .card-body .flex-display:last-child {
margin-bottom: 0 !important;
}
.meeting-card.card form.form {
margin: 0;
}
.meeting-card.card .flex-content .flex-row.edit-content {
display: flex;
flex-direction: column !important;
align-items: flex-start !important;
}
.meeting-card.card .flex-content .flex-row.edit-content .noteform {}
.meeting-card.card .flex-content .flex-row.edit-content .noteform textarea {
height: 60px !important;
min-height: 60px !important;
font-size: 13px !important;
line-height: 16px !important;
}
.meeting-card.card .flex-content .flex-row.edit-content .noteform {
padding: 0px 0 0;
width: 100%;
}
.meeting-card.card form.form .footer-row {
justify-content: flex-end;
padding: 0 16px 0px;
}
.meeting-card.card form.form .footer-row .save {
background: transparent;
border: none;
box-shadow: none;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
text-align: right;
color: #62A087;
text-shadow: none;
cursor: pointer;
margin-bottom: 10px;
}
.meeting-card.card form.form .footer-row .close {
background: transparent;
border: none;
box-shadow: none;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
text-align: right;
color: #B6B6B6;
text-shadow: none;
cursor: pointer;
opacity: 1;
margin-bottom: 10px;
}
.meeting-card .description-box a.more-link {
margin: 0;
font-weight: normal !important;
font-size: 12px !important;
line-height: 18px !important;
color: #999999 !important;
}
.meeting-card .meeting-list audio {
max-height: 22px !important;
max-width: 210px;
position: relative;
top: 2px;
}
.viewport-wrapper .inner-wrapper .left-block .profile-img .opportunity-block .child svg {
font-size: 15px;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink {
max-height: calc(100vh - 50px);
display: flex;
flex-direction: column;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .accordion-box.accr-content {
overflow-y: auto;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .profile-img {
flex-shrink: 0;
}
.viewport-wrapper .inner-wrapper .left-block .accordion-box.accr-title {
flex-shrink: 0;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .action-box {flex-shrink: 0;}
.meeting-createcard .card-body input[type="checkbox"] {
display: none !important;
}
.meeting-createcard .dropdown-menu.search-drop a label {
font-size: 12px !important;
line-height: 15px !important;
position: relative;
}
.meeting-createcard .card-header > svg {
display: none;
}
.meeting-card .meeting-list .contain select {
font-weight: normal !important;
font-size: 12px !important;
line-height: 15px !important;
color: #0592B1 !important;
text-transform: capitalize;
-webkit-appearance: menulist;
border: none;
}
.meeting-card.card .flex-content .flex-row span.icon {
position: relative;
line-height: 1.5em !important;
display: inline-block;
margin-right: 6px;
position: relative;
top: -2px;
}
.meeting-card.card .top-row .contain span.icon {
margin-right: 3px;
}
.meeting-card.card .bottom-row {
background: #F9F9F9;
padding: 4px 16px;
}
.meeting-card.card .bottom-row span.sub {
font-weight: normal !important;
font-size: 10px !important;
line-height: 12px !important;
text-transform: capitalize !important;
/* Label */
color: #000000 !important;
}
.meeting-card.card .bottom-row .contain span {
font-weight: normal !important;
font-size: 10px !important;
line-height: 12px !important;
text-transform: capitalize !important;
/* 12 Filled form */
color: #000000 !important;
}
.meeting-card.card .bottom-row .column-direction {
line-height: 12px;
}
.meeting-card.card .bottom-row span.date,.meeting-card.card .bottom-row span.time {
font-weight: normal;
font-size: 10px;
line-height: 12px;
display: flex;
align-items: center;
/* 12 Filled form */
color: #000000;
}
#createnotes-card .card-body textarea {
min-height: 200px !important;
}
.meeting-card .top-row .tag {
font-weight: normal;
font-size: 10px !important;
line-height: 12px !important;
display: flex !important;
align-items: center !important;
color: #555555 !important;
padding: 4px 8px;
border-radius: 4px;
background: #DA6969;
}
.meeting-card .top-row .tag.tag.btn-red,.meeting-card .top-row .tag.tag.btn-red:hover {background: #DA6969 !important;color: #fff !important;}
.card-block .card .flex-display .flex-content .flex-row a.tag:hover, .card-block .card .flex-display .flex-content .flex-row a.tag:focus {
color: #fff !important;
}
.meeting-card .top-row .tag.btn-green {
background: #60B072 !important;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain span p::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
border-radius: 0px;
background-color: transparent;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain span p::-webkit-scrollbar
{
width: 8px;
height: 8px;
background-color: transparent;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain span p::-webkit-scrollbar-thumb
{
border-radius: 100px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.00);
background-color: #ddd;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain span::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
border-radius: 0px;
background-color: transparent;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain span::-webkit-scrollbar
{
width: 8px;
height: 8px;
background-color: transparent;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction .flex-display .contain span::-webkit-scrollbar-thumb
{
border-radius: 100px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.00);
background-color: #ddd;
}
.meeting-card .meeting-list .column-direction > .flex-display {
line-height: 15px;
}
.meeting-card.card .flex-content .flex-row .contain audio {
max-height: 26px !important;
display: block;
}
.meeting-card .top-row .tag.btn-grey {
background: #ccc;
}
.meeting-createcard .card-body .form-fullblock .sub,.meeting-createcard .card-body .form-halfblock .sub {
direction: rtl;
}
.meeting-createcard .card-body .form-fullblock .sub span, .meeting-createcard .card-body .form-halfblock .sub span {
margin-right: 2px;
}
.meeting-card.card .flex-content .flex-row > a {
font-weight: normal !important;
font-size: 12px !important;
line-height: 1.5em !important;
/* identical to box height */
text-transform: capitalize;
color: #000000 !important;
}
.meeting-card.card .flex-content .flex-row.thread-parent{
padding: 0px 16px;
}
.meeting-createcard .flex-display.form-halfblock input[type="file"] {
border: none !important;
padding: 0 !important;
height: auto !important;
}
.meeting-createcard .flex-display.form-halfblock input[type="file"]::placeholder {
font-size: 12px !important;
line-height: 32px !important;
padding: 0 !important;
}
.meeting-createcard .card-body .flex-display.m-0 {
margin: 0 -15px !important;
}
.meeting-createcard .card-body .flex-display.m-0 > .column-direction {
margin-bottom: 16px !important;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child > div:first-child {
text-align: left !important;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .child.flex-row .position-relative {
line-height: 15px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .line-divider {
background: rgba(196, 196, 196, 0.4);
height: 1px;
display: block;
width: 100%;
margin: 4px 0 10px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .right-drop.show {}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .right-drop .dropdown-menu {
left: auto !important;
right: 0 !important;
padding: 6px 15px!important;
min-width: 120px;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content .right-drop .dropdown-menu a {
padding: 8px 0 !important;
font-size: 12px !important;
font-weight: normal;
line-height: 18px;
/* identical to box height, or 150% */
text-transform: capitalize;
/* Label */
color: #000000;
}
.edit-modal .modal-dialog.modal-full-height {
width: 100%;
}
.custom-modal.edit-modal {
left: auto !important;
width: 25%;
top: 50px;
height: calc(100vh - 50px);
overflow: hidden;
}
.edit-modal .modal-dialog.modal-full-height .modal-content {}
.edit-modal .modal-dialog.modal-full-height .modal-content form {
display: flex;
flex-direction: column;
}
.edit-modal .modal-dialog.modal-full-height .modal-content .modal-header {
min-height: 48px !important;
padding: 0 20px;
}
.edit-modal .modal-dialog.modal-full-height .modal-content .modal-header p.heading.lead {
flex: 1;
font-size: 14px !important;
line-height: 17px !important;
}
.edit-modal .modal-dialog.modal-full-height .modal-content .modal-header .close {
font-weight: normal;
font-size: 12px;
line-height: 15px;
display: flex;
align-items: center;
text-align: right;
color: #B6B6B6;
text-shadow: none;
margin-left: 16px;
background: transparent !important;
padding: 0 !important;
border: none !important;
position: relative;
right: 0 !important;
}
.edit-modal .modal-dialog.modal-full-height .modal-content .modal-header .clear {
font-weight: normal;
font-size: 12px;
line-height: 15px;
display: flex;
align-items: center;
text-align: right;
color: #B6B6B6;
text-shadow: none;
margin-left: 16px;
}
.edit-modal .modal-dialog.modal-full-height .modal-content .modal-header .save {
font-weight: normal;
font-size: 12px;
line-height: 15px;
display: flex;
align-items: center;
text-align: right;
color: #0592B1;
text-shadow: none;
margin-left: 16px;
background: transparent !important;
padding: 0 !important;
border: none !important;
}
.edit-modal .modal-body .edit_navigation {
flex-shrink: 0;
padding: 0 20px;
margin-bottom: 0px;
}
.edit-modal .modal-body .edit-formfield {
overflow-y: auto;
padding: 0 20px;
}
edit-formfield a.edit_navigation__link {}
edit-formfield a.edit_navigation__link.active {}
.edit-modal .modal-body .edit_navigation a.edit_navigation__link {
flex: 1;
text-align: center;
position: relative;
font-weight: normal;
font-size: 13px;
line-height: 16px;
color: #000000;
text-decoration: none !important;
}
.edit-modal .modal-body .edit_navigation a.edit_navigation__link.active {}
.edit-modal .modal-body .edit_navigation {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 20px;
border-bottom: 1px solid rgba(153, 153, 153, 0.25);
}
.edit-modal .modal-body .edit_navigation a.edit_navigation__link:before {content: "";position: absolute;background: #0592B1;width: 100%;height: 1px;bottom: -8px;left: 0;transform-origin: center;transform: scale(0);transition: all 0.3s ease;}
.edit-modal .modal-body .edit_navigation a.edit_navigation__link.active:before {
transform-origin: center;
transform: scale(1);
transition: all 0.3s ease;
}
.edit-modal .modal-body .edit-formfield .form-section {
margin-bottom: 4px !important;
}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock {
margin-top: 12px !important;
}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock {
display: flex;
align-items: center;
justify-content: space-between;
}
.edit-modal .modal-body .edit-formfield .form-section label.control-label {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
/* Label */
color: #000000;
margin-bottom: 4px;
}
.edit-modal .modal-body .edit-formfield .form-section .form-control {
border: 1px solid #E1E1E1;
background: transparent;
height: 30px;
font-size: 13px !important;
line-height: 1.5em !important;
}
.edit-modal .modal-body .edit-formfield .form-section .form-control::placeholder {
font-size: 13px;
line-height: 2.5em !important;
color: #B6B6B6 !important;
}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock label.control-label {
margin: 0;
flex: 0 0 110px;
}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock span.bmd-form-group {
flex: 1;
}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock .form-control {
flex: 1;
appearance: auto;
}
.edit-modal .modal-body .edit-formfield .form-section p.sub-head {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
text-align: center;
/* Green */
color: #0592B1;
margin: 0;
display: inline-block;
}
.edit-modal .modal-body .edit-formfield .form-section .position-relative {
background: transparent !important;
}
.edit-modal .modal-body .edit-formfield .form-section .position-relative label {
margin: 0;
font-weight: normal;
font-size: 12px;
line-height: 18px;
/* identical to box height, or 150% */
text-transform: capitalize;
/* 12 Placeholder text */
color: #000000;
position: relative;
top: -2px;
cursor: pointer;
}
.viewport-wrapper .inner-wrapper .left-block.oppurtunity-leftblock .opportunity-block .card-row.i-content.m-0 .child.flex-row {padding-bottom: 4px;}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .title-shrink {
flex-shrink: 0;
width: 100%;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .content-shrink {
overflow-y: auto;
width: 100%;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal {}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .modal-body {
padding: 0;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .edit_navigation {
border-top: 1px solid rgba(153, 153, 153, 0.25);
padding: 10px 40px;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .edit_navigation a.edit_navigation__link {
text-align: initial;
flex: initial;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .edit_navigation a.edit_navigation__link:before {
bottom: -10px;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .modal-body .edit-formfield {
padding: 0 40px 8px;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .modal-body .edit-formfield .form-section {
margin-bottom: 8px !important;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .modal-body .edit-formfield .form-section label.control-label {
font-weight: normal;
font-size: 12px;
line-height: 18px;
/* identical to box height, or 150% */
/* Label */
color: #000000;
margin-bottom: 0 !important;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .modal-body .edit-formfield .form-section p.text {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
/* 12 Filled form */
color: #000000;
}
.meeting-createcard .card-body .form-fullblock input[type="file"] {
border: none !important;
padding: 0 !important;
}
.card-block .card .flex-display .flex-content .flex-row a.tag.btn-grey:hover, .card-block .card .flex-display .flex-content .flex-row a.tag.btn-grey:focus {
color: #555 !important;
}
.meeting-card.card .flex-display .flex-content .flex-row a.more-link {
font-weight: normal !important;
font-size: 12px !important;
line-height: 15px !important;
/* identical to box height */
color: #0592B1 !important;
}
.meeting-card.card .flex-display .flex-content .flex-row a.more-link img {
margin-right: 5px;
}
header#header nav ul.navbar-nav.dropdown li.nav-item.addnew-drop .dropdown-menu {
left: auto !important;
right: 0 !important;
min-width: 200px;
top: calc(100% + 10px);
}
header#header nav ul.navbar-nav.dropdown li.nav-item.addnew-drop .dropdown-menu a img {
margin-right: 4px;
}
header#header nav ul.navbar-nav.dropdown.main-menu li a.nav-link:before {
position: absolute;
bottom: -8px;
width: calc(100% - 24px);
height: 1px;
left: 12px;
background: #0592B1;
content: "";
transition: all 0.3s ease;
transform: scale(0);
transform-origin: center;
}
.edit-modal .modal-body .edit-formfield.edit-document {
padding: 12px 20px;
}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock.m-0 {
margin-bottom: 8px !important;
}
.add_document {}
.add_document input {
display: none;
}
.add_document label {
cursor: pointer;
}
.edit-modal .modal-body .edit-formfield .form-section label.control-label.display-label {
color: #0592B1;
flex: 1 !important;
max-width: 100%;
word-break: break-all;
padding-right: 16px;
}
.login-wrapper .box .body-content h4 {
font-weight: bold;
font-size: 18px;
line-height: 22px;
/* identical to box height */
display: flex;
align-items: center;
color: #333333;
margin-bottom: 4px;
}
.login-wrapper .box .body-content p {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
color: #999999;
margin-bottom: 24px;
}
.login-wrapper .box .body-content .form-section:last-child {
margin-bottom: 0;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
font-size: 12px !important;
padding-top: 0;
}
.dataTables_wrapper > .top {
display: flex;
justify-content: space-between;
align-items: center;
}
/*html,body{
overflow: hidden;
}*/
.about-row.password-form p.link-text {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
display: flex;
align-items: center;
/* Label */
color: #0592B1;
margin: 0;
padding-bottom: 0;
}
.about-row.password-form {
display: flex;
align-items: center;
justify-content: space-between;
/* border-bottom: 1px solid rgba(196, 196, 196, 0.5); */
padding: 0px 20px;
flex-wrap: wrap;
}
.about-row.password-form .change-form {
width: 100%;
}
.about-row.password-form .change-form .form-section {}
.change-form .about-row.flex-end {
margin: 0 !important;
padding-bottom: 8px;
}
.change-form .about-row.flex-end .cancel {
font-size: 12px;
line-height: 16px;
color: #555;
background: transparent;
border: none;
padding: 0 !important;
text-decoration: none;
}
.change-form .about-row.flex-end .save {
font-size: 12px;
line-height: 16px;
color: #0592B1;
background: transparent;
border: none;
padding: 0 !important;
margin-left: 16px;
}
.viewport-wrapper.agent-wrapper .inner-wrapper {
overflow-y: auto;
}
.signature-box {
/* border-bottom: 1px solid rgba(196, 196, 196, 0.5); */
padding-bottom: 4px;
}
.signature-box p {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
/* Label */
color: #999;
margin-bottom: 8px;
}
.viewport-wrapper.agent-wrapper .inner-wrapper .left-block .about-row:last-child {
padding-top: 8px;
border-top: 1px solid rgba(196, 196, 196, 0.5);
}
.viewport-wrapper.agent-wrapper .inner-wrapper .left-block .about-row:last-child p.text a {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
display: flex;
align-items: center;
/* Label */
color: #555555 !important;
margin-bottom: 8px;
}
.viewport-wrapper.agent-wrapper .inner-wrapper .left-block .about-row:last-child .link.logout {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
display: flex;
align-items: center;
/* Green */
color: #0592B1 !important;
}
.about-row.password-form .change-form .form-section.b-top {
/*border-top: 1px solid rgba(196, 196, 196, 0.5);*/
padding-top: 4px;
}
.agent-wrapper a.close img {width: 19px;}
.agent-wrapper a.close {
height: 19px;
width: 19px;
opacity: 1;
position: relative;
/*top: -3px;*/
margin-right: 12px;
}
.about-row.password-form .link {
color: #0592B1 !important;
text-decoration: none;
}
.required::after {
content: '*';
font-size: .8em;
color: #F74B5C;
}
.viewport-wrapper .inner-wrapper .center-block .tab-content {}
.viewport-wrapper .inner-wrapper .center-block .tab-content .tab-pane {
flex-direction: column;
height: calc(100vh - 116px);
}
.viewport-wrapper .inner-wrapper .center-block .tab-content .tab-pane.active {
display: flex;
}
.viewport-wrapper .inner-wrapper .center-block .tab-content .tab-pane .top-block.flex-end {
flex-shrink: 0;
}
.card-block.no-dataview {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.card-block.no-dataview .dataview-wrap {
text-align: center;
}
.card-block.no-dataview .dataview-wrap .img-box {
margin-bottom: 28px;
}
.card-block.no-dataview .dataview-wrap p.text {
font-weight: 500;
font-size: 16px;
line-height: 19px;
/* Label */
color: #555555;
margin-bottom: 14px;
}
.card-block.no-dataview .dataview-wrap p.sub {
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
text-align: center;
/* Label */
color: #555555;
margin: 0;
}
a:link {
text-decoration: none !important;
}
.meeting-createcard .card-body .form-fullblock .form-control {
height: auto;
}
.meeting-createcard .flex-display.form-halfblock .column-direction .flex-display.flex-between {
justify-content: space-between;
flex-wrap: nowrap;
}
.meeting-createcard .flex-display.form-halfblock .column-direction .flex-display.flex-between span.links {
display: flex;
align-items: center;
}
.meeting-createcard .card-body .form-fullblock.tiny-width .tox-tinymce {
max-height: 300px !important;
}
.meeting-card.card .flex-content .flex-row .contain p.text {
font-size: 12px !important;
color: #999999 !important;
}
.meeting-card.card .flex-content .flex-row .contain {
line-height: 11px !important;
}
.meeting-card.card .flex-content .flex-row.account-list {
border: none;
}
.meeting-card.card .flex-content .flex-row.account-list .column-direction {
width: 100%;
}
.meeting-card.card .flex-content .flex-row.account-list .column-direction .flex-display {}
.meeting-card.card .flex-content .flex-row.account-list .column-direction .flex-display .contain {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
}
.meeting-card.card .flex-content .flex-row.account-list .column-direction .flex-display .contain span.sub {
color: #999999 !important;
}
.meeting-card.card .flex-content .flex-row.account-list .column-direction .flex-display .contain span.text {
color: #555555 !important;
}
.meeting-card.card .flex-content .flex-row.account-list .column-direction .flex-display .contain span {
width: auto;
margin-right: 8px;
color: #0592B1 !important;
}
.meeting-card.card .flex-content .flex-row.p-bottom {
margin-bottom: 8px !important;
}
.meeting-card.card .flex-content .flex-row.p-top {
margin-top: 8px !important;
}
li.nav-item.addnew-drop img {
width: 24px;
position: relative;
top: -1px;
}
.agent-wrapper .about-profile .about-row {
padding: 0 20px;
}
.about-row.password-form .change-form .about-row.flex-end {
justify-content: flex-start;
padding: 0;
margin-bottom: 8px !important;
}
.about-row.password-form .change-form .about-row {}
.about-row.password-form .change-form .about-row.flex-end label.control-label {
flex: 1;
margin-bottom: 0;
}
.about-row.password-form .change-form .form-section {}
.about-row.password-form .change-form .form-section input.form-control::placeholder {
font-size: 13px;
}
.change-form .form-section .input-group .input-group-addon a svg {
color: #555;
}
.agent-wrapper .about-profile .about-row.sign-form.password-form {
border-top: 1px solid rgba(196, 196, 196, 0.5);
padding: 8px 20px 0;
}
.agent-wrapper .about-profile .about-row.tracking {}
.agent-wrapper .about-profile .about-row.tracking p {
display: flex;
align-items: center;
justify-content: space-between;
}
.agent-wrapper .about-profile .about-row.tracking p span {}
.agent-wrapper .about-profile .about-row.tracking p a {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
display: flex;
align-items: center;
text-align: right;
color: #555555;
}
.about-profile .about-row #seeless, .about-profile .about-row #seemore {
color: #0592B1 !important;
}
.about-profile .about-row .link.arrow-up svg {
transform: rotate(180deg);
}
.meeting-card.card .flex-content .flex-row.time-list {}
.meeting-card.card .flex-content .flex-row.time-list .contain {
display: flex;
align-items: center;
}
.meeting-card.card .flex-content .flex-row.time-list .contain span {
width: auto !important;
display: inline-block !important;
color: #000000 !important;
}
.meeting-card.card .flex-content .flex-row.time-list .contain span.icon {
margin-right: 8px !important;
display: inline-block;
}
.addnew-drop .dropdown-menu a span.icon {
margin-right: 8px;
}
.addnew-drop .dropdown-menu a span.country {
font-weight: normal;
font-size: 12px;
line-height: 18px;
/* identical to box height, or 150% */
text-transform: capitalize;
/* Green */
color: #0592B1;
}
.addnew-drop .dropdown-menu a span.time {
font-weight: normal;
font-size: 12px;
line-height: 18px;
/* identical to box height, or 150% */
/* Label */
color: #555555;
margin-right: 8px;
}
.addnew-drop .dropdown-menu a span.day {
font-weight: normal;
font-size: 12px;
line-height: 18px;
/* identical to box height, or 150% */
text-transform: capitalize;
color: #999999;
margin-right: 8px;
}
li.nav-item.addnew-drop.timezone-drop {}
li.nav-item.addnew-drop.timezone-drop .dropdown-menu {
min-width: 275px !important;
}
li.nav-item.addnew-drop.timezone-drop .dropdown-menu span.icon img {
width: 20px;
}
li.nav-item.addnew-drop .dropdown-menu {
min-width: 220px !important;
}
.agent-wrapper .about-profile .about-row.tracking p a:hover,.agent-wrapper .about-profile .about-row.tracking p a:focus {
color: #0592B1 !important;
}
.agent-wrapper .about-profile .about-row.tracking p a.no-hover:hover,.agent-wrapper .about-profile .about-row.tracking p a.no-hover:focus{
color: #555 !important;
}
.login-wrapper .box .body-content .form-section .btn.btn-primary.btn-olive { background: #000; }
header#header nav ul.navbar-nav li a.nav-link.nav-disabled {
color: #b4b4b4 !important;
pointer-events: none;
}
.card-block .card .flex-display .flex-content .flex-row.edit-content pre {
white-space: break-spaces;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu {
min-width: 225px;
}
.edit-modal .modal-body .edit-formfield .form-section select {
appearance: auto;
}
@media (max-width: 1440px){
.transform: op-block.m-100 {
margin-bottom: 32px !important;
}
}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock + .error {}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock + .error .error {
text-align: right;
width: 100%;
margin: 0;
font-size: 12px;
}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock .suggestions ul {
margin: 0;
}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock + .error {}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock + .error .error,
#lead_form .error,
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock .form-control + .error,
.edit-modal .modal-body .edit-formfield .form-section .form-control + .error {
font-size: 11px !important;
margin: 3px 0;
}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock .input-group .form-control {width: 100%;}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock .input-group span.input-group-text {
padding: 0;
}
.edit-modal .modal-body .edit-formfield .form-section label.control-label input[type="checkbox"] {
position: relative;
top: 2px;
margin-right: 4px;
}
#lead_form .error{
font-size: 11px !important;
}
@media(max-width: 991px){
.navbar-dark .navbar-toggler {
position: relative;
padding: 0;
height: 20px;
width: 1.2em;
top: -1px;
transition: all 0.2s ease;
}
.navbar-dark .navbar-toggler.collapsed {
transition: all 0.2s ease;
}
.navbar-dark .navbar-toggler:before {content: "";position: absolute;top: 10px;left: 0;width: 1.2em;height: 2px;background: #000;transition: all 0.2s ease;transform: rotate(45deg);}
.navbar-dark .navbar-toggler:after {content: "";position: absolute;bottom: 6px;left: 0;width: 1.2em;height: 2px;background: #000;transition: all 0.2s ease;transform: rotate(
-45deg
);}
.navbar-dark .navbar-toggler span.navbar-toggler-icon {
position: absolute;
top: 8px;
background: #000;
height: 2px;
width: 1.2em;
left: 0;
transition: all 0.2s ease;
opacity: 0;
}
.navbar-dark .navbar-toggler.collapsed:before {
top: 0;
left: 0;
width: 1.2em;
height: 2px;
background: #000;
transition: all 0.2s ease;
transform: rotate(0deg);
}
.navbar-dark .navbar-toggler.collapsed:after {
position: absolute;
bottom: 0;
left: 0;
width: 1.2em;
height: 2px;
background: #000;
transition: all 0.2s ease;
transform: rotate(0deg);
}
.navbar-dark .navbar-toggler.collapsed span.navbar-toggler-icon {
position: absolute;
top: 8px;
background: #000;
height: 2px;
width: 1.2em;
left: 0;
transition: all 0.2s ease;
opacity: 1;
}
.navbar-collapse {
position: absolute;
top: calc(100% + 5px);
width: 33.3vw;
right: -20px;
background: #fff;
padding: 10px 20px;
background: #FFFFFF;
box-shadow: 0px 4px 12px rgb(0 0 0 / 12%);
border-radius: 5px;
}
.navbar-collapse ul.navbar-nav.dropdown.main-menu {
padding: 0 !important;
display: block !important;
}
.navbar-collapse ul.navbar-nav.dropdown.main-menu li.nav-item {
display: inline-block !important;
width: 100%;
}
.navbar-collapse ul.navbar-nav.dropdown.main-menu li.nav-item a.nav-link {
display: inline-block !important;
padding: 15px 0 !important;
}
header#header nav ul.navbar-nav.dropdown li.nav-item {justify-content: flex-start !important;}
header#header nav ul.navbar-nav.dropdown.main-menu + ul.navbar-nav.dropdown {
margin-top: 20px !important;
}
header#header nav ul.navbar-nav.dropdown li.nav-item .dropdown-menu {
background: transparent !important;
box-shadow: none !important;
}
.swal2-title {
font-size: 24px !important;
}
}
.top .dataTables_info {
order: 2;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table {
margin-top: 0;
}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock .select2-container {
width: 100% !important;
min-width: 100%;
}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock .select2-container span.select2-selection.select2-selection--multiple {
border: 1px solid #E1E1E1 !important;
background: transparent !important;
/*min-height: 45px !important;*/
line-height: 30px !important;
height: auto !important;
}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock .select2-container span.select2-selection.select2-selection--multiple span.select2-search.select2-search--inline {
line-height: 30px !important;
height: 30px !important;
width: 100%;
}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock .select2-container span.select2-selection.select2-selection--multiple span.select2-search.select2-search--inline input.select2-search__field {
height: 30px !important;
line-height: 30px !important;
font-size: 12px !important;
position: relative !important;
top: -2px;
}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock .select2-container span.select2-selection.select2-selection--multiple span.select2-search.select2-search--inline input.select2-search__field::placeholder {
line-height: 30px !important;
height: 30px !important;
font-size: 12px !important;
}
.edit-modal .modal-body .edit-formfield .form-section .position-relative .closeDate {
position: absolute;
right: 12px !important;
left: auto !important;
top: 8px;
z-index: 4;
}
.edit-modal .modal-body .edit-formfield .form-section .position-sticky.position-relative {
display: flex;
width: 100%;
}
.edit-modal .modal-body .edit-formfield .form-section .position-sticky.position-relative span.bmd-form-group {
position: relative;
z-index: 1;
width: 100%;
}
.custom-modal.edit-modal.filter-modal .edit-formfield {
padding: 0 20px;
}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock .select2-container span.select2-selection.select2-selection--multiple button.select2-selection__clear {
margin-top: 3px !important;
margin-right: 0;
}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock .select2-container span.select2-selection.select2-selection--multiple .select2-selection__rendered li {
height: 30px !important;
line-height: 30px !important;
font-size: 12px !important;
min-height: 30px;
}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock .select2-container span.select2-selection.select2-selection--multiple .select2-selection__rendered {}
span.urls {
display: block;
margin: 8px 0;
}
span.urls .form-section.form-halfblock.urldata .form-control {
margin: 0 !important;
margin-right: 10px !important;
}
.edit-modal .modal-body .edit-formfield .form-section.url-box {}
.edit-modal .modal-body .edit-formfield .form-section.url-box label.control-label {
position: relative;
width: 100%;
}
.edit-modal .modal-body .edit-formfield .form-section.url-box .addUrl {
margin: 0 !important;
position: absolute;
right: 0;
cursor: pointer;
}
#dropzone {
/*display: flex;*/
align-items: center;
justify-content: center;
}
#dropzone {
flex-wrap: wrap;
padding: 0 !important;
}
.dz-preview {
margin: 8px 0 !important;
/* min-height: 67px !important; */
width: 100%;
}
.dz-preview .dz-image {
width: 100px !important;
/*height: 65px !important;*/
}
.dz-preview .dz-details {
padding: 0px !important;
height: auto !important;
}
.dz-preview .dz-details .dz-size {
font-size: 12px !important;
margin-bottom: 4px !important;
}
.dz-preview .dz-details .dz-size span {
background: transparent !important;
}
.dz-preview .dz-details .dz-filename {
font-size: 12px !important;
}
.dz-preview .dz-progress {
height: 8px !important;
margin-top: 8px !important;
}
.dz-preview .dz-remove {
font-size: 12px !important;
margin-top: 4px !important;
}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock.urldata {
flex-wrap: wrap;
position: relative;
margin-bottom: 20px !important;
}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock.urldata .form-control {
flex: 1;
}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock.urldata .form-control + .error {
flex: 1;
width: 100%;
position: absolute;
left: 0;
font-size: 10px !important;
bottom: -15px;
line-height: 15px;
margin: 0 !important;
margin-bottom: 0 !important;
top: auto;
}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock.urldata a.close-icon {}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock.urldata .position-relative {
flex: 1;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.edit-modal .modal-body .edit-formfield .form-section.form-halfblock.urldata .position-relative .form-control.error {
}
#company_form div:not(:first-child) > .form-section {
margin-top: 12px !important;
}
#company_form div > .form-section {
margin-top: 12px !important;
}
.details-section .card .custom-table td {
border-right: none !important;
border-left: none !important;
}
table {
border: 1px solid #EFEFEF !important;
}
/*.dz-preview .dz-details .dz-filename:not(:hover) {
margin-left: 0 !important;
}*/
.dz-preview .dz-remove {
margin-left: 0px !important;
}
.accordion-box .card .card-body .rightcard-box .flex-row a {
color: #0592B1 !important;
font-weight: 500;
font-size: 14px;
line-height: 16px;
}
.form-control::placeholder {
text-transform: initial !important;
}
@media(max-width: 1380px){
.accordion-box .card .card-body .rightcard-box .flex-row p.sub-text {
font-size: 11px !important;
}
}
li.nav-item.addnew-drop.timezone-drop .dropdown-menu a {
border-bottom: 1px solid #E1E1E1 !important;
}
li.nav-item.addnew-drop.timezone-drop .dropdown-menu a:last-child {
border-bottom: none !important;
}
#timezone .main-section {
display: flex !important;
width: 100% !important;
align-items: center !important;
justify-content: space-between !important;
}
#timezone .right-section {
text-align: right !important;
text-transform: none;
}
#timezone .time {
color: black;
font-weight: 500;
font-size: 14px;
}
#timezone .date {
color: #555555;
font-size: 12px;
}
.filter-section .filter-form .flex-display .filter-menu li.nav-item {
margin: 0 !important;
}
#timezone .left-section {
font-size: 14px;
}
.card-block .create-card .card-body .flex-display .column-direction .flex-display .contain .dropdown-menu {
transform: translate3d(0px, 0px, 0px) !important;
width: 100% !important;
}
.report-height .dataTables_scrollBody {
max-height: calc(100vh - 335px) !important;
}
.card-block .card .flex-display .flex-content .flex-row.justify-start p {
font-weight: normal !important;
font-size: 13px !important;
line-height: 19px !important;
color: #000000 !important;
margin: 0 !important;
max-height: 200px;
overflow-y: auto;
}
.meeting-card textarea.form-control {
width: 100% !important;
font-weight: normal !important;
font-size: 13px !important;
line-height: 20px !important;
color: #000000 !important;
}
.meeting-card .meeting-list span.bmd-form-group {
width: 100%;
}
.meeting-card.card .flex-content .flex-row.edit-content span.bmd-form-group {
width: 100% !important;
}
.meeting-card textarea.form-control {
line-height: 20px !important;
}
li.nav-item.addnew-drop.timezone-drop .dropdown-menu a {
pointer-events: none;
}
.meeting-card .description-box span.bmd-form-group {
width: 100%;
}
.form-control,select,input,textarea {
color: #000000 !important;
}
.content-wrapper .titlehead .right-block a.btn.btn-borderonly.btn-filter {
color: #0592B1;
border: 1px solid #0592B1;
}
.swal2-container .swal2-confirm {
text-transform: capitalize;
background: #0592B1;
border-radius: 5px !important;
padding: 12px 16px;
font-weight: normal !important;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF !important;
border: 1px solid #0592B1;
box-shadow: none !important;
min-width: 100px;
}
.swal2-container .swal2-cancel {
border: 1px solid #C4C4C4 !important;
box-sizing: border-box;
border-radius: 5px !important;
padding: 12px 16px;
text-transform: capitalize;
font-weight: normal !important;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #B6B6B6 !important;
background: transparent !important;
min-width: 100px;
box-shadow: none !important;
}
.meeting-createcard .dropdown-menu.search-drop.custom-searchdrop.show {
display: flex;
flex-direction: column;
}
.meeting-createcard .dropdown-menu.search-drop.custom-searchdrop > input {
flex-shrink: 0;
}
.meeting-createcard .dropdown-menu.search-drop.custom-searchdrop .search-form-list {
overflow-y: auto;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .modal-body .edit-formfield .form-section p.text a {
color: #000000;
}
.customErrorClass{
border: 1px solid #F09797 !important;
}
.customErrorClass[type="checkbox"]{
box-shadow: inset 0px 0px 0px 1.5px red;
}
.customErrorClass[type="radio"]{
box-shadow: inset 0px 0px 0px 2px #F09797;
}
label.customErrorClass{
border: none !important;
color: red;
font-size: 13px !important;
}
.enquiry_checkbox
{
display: block;
margin: 5px 0px;
}
.details-section .card .custom-table td .profile-detail span.img-box {
display: none;
}
.details-section ul.nav-tabs li:last-child a.active:before {
left: 15px;
width: calc(100% - 15px);
}
.details-section .card .custom-table td .flex-wrap input {
display: none;
}
/*.DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner {
overflow: hidden;
height: calc(100vh - 368px) !important;
max-height: calc(100vh - 368px) !important;
}
.DTFC_LeftBodyWrapper {
height: calc(100vh - 368px) !important;
}*/
/*table.dataTable{
border-collapse: seperate !important;
}*/
table.dataTable thead th{
position: relative;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
cursor: pointer;
content: "";
background-repeat: no-repeat;
background-position: center right;
position: absolute;
right: 0;
width: 12px;
height: 16px;
display: inline-block;
z-index: 1;
top: 5px;
}
table.custom-table thead tr {
background: #F8F8F8;
}
/*conversation style*/
.conversation-wrapper {}
.conversation-wrapper .EmailInboxes, .conversation-wrapper .left-block > div {
display: flex;
flex-direction: column;
overflow-y: auto;
border-bottom: 1px solid #E1E1E1;
padding-bottom: 8px;
}
.conversation-wrapper .EmailInboxes .editNav {
padding: 10px 20px !important;
border: none !important;
height: 48px;
}
.conversation-wrapper .EmailInboxes .editNav a {
font-weight: bold !important;
font-size: 12px !important;
line-height: 12px !important;
text-transform: uppercase !important;
color: #555555 !important;
}
.conversation-wrapper .EmailInboxes .editNav a.active {
font-weight: normal !important;
font-size: 13px !important;
line-height: 12px !important;
/* identical to box height, or 100% */
color: #0592B1 !important;
text-transform: capitalize !important;
}
.conversation-wrapper .EmailInboxes .editNav a.active:before {
background: transparent !important;
}
.conversation-wrapper .EmailInboxes .edit-modal.content-shrink {}
.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield {
padding: 0 !important;
}
.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block {
padding: 0 !important;
}
.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .child {
padding: 8px 20px !important;
transition: all 0.2s ease;
}
.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .child a,.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .child .text-value {
font-weight: normal !important;
font-size: 13px !important;
line-height: 15px !important;
color: #999999 !important;
transition: all 0.2s ease;
text-transform: initial;
}
.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .child a a.nav-link {}
.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .child.active,.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .child:hover {
/*background: rgba(5 ,146 ,177,0.05);*/
transition: all 0.2s ease;
}
.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .child.active .text-value, .conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .child.active a, .conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .child:hover a,.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .child:hover .text-value {
color: #0592B1 !important;
transition: all 0.2s ease;
}
.conversation-wrapper .left-sideblock {
max-height: calc(100vh - 50px);
display: flex;
flex-direction: column;
position: relative;
background: #FFFFFF;
flex: 0 0 23%;
max-width: 23%;
}
.conversation-wrapper .left-sideblock .top-block.flex-end {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 15px;
width: 100%;
border-bottom: 1px solid #e4e8eb;
}
.conversation-wrapper .left-sideblock .load_conversations {
position: relative;
overflow-y: auto;
}
.conversation-wrapper .left-sideblock .top-block.flex-end .flex-1-div {
flex: 1;
margin-right: 16px;
}
.conversation-wrapper .left-sideblock .top-block.flex-end .position-relative.right-drop {}
.conversation-wrapper .left-sideblock .top-block.flex-end .position-relative.right-drop .dropdown-menu {
right: 0 !important;
left: auto !important;
transform-origin: right top;
}
.conversation-wrapper .left-sideblock .load_conversations::-webkit-scrollbar {
width: 6px;
}
.conversation-wrapper .left-sideblock .top-block.flex-end .flex-1-div .select {}
.conversation-wrapper .left-sideblock .top-block.flex-end .flex-1-div .select2.select2-container {
width: 100% !important;
max-width: 210px !important;
}
.conversation-wrapper .left-sideblock .top-block.flex-end .flex-1-div .select2.select2-container .select2-selection.select2-selection--multiple {min-height: 26px !important;height: 28px !important;line-height: 28px !important;}
.conversation-wrapper .left-sideblock .top-block.flex-end .flex-1-div .select2.select2-container input.select2-search__field {
line-height: 28px !important;
font-size: 12px !important;
height: 28px !important;
padding: 0 15px !important;
}
.conversation-wrapper .left-sideblock .top-block.flex-end .flex-1-div span.bmd-form-group {
width: 100%;
padding: 0;
display: inline-block;
}
.conversation-wrapper .left-block {
border-right: 1px solid #E1E1E1;
flex: 0 0 17% !important;
max-width: 17% !important;
}
.conversation-wrapper .left-sideblock .top-block.flex-end a.nav-link {
padding: 0;
margin-left: 10px;
}
.conversation-wrapper .left-sideblock .top-block.flex-end .flex-1-div .select2.select2-container input.select2-search__field::placeholder {
font-size: 12px !important;
}
.conversation-wrapper .left-sideblock .top-block.flex-end .flex-1-div .select2.select2-container li.select2-search.select2-search--inline {
height: 28px !important;
line-height: 28px !important;
font-size: 12px !important;
padding: 0 !important;
}
.conversation-wrapper .load_signle_conversations {
max-height: calc(100vh - 50px);
display: flex;
flex-direction: column;
position: relative;
/* background: #FFFFFF;*/
flex: 0 0 60%;
max-width: 60%;
padding: 0px 0 20px;
}
.conversation-wrapper .left-sideblock .top-block.flex-end .flex-1-div .select2.select2-container ul.select2-selection__rendered {
padding: 0 !important;
}
.conversation-wrapper .load_signle_conversations::-webkit-scrollbar {
width: 8px;
}
h4.text-value {}
.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .child a {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .child a .sub {
font-weight: normal !important;
font-size: 13px !important;
line-height: 15px !important;
color: #999999 !important;
transition: all 0.2s ease;
}
.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .child.active a .sub,.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .child:hover a .sub {
color: #0592B1 !important;
}
.conversation-wrapper .load_conversations .conversation-card {
padding: 10px 10px 10px 25px;
background: #fff;
transition: all 0.2s ease;
position: relative;
border-bottom: 1px solid rgba(225, 225, 225, 0.5);
}
.conversation-wrapper .load_conversations .conversation-card .item {}
.conversation-wrapper .load_conversations .conversation-card .item > a {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.conversation-wrapper .load_conversations .conversation-card .item .left-side {
flex: 1;
padding-right: 15px;
}
.conversation-wrapper .load_conversations .conversation-card .item .right-side {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.conversation-wrapper .load_conversations .conversation-card .item .left-side .text-box {
margin-bottom: 2px;
position: relative;
}
.conversation-wrapper .load_conversations .conversation-card .item .left-side .text-box span.unread_email {
display: inline-block;
width: 8px;
height: 8px;
position: absolute;
left: -15px;
top: 8px;
background: #0592B1;
border-radius: 100%;
}
.conversation-wrapper .load_conversations .conversation-card .item .left-side .text-box .name {
font-weight: 500;
font-size: 13px;
line-height: 20px;
/* identical to box height, or 154% */
color: #333333;
text-transform: initial !important;
}
.conversation-wrapper .load_conversations .conversation-card .item .left-side .text-box .text {
font-weight: normal;
font-size: 13px;
line-height: 18px;
/* identical to box height, or 150% */
color: #444444;
}
.conversation-wrapper .load_conversations .conversation-card .item .left-side .text-box .sub {
font-weight: normal;
font-size: 13px;
line-height: 18px;
/* identical to box height, or 150% */
color: #777777;
}
.conversation-wrapper .load_conversations .conversation-card .item .left-side .text-box .tags {
font-weight: normal;
font-size: 11px;
line-height: 12px;
color: #555555;
border-radius: 2px;
padding: 3px;
text-align: center;
margin-right: 10px;
}
.tags.grey {
background: rgba(225, 225, 225, 0.5);
}
.conversation-wrapper .load_conversations .conversation-card .item .right-side .text-box {}
.conversation-wrapper .load_conversations .conversation-card .item .right-side .date {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-align: right;
color: #333333;
}
.conversation-wrapper .load_conversations .conversation-card .item .right-side .attach-icon {
position: relative;
top: -5px;
}
.conversation-wrapper .load_conversations .conversation-card .item .right-side .text-box.flex-1 {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.conversation-wrapper .load_conversations .conversation-card:hover,.conversation-wrapper .load_conversations .conversation-card.active {
background: #F7F8F9;
transition: all 0.2s ease;
box-shadow: none;
}
.conversation-wrapper .load_conversations .conversation-card:before {content: "";position: absolute;left: 0;top: 0;height: 0;width: 3px;background: #0592B1;transition: all 0.3s ease;}
.conversation-wrapper .load_conversations .conversation-card.active:before {
transition: all 0.3s ease;
height: 100%;
}
.conversation-wrapper .load_signle_conversations .conversation-card {
padding: 8px 16px;
margin: 0 16px 16px;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row.top-row.align-right {
justify-content: flex-end;
margin-bottom: 0;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row {
display: flex;
align-items: center;
margin-bottom: 4px;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .attach-icon {
margin-left: 14px;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .date {
margin-left: 14px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-align: right;
color: #777777;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .reply-icon {
margin-left: 14px;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .right-drop {
margin-left: 14px;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .name {
font-weight: 500;
font-size: 13px;
line-height: 20px;
/* identical to box height, or 167% */
color: #333333;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .from {
font-weight: normal;
font-size: 13px;
line-height: 20px;
/* identical to box height, or 167% */
text-transform: lowercase;
color: #777777;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .flex {
display: flex;
align-items: center;
margin-right: 16px;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row p.text {
font-weight: normal;
font-size: 13px;
line-height: 15px;
color: #212223;
margin-bottom: 0;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .seemore {
background: #F2F2F2;
border-radius: 24.7888px;
width: 38px;
height: 14px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .seemore svg circle {
transition: all 0.2s ease;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .seeless svg circle {
fill: white;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .seeless {
border-radius: 24.7888px;
width: 38px;
height: 14px;
display: flex;
align-items: center;
justify-content: center;
background: #0592B1;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .flex .sub {
font-weight: 500;
font-size: 13px;
line-height: 20px;
/* identical to box height, or 167% */
color: #333333;
margin-right: 4px;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .flex .to {
font-weight: normal;
font-size: 13px;
line-height: 20px;
/* identical to box height, or 167% */
color: #777777;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .right-drop a {
padding: 0;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .right-drop .dropdown-menu {
right: 0 !important;
left: auto !important;
transform-origin: right top;
transform: none !important;
top: 22px !important;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .right-drop .dropdown-menu a.link.date {
text-align: left;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row.m-top {
margin-top: 12px;
margin-bottom: 0;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .seemore:hover svg circle {
fill: white;
transition: all 0.2s ease;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .seemore:hover {
transition: all 0.2s ease;
background: #0592B1;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row.thread-parent {
width: 100%;
display: block;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row.thread-parent iframe {
width: 100% !important;
}
.conversation-wrapper .no-dataview {
max-height: calc(100vh - 50px);
display: flex;
flex-direction: column;
position: relative;
/* background: #FFFFFF; */
flex: 0 0 60%;
max-width: 60%;
height: initial;
padding: 0;
}
/*popup redesign */
.custom-modal.popup-v1 {
left: 10% !important;
width: 80%;
height: calc(100vh - 100px);
}
.custom-modal.popup-v1 .modal-dialog.modal-full-height {
max-width: 100%;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock {
margin-top: 0 !important;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock.head {
margin-top: 16px !important;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock.head .sub-head {
font-weight: 600;
font-size: 12px;
line-height: 15px;
display: flex;
align-items: center;
text-transform: uppercase;
color: #0592B1;
background: rgba(5, 146, 177, 0.08);
padding: 4px 8px;
margin-bottom: 4px;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock.sub-head p.sub-head {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
align-items: center;
text-align: center;
color: #333333;
}
.edit-modal.popup-v1 .modal-body .edit-formfield {
display: flex;
flex-direction: column;
max-height: calc(100vh - 148px);
padding-bottom: 16px;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock .position-relative {
display: flex;
align-items: center;
height: 30px;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock .position-relative > div {
margin-right: 16px;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock .position-relative input,.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock .position-relative label {
cursor: pointer;
color: #000;
}
.copy_address{
padding-top:4px;
}
#createcalllogform .callformErrorClass{
border: 1px solid #F09797 !important;
}
#createcalllogform .callformErrorClassdata,#upatecalllogform .callformErrorClassupdatedata,#enquirycreatechatform .chatformErrorClassdata,#enquiryupdatechatform .chatformErrorClassupdatedata,
#createcalllogform .enquirycallformErrorClass{
border: 1px solid #F09797 !important;
}
#enquirycreatechatform .chatformErrorClass{
border: 1px solid #F09797 !important;
}
#entitytaskform .TaskFormErrorClass{
border: 1px solid #F09797 !important;
}
#updatetaskform .TaskFormErrorClass{
border: 1px solid #F09797 !important;
}
#entitymeetingform .MeetingFormErrorClass{
border: 1px solid #F09797 !important;
}
#updatemeetingform .MeetingFormErrorClass{
border: 1px solid #F09797 !important;
}
#note_create_form .noteformErrorClass{
border: 1px solid #F09797 !important;
}
#enquiryupdatechatform .chatformErrorClass{
border: 1px solid #F09797 !important;
}
#upatecalllogform .callformErrorClass{
border: 1px solid #F09797 !important;
}
#createemailform .emailformErrorClass{
border: 1px solid #F09797 !important;
}
/*#createcalllogform .callformErrorClass,#enquirycreatechatform .chatformErrorClass,#entitytaskform .TaskFormErrorClass,#updatetaskform .TaskFormErrorClass,
#entitymeetingform .MeetingFormErrorClass,#updatemeetingform .MeetingFormErrorClass,#note_create_form .noteformErrorClass,
#enquiryupdatechatform .chatformErrorClass,#upatecalllogform .callformErrorClass,#createemailform .emailformErrorClass
{
border: 1px solid #F09797 !important;
}*/
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock .suggestions {
position: absolute;
width: calc(100% - 30px);
top: 56px;
}
/*.edit-modal.popup-v1.variable-height .modal-body .edit-formfield .form-section.form-fullblock .suggestions{
position: relative;
width: calc(100% - 30px);
top: 0;
margin-bottom: 8px;
}*/
.single-conversation-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 15px;
width: 100%;
border-bottom: 1px solid #e4e8eb;
min-height: 49px;
flex-shrink: 0;
background: #fff;
margin-bottom: 16px;
}
.single-conversation-head .right-drop a {
padding: 0;
}
.single-conversation-head .text {
font-weight: 500;
font-size: 13px;
line-height: 16px;
/* identical to box height */
display: flex;
align-items: center;
letter-spacing: 0.1px;
color: #444444;
padding: 0 16px;
}
.custom-modal.popup-v2 {
width: 60%;
z-index:0;
}
.custom-modal.popup-v2 .modal-dialog.modal-full-height {
max-width: 100%;
padding: 0 16px;
}
.custom-modal.popup-v2 .card-header {
box-shadow: none;
border-bottom: 1px solid #e4e8eb !important;
min-height: 49px !important;
}
.custom-modal.popup-v2 .modal-dialog.modal-full-height .modal-content {
box-shadow: none;
}
.custom-modal.popup-v2 .create-card {
display: flex;
flex-direction: column;
max-height: calc(100vh - 50px);
}
.custom-modal.popup-v2 .create-card .card-header {
flex-shrink: 0;
}
.custom-modal.popup-v2 .create-card .card-body {
overflow-y: auto;
}
.custom-modal.popup-v2 .create-card .card-body .flex-display {}
.custom-modal.popup-v2 .create-card .card-body .flex-display .contain {
width: 100%;
}
.custom-modal.popup-v2 .create-card .card-body .flex-display .contain .select2.select2-container,
#enquiry_tags_section .select2.select2-container {
width: 100% !important;
max-width: 100% !important;
}
.custom-modal.popup-v2 .create-card .card-body .flex-display .contain .select2.select2-container input.select2-search__field,
#enquiry_tags_section .select2.select2-container input.select2-search__field ,
.tagsession .select2.select2-container input.select2-search__field{
margin-top: 1px;
min-height: 39px;
width: 100% !important;
border: none !important;
padding: 0 !important;
}
#enquiry_tags_section .select2.select2-container span.select2-selection{
margin: 0 14px;
}
.custom-modal.popup-v2 .create-card .card-body .flex-display .contain .select2.select2-container ul.select2-selection__rendered,
#enquiry_tags_section .select2.select2-container ul.select2-selection__rendered,
.tagsession .select2.select2-container ul.select2-selection__rendered
{
display: inline-flex;
width: 100%;
padding: 8px 7px 0;
outline: none !important;
flex-wrap: wrap;
}
.custom-modal.popup-v2 .create-card .card-body .flex-display .contain .select2.select2-container ul.select2-selection__rendered li,
.tagsession .select2.select2-container ul.select2-selection__rendered li {
width: 100%;
min-height: 39px;
padding: 0 8px!important;
margin-bottom: 6px;
max-width: 100%;
overflow: hidden;
}
#enquiry_tags_section .select2.select2-container ul.select2-selection__rendered li {
min-height: 39px;
padding: 0 8px!important;
margin-bottom: 8px;
max-width: 100%;
overflow: hidden;
}
.custom-modal.popup-v2 .create-card .card-body .flex-display .contain .select2.select2-container span.select2-selection,
#enquiry_tags_section .select2.select2-container span.select2-selection,
.tagsession .select2.select2-container span.select2-selection,
{
border: 1px solid #aaa !important;
}
.single-conversation-head .right-drop {
margin-right: 16px;
}
.card-block.no-dataview .dataview-wrap p.main {
font-weight: normal;
font-size: 25.4283px;
line-height: 31px;
/* identical to box height */
text-align: center;
color: #DBDBDB;
margin-top: -21px;
margin-bottom: 0;
}
.card-block.no-dataview.conversation-nodata .dataview-wrap {
display: flex;
align-items: center;
}
.card-block.no-dataview .dataview-wrap .item {
margin: 0 24px;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock .checkbox-area {
display: flex;
align-items: flex-end;
justify-content: flex-start;
height: 100%;
padding-bottom: 6px;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock .checkbox-area .item {
margin-right: 4px;
flex: 1;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock .checkbox-area .item label {
margin: 0;
font-weight: normal;
font-size: 12px;
line-height: 18px;
/* identical to box height, or 150% */
display: flex;
align-items: center;
text-transform: capitalize;
/* Label */
color: #555555;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock .checkbox-area .item input {
margin-right: 7px;
position: relative;
top: -1px;
}
/*view popup style*/
.edit-modal.popup-v1.viewpopup-v1 .modal-body .edit-formfield .form-section p.text {
font-size: 13px;
color: #000;
margin-bottom: 10px;
}
.edit-modal.popup-v1.viewpopup-v1 .modal-body .edit-formfield .form-section.form-fullblock p.text {padding: 5px 10px;background: #f8f8f8; min-height: 29px;}
.edit-modal.popup-v1.viewpopup-v1 .modal-body .edit-formfield .form-section.form-fullblock .control-label {
/* color: #808080; */
}
.form-section.form-fullblock.col-md-3.col-xs-12 {}
.edit-modal.popup-v1.viewpopup-v1 .modal-body .edit-formfield .form-section.form-fullblock textarea.form-control {
background: #f8f8f8;
padding: 10px 15px;
margin-bottom: 10px;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .edit-section:first-child .form-section.form-fullblock:first-child .sub-head {
border-top: none;
padding-top: 0;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock.head .sub-head {
font-weight: 600;
font-size: 16px;
line-height: 15px;
display: flex;
align-items: center;
text-transform: uppercase;
color: #0592B1;
padding: 20px 0 0;
background: transparent;
margin-bottom: 8px;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock.head .sub-head:before {
content: "";
position: absolute;
top: 0;
left: -5px;
background: rgba(153, 153, 153, 0.25);
height: 1px;
width: calc(100% + 10px);
}
.edit-modal.popup-v1 .modal-body .edit-formfield .edit-section:first-child .form-section.form-fullblock:first-child .sub-head:before {
background: transparent;
}
.custom-modal.popup-v1.variable-height {
height: auto !important;
top: 0;
}
.custom-modal.popup-v1.variable-height .edit-formfield {
max-height: initial !important;
}
.custom-modal.popup-v1.variable-height .modal-dialog.modal-full-height {
min-height: 100vh;
height: auto !important;
display: flex;
align-items: center;
justify-content: center;
}
.custom-modal.popup-v1.variable-height .modal-content {
height: auto !important;
/* box-shadow: none; */
min-height: 370px;
}
.custom-modal.popup-v1.variable-height .modal-content form.contact-form {
height: auto !important;
}
.custom-modal.popup-v1.variable-height .modal-content .modal-body {
height: auto !important;
}
.custom-modal.popup-v1.variable-height.show {
display: flex !important;
align-items: center;
justify-content: center;
}
.single-conversation-head a.nav-link {
padding: 0;
}
.single-conversation-head .dropdown-menu {
right: 0 !important;
left: auto !important;
transform-origin: right top;
transform: none !important;
top: 22px !important;
}
.single-conversation-head .dropdown-menu a {
line-height: 15px !important;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock label.control-label a.link {
color: #0592B1;
}
.custom-modal.popup-v1.variable-height .modal-content .modal-body label.control-label.m-0 {
margin-top: 16px !important;
}
#company_form .error {
font-size: 10px !important;
margin: 0 !important;
line-height: 0;
}
#company_form .error label {
margin: 0;
font-size: 13px !important;
margin-top: 5px !important;
}
.single-conversation-head .dropdown-menu span.legend {
font-weight: 600;
font-size: 12px;
line-height: 15px;
color: #000;
display: block;
padding-top: 14px;
border-top: 1px solid #e1e1e1;
margin-top: 8px;
padding-bottom: 7px;
}
.single-conversation-head .dropdown-menu {
max-height: 320px;
}
.single-conversation-head .dropdown-menu a {
color: #000 ;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .right-drop .dropdown-menu span.legend {
font-weight: 600;
font-size: 12px;
line-height: 15px;
color: #000;
display: block;
padding-top: 14px;
border-top: 1px solid #e1e1e1;
margin-top: 8px;
padding-bottom: 7px;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .right-drop .dropdown-menu {
max-height: 320px;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .right-drop .dropdown-menu a{
color: #000 ;
}
textarea.form-control
{
/*padding: 10px 15px !important;*/
}
#junk-tag
{
background-color: #0592B1;
color: white;
font-size: 0.7rem;
padding: 4px;
margin: 5px 0px 0px 10px;
border-radius: 3px;
}
/*tag popup styles*/
span.select2-container.select2-container--classic {}
span.select2-container.select2-container--classic .select2-results__options {
box-shadow: 0px 4px 12px rgb(0 0 0 / 12%);
}
span.select2-container.select2-container--classic .select2-results__options li.select2-results__option.select2-results__message {}
span.select2-container.select2-container--classic .select2-results__options li.select2-results__option {
font-size: 12px !important;
color: #000 !important;
padding: 8px !important;
}
span.select2-container.select2-container--classic .select2-results__options li.select2-results__option.select2-results__option--highlighted {
background: transparent;
color: #0592B1 !important;
}
.custom-modal.popup-v2 ul.select2-selection__rendered {
display: flex;
align-items: center;
}
.custom-modal.popup-v2 ul.select2-selection__rendered li.select2-selection__choice,
#enquiry_tags_section ul.select2-selection__rendered li.select2-selection__choice,
.tagsession ul.select2-selection__rendered li.select2-selection__choice
{
margin: 0;
font-size: 12px !important;
/* identical to box height, or 150% */
display: flex;
align-items: center;
color: #444444;
min-height: 28px !important;
line-height: 28px !important;
height: 28px !important;
background: #F7F8F9;
border-radius: 4px;
width: auto !important;
padding: 0 8px !important;
margin-right: 16px;
border: 1px solid #f1f1f1;
}
.custom-modal.popup-v2 ul.select2-selection__rendered li.select2-selection__choice span.select2-selection__choice__remove {
font-size: 18px !important;
position: relative;
top: -2px;
margin-right: 10px;
color: #333 !important;
}
.disabled-checkbox{
pointer-events: none;
}
.conversation-wrapper .left-sideblock .top-block.flex-end .flex-1-div {
z-index: 1;
}
.inboxparent .inboxchild {
padding-left: 16px;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .edit-section:last-child {
margin-bottom: 16px;
}
.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .inboxchild .child.flex-row.inboxrows {
padding-right: 20px !important;
}
.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .inboxchild .child.flex-row.inboxrows > a {
padding-right: 0 !important;
}
.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .inboxparent .inboxrows a {
padding-right: 0;
}
.conversation-wrapper .EmailInboxes .edit-modal.content-shrink .edit-formfield .opportunity-block .child .text-value {
flex: 1;
word-break: break-all;
padding-right: 15px;
}
#convert-enquiry .right-divider
{
border-right: solid 1px #dfdfdf;
}
.separator{
position: relative;
text-align: center;
margin: 24px 0 20px;
}
.separator label{
background-color: #fff;
position: relative;
font-weight: 500;
font-size: 12px;
line-height: 15px;
color: #333333;
margin: 0;
padding: 0 5px;
}
.separator:before{
content: '';
border-style: solid;
border-width: 0 0 2px 0;
position: absolute;
left: 15px;
top: 50%;
width: calc(100% - 30px);
border-color: #dfdfdf;
}
fieldset.fieldset select:disabled ,fieldset.fieldset input:disabled, #enquiry_convert_form input:disabled{
background-color: #f0f0f0 !important;
border-color: rgba(118, 118, 118, 0.3) !important;
cursor: not-allowed !important;
}
input.quickCheckbox + label {
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #0592B1;
margin-bottom: 16px;
text-transform: uppercase;
}
input.quickCheckbox {
position: relative;
top: 1px;
}
#convert-enquiry fieldset.fieldset .col-md-12 {
margin-bottom: 12px;
}
#convert-enquiry .col-md-12 b {
font-weight: 600;
font-size: 16px;
line-height: 15px;
display: flex;
align-items: center;
text-transform: uppercase;
color: #0592B1;
padding: 0;
background: transparent;
margin-bottom: 8px;
}
#convert-enquiry label.customErrorClass {font-size: 12px !important;margin: 0;position: relative;top: -2px;}
#convert-enquiry .entity_div {
position: relative;
}
#convert-enquiry .entity_div label.error {
position: absolute;
font-size: 12px !important;
bottom: -20px;
}
.edit-section.instruction-set ul {
padding-left: 16px;
margin: 0;
display: inline-block;
width: 100%;
}
.edit-section.instruction-set ul li {
font-weight: normal;
font-size: 12px;
line-height: 12px;
color: #000;
list-style: disc;
margin-top: 8px;
width: 100%;
}
#convert-enquiry .edit-formfield {
padding: 0 5px;
overflow-x: hidden;
}
#convert-enquiry .modal-content .status {
padding: 20px;
}
#convert-enquiry .modal-content .status span.close {
top: 21px;
left: auto;
right: 20px;
}
.nav-item.notification-drop .nav-link img {
width: 24px;
position: relative;
top: -1px;
}
.viewport-wrapper.notification-wrapper:before {
background: transparent !important;
display: none;
}
.viewport-wrapper.notification-wrapper {
box-shadow: 0px 10px 24px rgb(0 0 0 / 10%);
height: calc(100vh - 50px);
top: 50px;
}
.viewport-wrapper.notification-wrapper .inner-wrapper .left-block {
padding: 0;
display: flex;
flex-direction: column;
}
.viewport-wrapper.notification-wrapper .left-block .notification-header {
position: relative;
background: #FFFFFF;
box-shadow: 0px 4px 12px rgb(0 0 0 / 8%);
border-radius: 4px 4px 0px 0px;
min-height: 48px;
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
padding: 0 20px;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list {
overflow-y: auto;
margin: 0;
padding: 0 20px;
}
.viewport-wrapper.notification-wrapper .left-block .notification-header p.heading {
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #333333;
font-weight: 500;
margin: 0;
flex: 1;
}
.viewport-wrapper.notification-wrapper .left-block .notification-header .close {
font-weight: normal;
font-size: 12px;
line-height: 15px;
display: flex;
align-items: center;
text-align: right;
color: #B6B6B6;
text-shadow: none;
margin-left: 16px;
background: transparent !important;
padding: 0 !important;
border: none !important;
position: relative;
right: 0 !important;
opacity: 1;
float: unset;
}
.viewport-wrapper.notification-wrapper .left-block .notification-header .clear {
font-weight: normal;
font-size: 12px;
line-height: 15px;
display: flex;
align-items: center;
text-align: right;
color: #000;
text-shadow: none;
margin-left: 16px;
background: transparent !important;
padding: 0 !important;
border: none !important;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li {
list-style: none;
padding: 12px 0 12px 10px;
position: relative;
border-bottom: 1px solid #E1E1E1;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li > a {
display: inline-block;
width: 100%;
position: relative;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li .list-foot {
position: relative;
line-height: normal;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li > a p.title {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
/* Label */
color: #555555;
margin-bottom: 6px;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li > a p.title span {
color: #0592B1;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li > a p.text {
font-weight: normal;
font-size: 12px;
line-height: 15px;
display: flex;
align-items: center;
/* Label */
color: #555555;
margin-bottom: 6px;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li .list-foot a.link {
font-size: 11px;
line-height: 13px;
/* identical to box height */
/* Green */
color: #0592B1;
font-weight: normal;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li .list-foot .date-time {
font-weight: normal;
font-size: 11px;
line-height: 13px;
/* identical to box height */
text-align: right;
color: #777777;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li > a .lr-list {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 6px;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li > a .lr-list .sub {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
display: flex;
align-items: center;
/* Label */
color: #555555;
flex: 0 0 130px;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li > a .lr-list .text {
font-weight: 500;
font-size: 12px;
line-height: 15px;
/* identical to box height */
display: flex;
align-items: center;
/* Label */
color: #555555;
padding-left: 8px;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li.unread > a:before {content: "";background: #0592B1;position: absolute;left: -15px;top: 3px;width: 8px;height: 8px;border-radius: 50px;}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list::-webkit-scrollbar {
width: 7px;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li > a .lr-list .divide {
font-weight: normal;
line-height: 15px;
display: flex;
align-items: center;
color: #555555;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li:hover:before {
transition: all 0.3s ease;
opacity: 1;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li:before {content: "";position: absolute;left: -20px;top: 0;width: calc(100% + 40px);height: 100%;background: #f8f8f8;opacity: 0;}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li:hover {
transition: all 0.3s ease;
border-bottom: 1px solid transparent;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li {
transition: all 0.3s ease;
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li .list-foot a.link {
}
.viewport-wrapper.notification-wrapper .left-block ul.notification-list li .list-foot a.link:hover {}
.input-disabled{
background: #dddddd !important;
cursor: default !important;
}
.viewport-wrapper.notification-wrapper {
z-index: 88 !important;
}
#convert-enquiry .entity_div label.error, #convert-enquiry label.customErrorClass {
position: absolute;
font-size: 13px !important;
bottom: auto;
width: 100%;
top: calc(100% + 4px);
padding-right: 15px;
}
#convert-enquiry fieldset.fieldset label.customErrorClass {
position: relative;
bottom: 0;
margin: 0 !important;
top: 0;
padding-right: 0;
}
.edit-section.instruction-set h4.title {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #0592B1;
margin: 8px 0 4px;
text-transform: uppercase;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row.top-row.align-right span.name {
flex: 1;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock .suggestions ul.has-suggestions {
max-height: 135px;
padding: 8px 15px;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock .suggestions ul.has-suggestions li {
font-size: 12px !important;
padding: 4px 0 !important;
}
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-fullblock .suggestions ul.has-suggestions small {
font-size: 12px;
}
.activeAccount{
background-color: #D8D8D8;
}
.buttonInside{
position:relative;
}
@media(max-width: 1380px){
#convert-enquiry .entity_div label.error, #convert-enquiry label.customErrorClass {
font-size: 12px !important;
bottom: auto;
line-height: 14px;
}
}
.custom-modal.popup-v1.variable-height .modal-content {
min-height: 305px !important;
}
.custom-modal.popup-v1.variable-height .modal-content .modal-body {
overflow: initial !important;
}
.custom-modal.popup-v1.variable-height .modal-content .modal-body .edit-formfield {
overflow: initial !important;
}
span.flatpickr-day, span.flatpickr-day.prevMonthDay, span.flatpickr-day.nextMonthDay {
border: none !important;
}
.dayContainer span.flatpickr-day {
font-size: 13px !important;
}
.flatpickr-day.today {
border: 1px solid #959ea9 !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
font-size: 13px !important;
font-weight: 600 !important;
}
.flatpickr-current-month input.cur-year {
font-size: 13px !important;
font-weight: 600 !important;
}
span.flatpickr-day.today.inRange {
border: 1px solid transparent !important;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
box-shadow: none;
}
.custom-modal.popup-v1 label.customErrorClass {
line-height: 18px;
top: 2px;
position: relative;
}
.flatpickr-calendar.rangeMode.animate.open{
width: 329px !important;
}
/*
.flatpickr-calendar {
width: calc(25vw - 40px) !important;
}
.flatpickr-calendar .flatpickr-rContainer {
width: 100%;
}
*/
.flatpickr-calendar .flatpickr-months span.flatpickr-prev-month {
margin-left: -1.4rem;
}
.flatpickr-calendar .flatpickr-months span.flatpickr-next-month {
margin-right: -1.4rem;
}
.flatpickr-calendar .flatpickr-months .numInputWrapper {
bottom: 2px;
}
.ui-tooltip {
background: #333 !important;
color: #fff;
border:1px solid #333 !important;
padding: 4px !important;
}
.ui-tooltip .ui-tooltip-content {
font-size: 11px !important;
color: #fff !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: transparent !important;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
background: transparent !important;
color: #393939 !important;
}
span.flatpickr-day.today.inRange:hover {
background: #e9e9e9 !important;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
-webkit-box-shadow: -10px 0 0 #0592b1;
box-shadow: -10px 0 0 #0592b1 !important;
}
.conversation-wrapper .load_signle_conversations .conversation-card .flex-row .mail-details.detailed-mail p.content-text {
margin: 0;
font-size: 13px;
line-height: 20px;
}
.dataTables_wrapper .dataTables_filter input::-webkit-search-cancel-button {
-webkit-appearance: button !important;
cursor: pointer;
}
.custom-modal.popup-v2 .create-card .card-body .flex-display .contain .select2.select2-container ul.select2-selection__rendered li.select2-search.select2-search--inline {
min-height: 28px !important;
line-height: 28px !important;
height: 28px !important;
}
.custom-modal.popup-v2 .create-card .card-body .flex-display .contain .select2.select2-container ul.select2-selection__rendered li.select2-search.select2-search--inline input.select2-search__field {
min-height: 28px !important;
line-height: 28px !important;
height: 28px !important;
margin: 0 !important;
}
.content-wrapper .titlehead .right-block .btn-group,
.content-wrapper .titlehead .right-block .btn-group button{
margin-left: 15px;
text-transform: capitalize;
background: #E44035;
border-radius: 5px !important;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
color: #FFF!important;
border: 1px solid #E44035;
}
.content-wrapper .titlehead .right-block .btn-group button{
padding: 4px 9px;
}
.custom-modal.edit-modal .modal-body .card-header {
background: transparent;
}
.custom-modal.edit-modal .modal-body .card-header h4.head {
font-size: 14px !important;
line-height: 17px !important;
font-weight: 500;
color: #333;
margin-bottom: 12px;
margin-top: 16px;
}
.custom-modal.edit-modal .modal-body .card-header p {
margin-bottom: 10px;
}
.custom-modal.edit-modal .modal-body .card-header .heading-elements {
margin-top: 8px;
}
.custom-modal.edit-modal .modal-body .card-header .heading-elements center {
text-align: left;
}
.content-wrapper .titlehead .right-block .btn-group button.btn.btn-primary {
margin-bottom: 0;
}
.content-wrapper .titlehead .right-block .btn-group {
align-items: stretch;
min-height: 35px;
margin-bottom: 0;
margin-top: 0;
}
.content-wrapper .titlehead .right-block .btn-group button.btn.btn-primary.dropdown-toggle {
margin-left: 10px;
border-left: 1px solid #fff;
border-radius: 0 !important;
}
.content-wrapper .titlehead .right-block .btn-group .dropdown-menu {
right: 0 !important;
left: auto !important;
top: calc(100% + 3px) !important;
transform: none !important;
padding: 6px 15px!important;
}
.btn-group.show {}
.content-wrapper .titlehead .right-block .btn-group .dropdown-menu a.dropdown-item {
min-height: initial !important;
padding: 8px 0 !important;
}
.content-wrapper .titlehead .right-block .btn-group .dropdown-menu a.dropdown-item:hover {
background: transparent;
}
#historyInfo table.table {
margin: 4px 16px 0;
}
#historyInfo table.table tr th {
padding: 6px 12px 6px 5px;
font-weight: 600;
font-size: 11px;
line-height: 15px;
text-transform: uppercase;
color: #424750;
background: #F8F8F8;
}
#historyInfo table.table tr td {
padding: 5px;
font-weight: 500;
font-size: 12px;
line-height: 17px;
color: #000000;
background: transparent;
border-top: 1px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;
}
#historyInfo table.table tbody tr {
background: transparent;
}
#historyInfo .row > *:first-child .sub-head:before {content: "";background: transparent;}
#historyInfo .row > *:first-child {
margin-top: 0 !important;
}
.details-section .card .detailed-report {
padding: 24px !important;
margin: 0;
}
.details-section .card .detailed-report .form-section {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.details-section .card .detailed-report form {
margin: 0;
}
.details-section .card .detailed-report .form-section .form-group {
padding: 0 15px;
}
.details-section .card .detailed-report .form-section .form-group input.select2-search__field,.details-section .card .detailed-report .form-section .form-group input.select2-search__field::placeholder {
font-size: 13px !important;
}
.details-section .card .detailed-report .form-section .form-group input.form-control {
line-height: 34px;
height: 34px;
margin: 0 !important;
color: #000000;
font-size: 13px !important;
padding: 0 15px !important;
border-radius: 5px !important;
z-index: 1;
position: relative;
background: #F7F8F9 !important;
min-width: 200px;
}
.details-section .card .detailed-report .form-section .form-group input.form-control::placeholder {
font-size: 13px;
line-height: 34px;
}
.details-section .card .detailed-report .form-section .form-group .flatpickr a.closeDate {
position: absolute;
top: 1px;
right: 10px;
z-index: 1;
cursor: pointer;
font-size: 18px;
}
.details-section .card .detailed-report .col-md-3.dt-buttons button {
border-radius: 0;
}
.details-section .card .detailed-report .form-section .form-group .suggestions {
max-width: 329px;
}
.action-box {}
.action-box .input-group input {
border: none !important;
padding: 0 !important;
background: #eaeaea !important;
border-radius: 5px !important;
line-height: 34px !important;
font-size: 12px !important;
height: 34px !important;
padding: 0 15px !important;
}
.action-box .input-group input::placeholder {
font-size: 12px !important;
}
.details-section .tab-content.hiddentab {
margin-bottom: 24px;
}
.details-section .tab-content.hiddentab .table-responsive {}
.details-section .tab-content.hiddentab .table-responsive > .container-fluid {
padding: 0;
}
.dataTables_wrapper .dataTables_length select.form-control {
font-size: 12px !important;
line-height: 28px !important;
height: 28px;
padding: 0 10px;
}
.dataTables_wrapper .dataTables_length label {
font-size: 12px !important;
}
.dataTables_wrapper .dataTables_filter input.form-control {
font-size: 12px;
line-height: 28px;
height: 28px;
padding: 0 15px !important;
}
.dataTables_wrapper .dataTables_filter label {
color: #000;
}
div.dataTables_wrapper div.dataTables_info {
font-size: 12px;
color: #000;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
font-size: 12px !important;
padding: 0;
background: transparent !important;
min-width: initial;
line-height: 17px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a.page-link {
background: transparent;
color: #000;
font-weight: 600;
text-decoration: underline !important;
line-height: 17px !important;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li a.page-link {
border: none;
padding: 0;
width: auto !important;
min-width: inherit;
color: #000;
line-height: 17px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li:hover {
border: none;
background: transparent;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li a.page-link:hover {
background: transparent !important;
padding: 0 !important;
font-weight: 600;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
display: flex !important;
align-items: center !important;
}
div.dataTables_wrapper div.dataTables_info {
padding: 0;
line-height: 23px;
}
div.dataTables_wrapper div.dataTables_paginate {
margin: 0;
padding: 0;
}
header#header nav .action-box .input-group {
align-items: flex-end;
justify-content: flex-end;
padding-right: 20px;
position: relative;
top: -1px;
}
header#header nav .action-box {
flex: 1;
}
@media(max-width: 1290px){
header#header nav ul.navbar-nav.dropdown.main-menu {
padding-left: 30px;
}
}
header#header nav .action-box .input-group input {
background: #F7F8F9 !important;
min-width: 220px;
}
header#header nav .action-box .input-group input::placeholder {
color: #495057;
}
.dataTables_wrapper .dataTables_filter input.form-control {
margin: 0;
}
.details-section .tab-content.hiddentab .dataTables_info {
text-align: left;
padding: 0 !important;
}
.dataTables_wrapper .dataTables_filter input.form-control::placeholder {
font-size: 12px;
}
.details-section .tab-content.hiddentab .dataTables_paginate {
padding: 0 !important;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
content: "" !important;
}
#toast-container .toast.toast-info {
background-image: url(../frontend-images/notification-ic.png) !important;
background-position: 12px 20px;
background-repeat: no-repeat;
}
#toast-container .toast {
padding: 16px 16px 16px 36px;
background-repeat:no-repeat;
background-position: 5% 35%;
}
#toast-container>div {
color: #000 !important;
}
.toast-info {
background-color: #fff !important;
}
#toast-container .toast-info {
margin: 0;
opacity: 1;
/*background: #FFFFFF;*/
border: 2px solid rgba(5, 146, 177, 0.5);
box-sizing: border-box;
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.12);
border-radius: 4px;
}
#toast-container .toast .toast-message {
font-weight: normal;
font-size: 13px;
line-height: 21px;
/* Olive Black */
color: #000000;
}
#toast-container .toast:hover {
opacity: 1;
box-shadow: 0px 8px 20px rgb(0 0 0 / 12%);
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
content: " " !important;
}
.details-section .tab-content.hiddentab .table-responsive h6.main {
margin-bottom: 16px;
}
#toast-container .toast.toast-error {
background: #BD362F;
background-repeat: no-repeat;
border: 1px solid #BD362F;
background-position: 12px 17px;
background-size: 16px;
width: auto;
}
#toast-container .toast.toast-error .toast-message {
color: #fff;
}
#toast-container .toast.toast-info {
min-width: 400px;
/* max-width: 400px; */
}
#toast-container .toast.toast-success {
background: #51A351;
background-repeat: no-repeat;
border: 2px solid #51A351;
background-position: 12px 18px;
background-size: 16px;
width: auto;
}
#toast-container .toast.toast-success .toast-message {
color: #fff;
}
#searchkey_top::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
}
#toast-container .toast.toast-info button.toast-close-button {
position: absolute;
right: 10px;
top: 15px;
}
#toast-container .toast.toast-info {
width: auto;
padding: 16px 36px 16px 36px;
}
#toast-container .toast.toast-success .toast-title{
display: none;
}
.toast-top-right {
right: 38px !important;
}
.navbar-nav{
padding-right: 10px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li a.page-link:focus, div.dataTables_wrapper div.dataTables_paginate ul.pagination li a.page-link:active,div.dataTables_wrapper div.dataTables_paginate ul.pagination li:focus,div.dataTables_wrapper div.dataTables_paginate ul.pagination li:active {
border: none !important;
outline: none !important;
box-shadow: none;
}
.right-block .form-section.form-fullblock .flatpickr.position-relative.position-sticky > input.form-control.flatpickr-input {
background: #eaeaea !important;
border-radius: 5px !important;
padding: 0 15px;
height: 34px;
line-height: 34px;
font-size: 13px;
min-width: 250px;
cursor: pointer;
margin-top: .5rem;
}
.right-block .form-section.form-fullblock .flatpickr.position-relative.position-sticky > input.form-control::placeholder {
font-size: 12px;
}
.tagsession .select2.select2-container input.select2-search__field {
min-height: 27px;
}
.tagsession .select2.select2-container ul.select2-selection__rendered li {
width: auto;
}
.viewport-wrapper .inner-wrapper .left-block.f-shrink .edit-modal .modal-body .edit-formfield .form-section p.text .tags {
font-weight: normal;
font-size: 11px;
line-height: 12px;
color: #555555;
border-radius: 2px;
padding: 3px;
text-align: center;
margin-right: 10px;
margin-top: 6px;
display: inline-block;
}
/*sidemenu*/
.viewport-wrapper.sidemenu-wrapper {
position: relative;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container {
min-height: 100%;
padding: 0;
position: absolute;
left: 0;
top: 0;
max-height: 100%;
background: #FFFFFF;
box-shadow: 13px 8px 18px rgba(0, 0, 0, 0.06);
}
/* Sidebar sizes when expanded and expanded */
.viewport-wrapper.sidemenu-wrapper .sidebar-expanded {
width: 280px;
transition: all 0.2s ease;
}
.viewport-wrapper.sidemenu-wrapper .sidebar-collapsed {
width: 60px;
transition: all 0.2s ease;
}
/* Menu item*/
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a {
background: transparent !important;
padding: 14px;
border-top: 1px solid #E9E9E9;
text-align: center !important;
font-weight: bold;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display: flex;
letter-spacing: 0.1px;
color: #444444;
}
/* Submenu item*/
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group .sidebar-submenu a {
padding-left: 30px;
border: none;
}
.viewport-wrapper.sidemenu-wrapper .sidebar-submenu {
margin-bottom: 12px;
}
/* Separators */
.viewport-wrapper.sidemenu-wrapper .sidebar-separator-title {
background-color: #fff;
height: 35px;
}
.viewport-wrapper.sidemenu-wrapper .sidebar-separator {
background-color: #333;
height: 25px;
}
.viewport-wrapper.sidemenu-wrapper .logo-separator {
background-color: #333;
height: 60px;
}
.viewport-wrapper.sidemenu-wrapper .sidebar-collapsed + .content-wrapper {
padding-left: 60px;
transition: all 0.2s ease;
}
.viewport-wrapper.sidemenu-wrapper .sidebar-expanded + .content-wrapper {
padding-left: 280px;
transition: all 0.2s ease;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container ul.list-group {
padding: 0;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a.menu-collapse,.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a.menu-search {
border-top: none;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a > div,.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a > div img {
margin-right: 0;
}
.viewport-wrapper.sidemenu-wrapper .sidebar-collapsed .d-flex.w-100.justify-content-end.align-items-center {
justify-content: center !important;
}
.viewport-wrapper.sidemenu-wrapper .sidebar-submenu a.list-group-item {
font-size: 12px !important;
line-height: 15px !important;
/* identical to box height */
display: flex;
align-items: center;
letter-spacing: 0.1px !important;
color: #666666 !important;
padding: 0 !important;
padding-left: 40px !important;
position: relative;
font-weight: normal !important;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group .sidebar-submenu a:last-child {
}
.viewport-wrapper.sidemenu-wrapper .sidebar-submenu a.list-group-item span {
width: 100%;
padding: 8px;
text-align: left;
}
.viewport-wrapper.sidemenu-wrapper .sidebar-submenu a.list-group-item:before {content: "";position: absolute;left: 25px;top: 0;height: 100%;width: 1px;background: #EFEFEF;}
.viewport-wrapper.sidemenu-wrapper .sidebar-submenu a.list-group-item.active:before {
background: #444;
}
.viewport-wrapper.sidemenu-wrapper .sidebar-submenu a.list-group-item.active span {
background: #F3F3F3;
color: #444;
margin-right: 14px;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group .menu-search form {
background: #F4F4F4;
padding: 8px;
margin: 0;
height: 34px;
border-radius: 5px;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group .menu-search button.search-btn {
margin: 0;
border: none;
padding: 0;
cursor: pointer;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group .menu-search form input.form-control {
font-weight: normal;
font-size: 12px;
line-height: 15px;
/* identical to box height */
display: flex;
align-items: center;
letter-spacing: 0.1px;
color: #B6B6B6;
padding: 8px;
background-image: none;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group .menu-search button.search-btn img {
margin: 0;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group .menu-search form input.form-control::placeholder {
color: #B6B6B6;
font-size: 12px;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container ul.list-group div.menu-search {
margin: 0px 14px 12px;
}
.viewport-wrapper.sidemenu-wrapper .sidebar-expanded .menu-open {
display: none;
}
.viewport-wrapper.sidemenu-wrapper .sidebar-expanded .menu-close {
display: block !important;
}
.viewport-wrapper.sidemenu-wrapper .sidebar-expanded a.menu-search {
display: none !important;
}
.viewport-wrapper.sidemenu-wrapper .sidebar-collapsed div.menu-search {
display: none;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a span.menu-icon {
margin-right: 6px;
width: 24px;
height: 24px;
display: inline-block;
}
span.menu-icon.pipeline-report {
background-image: url('../frontend-images/icons/pipeline-report.png');
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a .menu-down {
width: 14px;
height: 9px;
display: inline-block;
background-image: url('../frontend-images/icons/menu-down.png');
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
content: unset;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a .menu-up {
width: 14px;
height: 9px;
display: inline-block;
background-image: url(../frontend-images/icons/menu-up.png);
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a span.menu-collapsed {
text-align: left;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a.active span.menu-icon.pipeline-report {
background-image: url('../frontend-images/icons/pipeline-report-active.png');
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a.active span.menu-icon.sales-report {
background-image: url('../frontend-images/icons/sales-report-active.png');
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a.active span.menu-icon.entity-report {
background-image: url('../frontend-images/icons/entity-report-active.png');
}
span.menu-icon.sales-report {background-image: url('../frontend-images/icons/sales-report.png');}
span.menu-icon.entity-report {
background-image: url('../frontend-images/icons/entity-report.png');
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a:last-child {
}
.viewport-wrapper.sidemenu-wrapper .sidebar-collapsed span.menu-icon {
margin-right: 0 !important;
position: relative;
left: 3px;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a.collapsed .menu-down {
background-image: url(../frontend-images/icons/menu-down.png) !important;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a .menu-down {
background-image: url(../frontend-images/icons/menu-up.png) !important;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a.menu-collapse, .viewport-wrapper.sidemenu-wrapper #sidebar-container .list-group a.menu-search {
flex-shrink: 0;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container ul.list-group .flex-shrink {
overflow-y: auto;
}
.custom-modal.edit-modal .modal-body .card-header.lead-import {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0.75rem 15px;
}
.custom-modal.edit-modal .modal-body .card-header.lead-import span {
font-weight: normal;
font-size: 13px;
color: #212529;
line-height: 15px;
margin-top: 4px;
display: inline-block;
position: relative;
top: 2px;
}
.import-tags .select2-container--classic .select2-search--inline .select2-search__field {
min-height: 28px !important;
}
.import-tags .select2.select2-container ul.select2-selection__rendered li {
min-height: 28px !important;
height: 28px !important;
line-height: 28px !important;
}
.custom-modal.popup-v1 .modal-dialog.modal-full-height + span.select2-container.select2-container--classic span.select2-dropdown.select2-dropdown--below {
padding: 0 14px;
}
div#enquiry_instructions .form-section.form-fullblock.head {
margin-right: 15px;
}
.filter-modal.edit-modal .modal-body .edit-formfield .form-section.form-fullblock .select2-container span.select2-selection.select2-selection--multiple span.select2-search.select2-search--inline {
position: absolute;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container ul.list-group .d-flex.w-100.pos-abs {
position: absolute;
left: 14px;
z-index: 1;
top: 12px;
}
.viewport-wrapper.sidemenu-wrapper #sidebar-container ul.list-group .d-flex.w-100.pos-abs span.menu-collapsed {
font-weight: bold;
font-size: 15px;
line-height: 17px;
display: flex;
letter-spacing: 0.1px;
color: #444444;
}
.tagsession .select2.select2-container span.select2-selection--multiple span.select2-search--inline{
display: inline-flex !important;
width: 100% !important;
/*padding: 6px 7px 0 !important;*/
outline: none !important;
flex-wrap: wrap !important;
list-style: none !important;
margin: 0 !important;
/* display: inline-block; */
overflow: hidden !important;
padding-left: 8px !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
height: 30px !important;
line-height: 30px !important;
font-size: 12px !important;
width: 20% !important;
}
.tagsession .select2.select2-container ul.select2-selection__rendered{
width: inherit;
}
.card-block .card .flex-display .flex-content .flex-row .column-direction li .tags {
font-weight: normal;
font-size: 11px;
line-height: 12px;
color: #555555;
border-radius: 2px;
padding: 3px;
text-align: center;
margin-right: 10px;
margin-top: 6px;
display: inline-block;
}
.edit-modal .modal-body .edit-formfield .form-section.form-fullblock .select2-container span.select2-selection.select2-selection--multiple .select2-selection__rendered,
.tagsession .select2.select2-container ul.select2-selection__rendered li {
margin-bottom: 2px !important;
}
#view-account .select2-selection--multiple .select2-selection__choice {
background-color: #F7F8F9;
border: 1px solid #f1f1f1;
}
p.sub-head1 {
font-weight: 600;
font-size: 16px;
line-height: 15px;
display: flex;
align-items: center;
text-transform: uppercase;
color: #0592B1;
background: transparent;
margin-bottom: 14px !important;
margin-top: 16px !important;
}
div#enquiry_instructions .form-section.form-fullblock.head p {
margin-bottom: 8px;
}
div#enquiry_instructions .form-section.form-fullblock.head p.sub-head {
margin-bottom: 0;
}
div#enquiry_upload_section {}
div#enquiry_upload_section .form-section.form-fullblock.head {
margin-top: 6px !important;
}
div#enquiry_upload_section .form-section.form-fullblock.head p.sub-head {
padding-top: 16px;
}
div#enquiry_upload_section .form-section.form-fullblock.head p {
margin: 2px 0 0;
}
div#enquiry_upload_section .card-header.lead-import {
padding-top: 0;
padding-bottom: 0;
padding-left: 10px;
}
div#enquiry_tags_section {}
div#enquiry_tags_section .form-section.form-fullblock.head {
margin-top: 12px !important;
}
div#enquiry_tags_section .form-section.form-fullblock.head p.sub-head {
padding-top: 16px;
margin-bottom: 0;
}
div#enquiry_tags_section .form-section.form-fullblock.head p {
margin-bottom: 8px;
}
.edit-modal .modal-body .edit-formfield .form-section label.control-label[data-toggle="tooltip"] {
position: relative;
}
.edit-modal .modal-body .edit-formfield .form-section label.control-label[data-toggle="tooltip"]:before {content: " ? ";position: absolute;right: -21px;font-size: 11px;top: 0;color: #fff;z-index: 1;}
.edit-modal .modal-body .edit-formfield .form-section label.control-label[data-toggle="tooltip"]:after {content: "";position: absolute;right: -25px;top: 0;width: 13px;height: 13px;border-radius: 100px;/* border: 1px solid #333; */background: #0592B1;}
input#probability[readonly] {
background: #f8f8f8 !important;
}
header#header nav .action-box form.universal-search {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
margin-right: 20px;
}
header#header nav .action-box form.universal-search .btn-block {
display: inline-block;
width: auto;
position: absolute;
right: 0;
top: 0;
height: 100%;
}
header#header nav .action-box form.universal-search .btn-block .btn.btn-transparent {
padding: 0;
width: 40px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-left: 1px solid #E5E5E5;
}
header#header nav .action-box form.universal-search .btn-block .btn.btn-transparent img {
width: 20px;
}
header#header nav .action-box form.universal-search .input-group {
flex: 1;
padding-right: 0;
display: flex !important;
}
header#header nav .action-box form.universal-search .input-group > div {
width: auto !important;
min-width: 300px;
}
/*21-10-2021*/
.card-block .create-card .card-body .attachment-block {
flex-direction: column;
}
.card-block .create-card .card-body .attachment-block .upload-head {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
}
.card-block .create-card .card-body .attachment-block .attachment-lists {
display: block;
width: 100%;
}
.card-block .create-card .card-body .createblock-footer {
flex-direction: row;
}
.card-block .create-card .card-body .createblock-footer .dropdown-box {}
.card-block .create-card .card-body .createblock-footer .dropdown-box select {
color: #0592B1 !important;
border: none !important;
padding: 0 !important;
-webkit-appearance: menulist;
}
.card-block .create-card .card-body .attachment-block .upload-head .sub {
margin: 0;
}
.card-block .create-card .card-body .attachment-block .upload-head .upload {
line-height: normal;
}
.card-block .create-card .card-body .attachment-block .upload-head .upload input[type="file"] {
opacity: 0;
display: none !important;
}
.card-block .create-card .card-body .attachment-block .upload-head .upload label {font-weight: normal;font-size: 10px;line-height: 12px;color: #0592B1;margin: 0;}
.card-block .create-card .card-body .attachment-block .attachment-lists .item {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 8px;
}
.card-block .create-card .card-body .attachment-block .attachment-lists .item .sub {
font-weight: normal !important;
font-size: 13px !important;
line-height: 18px !important;
/* identical to box height, or 138% */
color: #555555 !important;
margin: 0;
}
.card-block .create-card .card-body .attachment-block .attachment-lists .item .remove {
font-weight: normal;
font-size: 10px;
line-height: 12px;
color: #FD6262;
}
.card-block .create-card .card-body .createblock-footer .sub {
margin: 0;
line-height: 20px !important;
margin-right: 8px;
}
.card-block .card .flex-display .flex-content .flex-row.justify-start p > span {
margin-left: 8px;
}
.card-block .card .flex-display .flex-content .flex-row.justify-start.attachment-icon {
justify-content: space-between;
}
.card-block .card .flex-display .flex-content .flex-row.justify-start.attachment-icon .link img {
margin-right: 2px;
position: relative;
top: -1px;
}
.card-block .card .flex-display .flex-content .flex-row.justify-start.attachment-icon .link {
color: #0592B1 !important;
}
.card-block .card .flex-display .flex-content .flex-row.justify-start.attachment-list .sub {
font-weight: normal !important;
font-size: 12px !important;
line-height: 1.5em !important;
text-transform: capitalize !important;
color: #000000 !important;
margin-right: 20px !important;
position: relative;
overflow: initial !important;
}
.card-block .card .flex-display .flex-content .flex-row.justify-start.attachment-list .sub:before {content: " ";position: absolute;right: -10px;}
.card-block .card .flex-display .flex-content .flex-row.justify-start.attachment-list .sub:last-child:before {content: " ";}
.card-block .card .flex-display .flex-content .flex-row.justify-start.attachment-list {
flex-direction: column !important;
align-items: flex-start !important;
}
.card-block .card .flex-display .flex-content .flex-row.justify-start.attachment-list .sub-title {
font-weight: normal !important;
font-size: 12px !important;
line-height: 1.5em !important;
text-transform: capitalize !important;
color: #000000 !important;
margin-bottom: 4px !important;
}
.card-block .card .flex-display .flex-content .flex-row.justify-start.attachment-list .sub img {
position: relative;
top: -1px;
margin-right: 7px;
}
.card-block .card .flex-display .flex-content .flex-row.justify-start.attachment-list .sub {
margin-bottom: 3px !important;
padding-left: 0;
}
/*treeview- css*/
.edit-modal.popup-v1 .modal-body .edit-formfield .form-section.form-treeview {
padding: 0 50px;
margin-top: 8px !important;
}
.form-section.form-fullblock.form-treeview p {
font-weight: 600;
font-size: 14px;
line-height: 20px;
/* or 143% */
display: flex;
align-items: center;
color: #555555;
margin-bottom: 10px;
}
.form-section.form-fullblock.form-treeview .items {}
.form-section.form-fullblock.form-treeview .items .treeview {
margin: 0;
padding: 0;
}
.form-section.form-fullblock.form-treeview .items .treeview > li {
margin-bottom: 10px;
display: block;
padding: 0;
}
.form-section.form-fullblock.form-treeview .items .treeview li .collaspe-icon {
width: 15px;
height: 15px;
display: inline-block;
padding-right: 25px;
background-repeat: no-repeat;
background-size: contain;
background-position: 0 0;
cursor: pointer;
position: relative;
top: 3px;
z-index: 1;
}
.collaspe-icon.plus-icon {
background-image: url('../frontend-images/icons/treeview-plus.svg');
}
.form-section.form-fullblock.form-treeview .items .treeview li .checkbox-item {
display: inline-block;
}
.form-section.form-fullblock.form-treeview .items .treeview li input {
opacity: 0;
position: absolute;
width: 0;
height: 0;
}
.form-section.form-fullblock.form-treeview .items .treeview li label {
font-weight: normal;
font-size: 14px;
line-height: 16px;
/* or 143% */
color: #555555;
margin-bottom: 0;
margin-left: 0;
padding-left: 26px;
position: relative;
cursor: pointer;
}
.form-section.form-fullblock.form-treeview .items .treeview > li ul {
margin-top: 10px;
padding-left: 56px;
position: relative;
}
.form-section.form-fullblock.form-treeview .items .treeview > li ul li {
margin-bottom: 10px;
padding: 0;
position: relative;
}
.form-section.form-fullblock.form-treeview .items .treeview > li ul li.last {
margin-bottom: 0;
}
.form-section.form-fullblock.form-treeview .items .treeview > li.last {}
.collaspe-icon.minus-icon {
background-image: url('../frontend-images/icons/treeview-minus.svg');
}
.form-section.form-fullblock.form-treeview .items .treeview li label:before {content: "";position: absolute;left: 0;top: 0px;width: 16px;height: 16px;border: 1px solid #E0E2E7;border-radius: 4px;background: #FFFFFF;transition: all 0.2s ease;}
.form-section.form-fullblock.form-treeview .items .treeview li label.custom-checked:before {
transition: all 0.2s ease;
background: #0077BE;
}
.form-section.form-fullblock.form-treeview .items .treeview li label.custom-checked:after {
content: "";
position: absolute;
left: 6px;
top: 3px;
width: 4px;
height: 7px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(45deg);
}
.form-section.form-fullblock.form-treeview .items .treeview li label.custom-indeterminate:before {
transition: all 0.2s ease;
border: 1px solid #0077BE;
}
.form-section.form-fullblock.form-treeview .items .treeview li label.custom-indeterminate:after {
content: "";
position: absolute;
left: 5px;
top: 7px;
width: 6px;
height: 2px;
background: #0077BE;
border-radius: 2px;
}
.form-section.form-fullblock.form-treeview .items .treeview li .collaspe-icon:before {content: "";position: absolute;right: -3px;top: 7px;width: 12px;height: 1px;border-width: 0px 0px 1px 0px;border-style: dashed;border-color: #D4D4D4;}
.form-section.form-fullblock.form-treeview .items .treeview > li ul:before {content: "";position: absolute;left: 36px;top: -10px;width: 1px;height: 100%;border-width: 0 1px 0 0;border-style: dashed;border-color: #D4D4D4;}
.form-section.form-fullblock.form-treeview .items .treeview > li ul li:before {content: "";position: absolute;left: -16px;top: 12px;width: 14px;height: 1px;border-width:0px 0px 1px 0px;border-style: dashed;border-color: #D4D4D4;}
.accordion-box .card .card-header h5 button > i.fas {
margin-right: 8px;
}
.right-block .accordion-box .card .card-header h5 i.fas {
margin-right: 8px;
position: relative;
top: 1px;
}
.accordion-box .card div#leadattachments {
margin-top: 6px;
}
.accordion-box .card div#leadattachments .rightcard-box {
padding-bottom: 0;
border-bottom: none;
margin: 8px !important;
}
.accordion-box .card div#leadattachments .rightcard-box .flex-row {
justify-content: space-between;
width: 100%;
}
.accordion-box .card div#leadattachments .rightcard-box .flex-row .right-box p.main,
.accordion-box .card div#leadattachments .rightcard-box .flex-row .right-box p.main a {
word-break: break-all;
font-weight: normal;
font-size: 12px;
line-height: 18px;
display: flex;
align-items: center;
color: #555555 !important;
}
.accordion-box .card div#leadattachments .rightcard-box .flex-row .left-box p.sub-text a {
font-weight: normal;
font-size: 10px;
line-height: 12px;
color: #FD6262 !important;
}
.accordion-box .card div#leadattachments .rightcard-box .flex-row .left-box {
flex: unset;
}
.accordion-box .card div#leadattachments .rightcard-box .flex-row .right-box {
padding-right: 30px;
}
.accordion-box .card div#leadattachments .rightcard-box .flex-row .left-box p.sub-text {
margin: 0;
}
.accordion-box .card div#leadattachments .rightcard-box .flex-row .right-box p.main img {
margin-right: 6px;
position: relative;
top: -1px;
}
.card-block .card .flex-display .flex-content .flex-row.justify-start.attachment-list .sub a {
color: #000;
}
.form-check-input {
top: 2px;
}