/* Fonts */
@font-face {
    font-family: 'Monserat-Bold';
    src: url(../../fonts/virtual/Montserrat-Bold.otf);; 
}

@font-face {
    font-family: 'Monserat-Regular';
    src: url(../../fonts/virtual/Montserrat-Regular.otf);; 
}

@font-face {
    font-family: 'Monserat-SemiBoldItalic';
    src: url(../../fonts/virtual/Montserrat-SemiBoldItalic.otf);; 
}

@font-face {
    font-family: 'Monserat-SemiBold';
    src: url(../../fonts/virtual/Montserrat-SemiBold.otf);; 
}
	body.modal-open {
    overflow: hidden;
}
strong {
    font-weight: bold;
}

span#valueFilterDate {
    font-size: 12px;
    font-family: 'Monserat-Regular';
    color: #545755;
}		
.filter {
    font-family: 'Monserat-Bold';
    color: #005D83;
    font-size: .64rem;
}
.b-none,
.b-none:after {
    background-image: none !important;
}
.b-none:after {
    display: none;
}
.fab:before,
.fa-cog:before,
.fa-search:before {
    color: #A9ABAC;
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.c-primary {
    color: #005D83;
}
.c-secundary {
    color: #A5C9FF !important;
}

.title {
    font-family: 'Monserat-Bold';
}

.subtitle {
    font-family: 'Monserat-SemiBoldItalic';
}

.text {
    font-family: 'Monserat-Regular';
}

/* Buttons */
.btn-save {
    background-color: #005D83;
    font-family: 'Monserat-Bold';
    color: #fff;
    text-transform: capitalize;
}

.btn-save:hover {
    color: #fff;
}

.btn-new-activity {
    background-color: #B1B91D;
    color: #fff;
    border-radius: 7px;
    text-transform: capitalize;
    font-family: 'Monserat-Regular';
}

.btn-new-activity:hover {
    color: #fff;
}

.btn-outline-primary.custom-primary,
.btn-outline-primary.custom-primary:not([disabled]):not(.disabled):active {
    color: #fff !important;
    border: 1px solid #fff !important;
    font-family: 'Monserat-Regular';
}

.btn-link.custom-btn-link {
    font-family: 'Monserat-Bold';
    color: #005D83;
    text-transform: capitalize;
    padding: .5rem 1.0rem;
    margin: 0;
    font-size: 11px;
}

.btn-outline-custom,
.btn-outline-custom:not([disabled]):not(.disabled):active {
    color: #005D83 !important;
    border: 1px solid #005D83 !important;
    text-transform: capitalize;
    font-family: 'Monserat-Bold';
}
.custom-btn-dropdown, .btn-filter-notes {
    color: #545755;
    font-size: 12px;
    font-family: 'Monserat-Bold';
    text-transform: capitalize;
    padding: .5rem 1.0rem;
    margin: 0;
}

.custom-btn-dropdown:hover,
.custom-btn-dropdown:active,
.custom-btn-dropdown:focus {
    color: #545755;
    opacity: 0.7;
    text-decoration: none;
}
	
.btn-filter-notes {
    color: #005D83 !important;
}
.btn-filter-notes:hover,
.btn-filter-notes:active,
.btn-filter-notes:focus {
    text-decoration: none;
}

/*.waves-effect.waves-cDark .waves-ripple {
  background-color: #fff; 
}*/

#leftsidebar .sidebar-scroll .nav-tabs .nav-link span {
    white-space: nowrap;
    transition: all 0.5s linear;
    opacity: 1;
}

.wrapper.active #leftsidebar .sidebar-scroll .nav-tabs .nav-link span {
    opacity: 0;
    transition: all 0.5s linear;
    white-space: nowrap;
}

#leftsidebar .content-items-sidebar button.btn {
    white-space: nowrap;
}

.wrapper.active #leftsidebar .content-items-sidebar button.btn {
    display: none;
}

.wrapper.active .content-navbar {
    margin-left: 60px;
}

.content-navbar {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: 225px;
    text-align: right;
    background-color: #fff;
    padding-right: 0 !important;
}

.content-navbar .navbar {
    background-color: #fff;
    padding: .8rem 2rem;
}

.wrapper.active #leftsidebar {
    width: 60px;
}

#leftsidebar {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 225px;
    height: 100%;
    float: left;
    position: fixed;
    left: 0px;
    top: 0;
    z-index: 11;
    background: #005D83;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

#leftsidebar .content-items-sidebar {
    justify-content: space-between;
    flex-direction: column;
    display: flex;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}

#leftsidebar .content-items-sidebar .sidebar-scroll .sidebar-nav .content-arrow {
    padding-bottom: 150px;
}


#leftsidebar .content-items-sidebar .sidebar-scroll .sidebar-nav .nav-tabs .nav-link {
    border: 0;
    color: #fff;
    padding: .8rem;
    border-radius: 0;
    font-size: 14px;
    font-family: 'Monserat-Regular';
}

#leftsidebar .content-items-sidebar .sidebar-scroll .sidebar-nav .nav-tabs .nav-link.active {
    color: #005D83;
    border:0;
    font-weight: bold;
    border-left: 5px solid #b7bc00;
}

#leftsidebar .content-items-sidebar .sidebar-scroll .sidebar-nav .nav-tabs .nav-item {
    width: 100%;
    margin-bottom: 10px;
}

#leftsidebar .content-items-sidebar .sidebar-scroll .sidebar-nav .nav-tabs .nav-link img {
    width: 20px;
}

.icon-close {
    width: 40px;
    height: 40px;
    background: #fff;
    cursor: pointer;
}

.icon-close span {
    width: 80%;
    height: 2px;
    margin: 0 auto;
    display: block;
    background: #B1B91D;
    transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
}

.icon-close span:first-of-type {
    transform: rotate(45deg) translate(2px, 2px);
}

.icon-close span:nth-of-type(2) {
    opacity: 0;
}

.icon-close span:last-of-type {
    transform: rotate(-45deg) translate(1px, -1px);
}

.icon-close.active span {
    transform: none;
    opacity: 1;
    margin: 5px auto;
}

/* Main */
.wrapper.active #main-content {
    width: calc(100% - 60px);
}

#main-content {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: calc(100% - 225px);
    float: right;
    position: relative;
    background-color: #FAFDFF;
    margin-top: 70px;
}

#main-content .tab-content .tab-pane .content {
    padding: 45px 30px;
    background-color: #F5F7FB;
}

/* Pane */
.content-pane {
    padding: 20px 40px;
}

.content-pane .title-tab {
    font-family: 'Monserat-Bold';
    font-size: 16px;
    margin: 0;
}

.content-pane .subtitle-tab {
    font-size: 10px;
    font-family: 'Monserat-Regular';
    color: #A9ABAC;
    display: block;
}

	
.content-card-stats .row {
    margin-right: -15px !important;
}

.content-card-stats .content-target {
    padding: 12px;
    border-radius: 9px;
    cursor: pointer;
    top: 0;
    position: relative;
    transition: all 0.3s ease 0s;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 0.77;
}

.content-card-stats .content-target.active {
    position: relative;
    top: -10px;
    transition: all 0.3s ease 0s;
}

.content-card-stats h3 {
    font-family: 'Monserat-Bold';
    margin: 0;
    font-size: 23px;
    color: #fff;
}

/*.content-card-stats .title-news {
    color: #FFD1DD;
}

.content-card-stats .title-assigned {
    color: #D1EEFF;
}

.content-card-stats .title-scheduled {
    color: #FFEFCA;
}

.content-card-stats .title-tracing {
    color: #FFD9D1;
}

.content-card-stats .title-converted {
    color: #AAFFBE;
}

.content-card-stats .title-retired {
    color: #EFE7FF;
}*/

.content-card-stats .title-stats {
    font-size: 12px;
    color: #FFFFFF;
    font-family: 'Monserat-Bold';
}

/* List */
.content-list.checked {
    margin: 0 -10px;
    border: 1px solid;
}

.content-list .title-list span {
    color: #606060;
    font-family: 'Monserat-Bold';
}

.content-list span {
    font-size: 0.65rem;
    line-height: 14px;
    display: block;
    font-family: 'Monserat-Regular';
    color: #606060;
}

#viewedPropertiesTable_wrapper, 
#viewedPropertiesTable_wrapper a,
#similarPropertiesTable_wrapper, 
#similarPropertiesTable_wrapper a,
#dashboardTable_wrapper, 
#dashboardTable_wrapper a,
#receivableTable_wrapper, 
#receivableTable_wrapper a,
#contractsAgentTable_wrapper,
#contractsAgentTable_wrapper a,
#clientsReserveTable_wrapper,
#clientsReserveTable_wrapper a,
#fromClientsReserveTable_wrapper,
#fromClientsReserveTable_wrapper a,
#notesTable_wrapper,
#notesTable_wrapper a,
#reservationDueTable_wrapper,
#reservationDueTable_wrapper a,
#notesTable_wrapper,
#notesTable_wrapper a,
#reportTable_wrapper,
#reportTable_wrapper a,
#errorsTable_wrapper,
#errorsTable_wrapper a,
#trackingTable_wrapper,
#trackingTable_wrapper a,
#notesTableTracking_wrapper,
#notesTableTracking_wrapper a{
    font-family: 'Monserat-Regular';
    font-size: 0.65rem;
}

#reservationDueTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner,
#reservationDueTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table {
	width: 100% !important; 
}

#similarPropertiesTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner,
#similarPropertiesTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table {
	width: 100% !important; 
}

#clientsReserveTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner,
#clientsReserveTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table {
	width: 100% !important; 
}

#fromClientsReserveTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner,
#fromClientsReserveTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table {
	width: 100% !important; 
}

#notesTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner,
#notesTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table {
	width: 100% !important; 
}

#dashboardTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner,
#dashboardTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table,
#reportTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner,
#reportTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table,
#notesTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner,
#notesTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table,
#similarPropertiesTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner,
#similarPropertiesTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table,
#contractsAgentTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner,
#contractsAgentTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table,
#trackingTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner,
#trackingTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table,
#notesTableTracking_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner,
#notesTableTracking_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table {
    width: 100% !important;
}

.table th {
    color: #606060;
    font-family: 'Monserat-Bold';
    font-size: 0.65rem;
}

.table span {
    font-size: 0.65rem;
    line-height: 14px;
    display: block;
    font-family: 'Monserat-Regular';
    color: #606060;
}

.content-list .content-checkbox-list {
    width: 5%;
    padding: 5px;
}

.content-list .content-name-list {
    width: 23%;
    padding: 5px;
}

.content-list .content-canon-list {
    width: 14%;
    padding: 5px;
}

.content-list .content-sector-list {
    width: 14%;
    padding: 5px;
}

.content-list .content-date-list {
    width: 15%;
    padding: 5px;
}

.content-list .content-property-list {
    width: 15%;
    padding: 5px;
}

.content-list .content-state-list {
    width: 15%;
    padding: 5px;
    text-align: center;
}

.bc-available {
    background: #AAFFBE;
}
.bc-notAvailable {
    background: #FFAAAA;
}
span.bc-available {
    color: #005D83 !important;
}
span.bc-notAvailable {
    color: #CC1E1E !important;
}
.bc-white {
    background-color: #fff;
}
.bc-news {
    background: transparent linear-gradient(90deg, #5966FF 0%, #5888FF 45%, #58A0FF 100%) 0% 0% no-repeat padding-box;
}
.bc-convert {
    background: transparent linear-gradient(90deg, #FF428D 0%, #FF5A7D 19%, #FF9754 74%, #FFAE46 100%) 0% 0% no-repeat padding-box;
}
.bc-assigned {
    background: transparent linear-gradient(90deg, #58A0FF 0%, #5888FF 45%, #5966FF 100%) 0% 0% no-repeat padding-box;
}
.bc-scheduled {
    background: transparent linear-gradient(90deg, #5966FF 0%, #A04BC7 19%, #DD3496 58%, #F62C84 100%) 0% 0% no-repeat padding-box;
}
.bc-tracing {
    background: transparent linear-gradient(90deg, #E43683 0%, #E73784 90%, #FF4593 100%) 0% 0% no-repeat padding-box;
}
.bc-retired {
    background: transparent linear-gradient(90deg, #FFAE46 0%, #FFD84C 41%, #FFF050 100%) 0% 0% no-repeat padding-box;
}
.bc-virtual {
    background: transparent linear-gradient(90deg, #FED029 0%, #FEDD6A 19%, #FDE285 100%) 0% 0% no-repeat padding-box;
}


.bc-news {
    background-color: #FFD1DD;
}

.table span.status-list {
    padding: 6px 20px;
    text-align: center;
    border-radius: 5px;
    color: #FFF;
    font-family: 'Monserat-Regular';
    text-transform: uppercase;
}

/* Page Profile */
.content-card-clients .content-profile-clients {
    border-right: 2px solid #ececec;
}

.content-card-clients h6 {
    font-family: 'Monserat-Regular';
    font-size: 12px;
    color: #606060;
}

.content-card-clients .content-profile-clients .img-here {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: red;
    display: inline-block;
}

.breadcrumb-arrow {
    height: 36px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background-color: #e6e9ed;
}
.breadcrumb-arrow li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top;
}


/***********/
.breadcrumb-arrow li+li:before {
    padding: 0;
    content: "";
}
.breadcrumb-arrow li span {
    padding: 0 10px
}
.breadcrumb-arrow li a, 
.breadcrumb-arrow li:last-child a {
    height: 36px;
    padding: 0 10px 0 25px;
    line-height: 36px;
}
.breadcrumb-arrow li:first-child a {
    padding: 0 10px;
}
.breadcrumb-arrow li a {
    position: relative;
    padding-right: 0;
    text-decoration: none;
    background-color: #fff;
    text-align: center;
    width: 100%;
    color: #fff;
    font-family: 'Monserat-Regular';
    font-size: 12px;
    text-transform: uppercase;
}
.breadcrumb-arrow li:first-child a {
    padding-left: 10px;
}

.breadcrumb-arrow li:last-child a:before,
.breadcrumb-arrow li:last-child a:after {
    content: "";
    right: 0;
    border: 0;
}


.breadcrumb-arrow li span {
    color: #434a54;
}

.custom-nav-tabs {
    border: 0;
    padding: 0;
}

.custom-nav-tabs.nav-tabs .nav-link {
   background-color: #005D83;
   color: #fff;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   padding: 12px 26px;
   font-size: 12px;
   font-family: 'Monserat-Regular';
   text-transform: uppercase;
   display: flex;
   align-items: center;
   height: 100%;
}
.custom-nav-tabs.nav-tabs .nav-item {
    padding-right: 5px;
    z-index: 1;
}

.custom-nav-tabs.nav-tabs .nav-item:last-child {
    padding-right: 0;
}

.custom-nav-tabs.nav-tabs .nav-item.show .nav-link, 
.custom-nav-tabs.nav-tabs .nav-link.active {
    background-color: #fff;
    color: #b7bc00;
    position: relative;
    font-weight: bold;
}

.custom-nav-tabs.nav-tabs .nav-link.active:before {
    content: "";
    width: 3px;
    height: calc(100% - 24px);
    background: #b7bc00;
    position: absolute;
    left: 0;
}

#curriculumVitae .list-group li span, 
#clientNecessity .list-group li span {
    font-size: 12px;
    font-family: 'Monserat-Regular';
    color: #606060;
    text-align: right;
}

#curriculumVitae .list-group li select,
#clientNecessity .list-group li select {
    font-size: 12px;
    font-family: 'Monserat-Regular';
    color: #606060;
    text-align: right;
}

#curriculumVitae .list-group li input,
#clientNecessity .list-group li input {
    font-size: 12px;
    font-family: 'Monserat-Regular';
    color: #606060;
    text-align: right;
}
.title-details-card {
    font-family: 'Monserat-Bold';
    color: #606060;
    font-size: 12px;
    margin: 0;
}

/* detailsPropertyViews */

#detailsPropertyViews p {
    font-family: 'Monserat-Regular';
    font-size: 0.65rem;
    margin: 0;
    color: #606060;
}
#propertySummary  input{
    font-family: 'Monserat-Regular';
    font-size: 12px;
    margin: 0;
    color: #606060;
}
#propertySummary  span{
    font-family: 'Monserat-Regular';
    font-size: 12px;
    margin: 0;
    color: #005D83;
}
#propertyCodeContact  input{
    font-family: 'Monserat-Regular';
    font-size: 12px;
    margin: 0;
    color: #606060;
}
#propertyCodeContact  label{
    font-family: 'Monserat-Regular';    
    
}

/* curriculumVitaeViews */
#curriculumVitaeViews label, 
#curriculumVitaeViews input, 
#curriculumVitaeViews select,
#historyViews label, 
#historyViews input, 
#historyViews select {
    font-family: 'Monserat-Regular';
    font-size: 0.65rem;
    margin: 0;
    color: #606060;
} 

#historyViews label {
    line-height: 1.5rem;
}

/* stepper History */
ul.stepper {
    margin: 0;
    padding: 0;
}

ul.stepper .step-content p {
    font-family: 'Monserat-Regular';
    font-size: 12px;
    margin: 0;
    color: #606060;
}

ul.stepper li a {
    z-index: 9;
}

.stepper-vertical li:not(:last-child):after {
    top: 4.15rem;
    left: 2.75rem;
    width: 2px;
}

.stepper-vertical li .step-content {
    margin-left: 3.13rem;
    width: calc(100% - 5.13rem);
    display: flex;
    padding: 15px 1.5rem;
    align-items: center;
}

.stepper-vertical li .step-content span {
    padding: 5px 12px;
    font-family: 'Monserat-Regular';
    font-size: 12px;
}

.stepper-vertical li .step-content span.step-assigned {
    color: #fff;
    background-color: #005D83;
}

.stepper-vertical li .step-content span.step-agended {
    color: #606060;
    background-color: #FFEFCA;
}

ul.stepper li a .circle {
    width: 2.75rem;
    height: 2.75rem;
    background-color: transparent !important;
    margin-right: .9rem;
}

ul.stepper li a .title-step {
    font-family: 'Monserat-Regular';
    color: #005d83;
    font-size: 12px;
} 

ul.stepper li a .time-step {
    font-family: 'Monserat-Regular';
    font-size: 12px;
    color: #606060;
}

/* DatePicker */
#datepicker .datepicker-inline {
	width: 100%;
}

#datepicker .datepicker-inline .table-condensed {
	width: 100%;
}

#datepicker .datepicker-inline .table-condensed tbody tr td.disabled {
	color: #edeef0;
}

#datepicker .datepicker table tr td.today {
	background-color: #B7BC00;
	color: #fff;
}

.datepicker table tr td.today:hover {
	background-color: #B7BC00;
	color: #fff;
}

.content-filter {
    max-height: 600px;
    height: auto;
}

.content-filter label {
    color: #646464;
    font-family: 'Monserat-Regular';
    font-size: 10px;
    line-height: 23px;
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: #005D83;
    border-color: #005D83;
}

.dropdown-toggle::after {
    background-image: url('../../img/virtual/icons/Arrow-dropdown.svg');
    border: 0;
    background-size: 100% 100%;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    line-height: 17px;
    position: relative;
    top: 4px;
    margin: 0;
    left: 4px;
}

.content-filter span.filter {
    font-family: 'Monserat-Bold';
    font-size: 11px;
    color: #005D83;
}

.clear-filters {
    font-size: 10px;
    color: #545755;
    font-family: 'Monserat-Regular';
}

.clear-filters:hover {
    color: #545755;
    opacity: 0.7;
}

.content-card-notes .card-notes h6 {
    font-family: 'Monserat-SemiBold';
    font-size: 12px;
    color: #646464;
}

.content-card-notes .card-notes p {
    font-family: 'Monserat-Regular';
    font-size: 12px;
    color: #646464;
}

.content-card-notes .card-notes span {
    font-family: 'Monserat-Regular';
    font-size: 10px;
    color: #A9ABAC;
    display: block;
    text-align: right;
}

.ui-autocomplete {
  position: absolute;
  z-index: 99999 !important;
  cursor: default;
  padding: 0;
  margin-top: 2px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  font-size: 12px;
  font-family: 'Monserat-Regular';
  color: #606060;
}

.ui-autocomplete>li {
  padding: 3px 20px;
}

.ui-autocomplete>li.ui-state-focus {
  background-color: #DDD;
}

.ui-helper-hidden-accessible {
  display: none;
}

#sidebarCollapse.active img {
    transform: rotate(0deg);
    transition: all 0.5s linear;
}

#sidebarCollapse img{
    transform: rotate(180deg);
    transition: all 0.5s linear;
}

.content-arrow-sidebar {
    padding: .8rem;
    transition: all 0.5s linear;
}
	
/* Section Notes */
.content-notes {
    max-height: 500px;
    overflow: auto;
    position: relative; 
}
.content-title-notes {
    padding: 10px 0;
    margin: 0;
}
.content-filter-notes {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}
.content-item-notes span {
    color: #545755;
    font-family: 'Monserat-Regular';
    font-size: 12px;
}
.title-notes {
    color: #545755;
    font-family: 'Monserat-Regular';
    font-size: 12px;
}
select#cmbNewNotePriority {
    font-size: 12px;
    font-family: 'Monserat-Regular';
    color: #606060;
    text-align: right;
}
select#cmbNewNoteType {
	font-size: 12px;
    font-family: 'Monserat-Regular';
    color: #606060;
    text-align: right;
}
select#cmbNewNoteTypeAppointment {
	font-size: 12px;
    font-family: 'Monserat-Regular';
    color: #606060;
    text-align: right;
}
p.card-title{
	font-size: 12px;
    font-family: 'Monserat-Regular';
    color: #606060;
    text-align: left;	
}
.appointmentHour select{
	font-size: 12px;
    font-family: 'Monserat-Regular';
    color: #606060;
    text-align: right;	
}
div#leftsidebar {
    width: 175px;
}
.main-state.active{
	color: #ffc107;
}
.headerDialog{
	background-color: #005D83;
    font-family: 'Monserat-Bold';
    font-size: 12px;
    color: #fff;
}
.bodyDialog{
    font-family: 'Monserat-Regular';
    font-size: 12px;
}
.simple-dialog{
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	font-size: 12px;
	font-family: 'Monserat-Bold';
	text-transform: uppercase;
	display: flex;
	align-items: center;
	height: 100%;
}
.ui-widget-header {
	font-size: 12px;
	font-family: 'Monserat-Regular';
	text-transform: uppercase;
    border: 1px solid #aaaaaa /*{borderColorHeader}*/;
    background: #005d83/*{bgColorHeader}*/
    50% /*{bgHeaderXPos}*/
    50% /*{bgHeaderYPos}*/
    repeat-x /*{bgHeaderRepeat}*/;
    color: #fff /*{fcHeader}*/;
    font-weight: bold;
}
.simple-cmb select{
	font-size: 12px;
    font-family: 'Monserat-Regular';
    color: #606060;
    text-align: right;
}

.tracking {
	margin-left: 30px;
	margin-bottom: 10px;
}

.tracking h3 {
	font-size: 12px;
	font-family: 'Monserat-Bold';
	color: #545755;
	margin-top: 10px;
	margin-bottom: 15px;
}

.tracking p {
	font-size: 10px;
	font-family: 'Monserat-Regular';
	color: #606060;
	padding: 1px;
	margin-left: 10px;
	margin-bottom: 1px;
}

.agentCalendar {
	font-size: 12px;
	font-family: 'Monserat-Regular';
	color: #606060;
}

.modal-content-choose{
	text-align: center;
}

.modal-content-choose .modal-content-tittle{
	font-family: 'Monserat-Bold';
	background-color: #005D83;
	color: #fff;
}

.modal-content-choose button{
	background-color: #005D83;
    font-family: 'Monserat-Bold';
    color: #fff;
    text-transform: capitalize;
}

.modal-content-choose button:hover{
	opacity: 0.7;
    color: #fff;
}

.propertyringDiv {
	width: 45px;
	height: 45px;
	text-align: center;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid black;
	margin: 5px;
	cursor: pointer;
}

.propertyringDiv:hover {
	background-color: #005D83;
	opacity: 0.8;
}

.propertyringDiv label {
	padding: 1em;
	font-family: 'Monserat-Bold';
}

.modalExample {
	position: absolute;
	z-index: 1000000000 !important;
}