html {
     padding: 0px;
     margin: 0px;
 }



@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.external_section_container {
    padding: 10px;
}
.change_account_view_container{
    display: inline-flex;
    background: #40B758;
    border-radius: 5px;
    color:white;
    max-width: 700px;
    
}
.health_icon{
    width: 20px;
    height: 20px;
  background-color: black;
  -webkit-mask: url(../images/svg/health-solid.svg) no-repeat center;
  mask: url(../images/svg/health-solid.svg) no-repeat center;

}
.option_view{
    display: flex;
    align-items: center;
    cursor: pointer;
    text-align: center;
    justify-content: center;
    padding: 7px;
    border-radius: 5px;
    width: 50%;
    transition: .2s;

}
.option_view.active_view{
    background:#005b12;
    transition: .2s;
}
.health_dot{
    width: 16px !important;
    height: 16px !important;
    background: red;
    border-radius: 9999px;
}
.btn-view {
    height: 2.5rem;
    width: 2.5rem;
    margin-right: 0.6rem;
    margin-left: 0.6rem;
    cursor: pointer;
    background-color: white;
    position: relative;
    border: 2px solid #ccc;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fas.fa-search, .fas.fa-bolt{
    font-size: large;
    color: gray;
}
.white-icon{
    color: white !important;
}
.btn_search_form{
        border: 2px solid #ccc;
        background-color: #f1f1f1;
        padding: 9px;
        border-radius: 4px;
        font-size: 16px;
}

.btn-view:hover{
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px;
}

.pending_status,.pending_status:hover{
    background: #0B7CBA !important;
    border-color: #0B7CBA;
}
.in_progress_status,.in_progress_status:hover{
    background: #E3A539 !important;
    border-color: #E3A539!important;
}
.completed_status,.completed_status:hover{
    background: #40B758 !important;
    border-color: #40B758!important;
}

.canceled_status,.canceled_status:hover{
    background: #f21d1d !important;
    border-color: #f21d1d!important;
}
.no_show_status,.no_show_status:hover{
    background: #e35b39 !important;
    border-color: #e35b39!important;
}
.pending_status:hover,.in_progress_status:hover,.completed_status:hover,.canceled_status:hover,.no_show_status:hover{
    
}


.div_status{
    
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 5px;
    background: #b9b9bf;
}
.div_status span{
    font-weight: bold;
    color: #ffffffd1;
}
.header_and_button_container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.optionals_checkbox + select{
    width: 45% !important;
}

.label_optional{
    width: 48.5% !important;
}
.chart_box{
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: space-between;
}

.countReport {
    background: black;
    color: #FFF;
    text-weight: bold;
    text-decoration: none;
    padding: 7px;
    border-radius: 7px;
    padding: 7px 10px;
}
.countLink{
    text-decoration: none;
    color: unset;
    
}
.boxs_leads_links div {
 margin-bottom:10px ;
}

.warning-button{
    color: #ff3b3b !important;
    background: #fff00000 !important;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid red !important;
    border-radius: 3px ;
    cursor: pointer;
    width: 46% !important;
}

.warning-button:hover{
    background: #ff3b3b !important;
    color: white !important;
    transition: 0.2s;
}

.action_button{
    color: #399fe3 !important;
    background: #fff00000 !important;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid #399fe3 !important;
    border-radius: 3px ;
    cursor: pointer;
    width: 46% !important;
}

.action_button:hover{
    background: #399fe3 !important;
    color: white !important;
    transition: 0.2s;
}

 #tableCreate div, .tbody > *{
    animation:show .6s;
    transition: .2s;
    
 }
 .search_container{
    width: 100%;
    display: inline-block;
    margin-bottom: 10px ;
 }
 .main_table{
    hei
 }
 .custom-column {
     display: none;
 }
 
 .themeImage {
     position: relative;
     width: 50%;
 }
 
 .themeImage img {
     width: 100%;
 }
 
 .title-module {
     padding-left: 15px;
 }
 
 td {
     text-align: left;
 }
 .border-table-view table {
    border :1px solid #aaaaaa;
    width: 100%!important;

 }

 .edit-column,
 .categories_tag,
 .path,
 .notes, .categories {
     text-align: center;
 }
 
 .centered-cell {
     text-align: center;
 }
 /* Style the button and place it in the middle of the container/image */
 
 .themeImage .btnThemes {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     color: white;
     font-size: 16px;
     padding: 12px 24px;
     border: none;
     cursor: pointer;
     border-radius: 5px;
 }
 
 .themeImage .btnInActive {
     text-align: center;
     white-space: nowrap;
     -webkit-appearance: none;
     border: 1px solid #555;
     color: #000;
     background-color: #FFF;
     display: inline-block;
     cursor: pointer;
     color: black !important;
 }
 
 .themeButton {
     margin: 5px;
     float: right;
     width: 80%;
     margin-right: 30px;
 }
 
 .theme {
     width: 30% !important;
     margin-left: 2%;
     cursor: pointer;
 }
 
 .theme button img {
     width: 100%;
 }
 
 .theme button {
     cursor: pointer;
     padding: 0;
     margin: 0;
     border: 0;
 }
 
 .themeActive img {
     cursor: pointer;
     padding: 0;
     margin: 0;
     border: 0;
     -webkit-box-shadow: 1px 0px 5px 3px #3ebbead1;
     box-shadow: 1px 0px 5px 3px #3ebbead1;
 }
 
 .tooltip_custom li div {
     position: fixed !important;
     right: 40px;
 }
 
 .allwidth {
     width: 100% !important;
 }
 
 .floatmenu {
     left: 218px !important;
     top: 146px !important;
     width: 255px !important;
     display: block !important;
 }
 
 .requeried {
     border: 1px solid red;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABHklEQ…AM8AaumPaM/rRehyWhXqbFAA9kh3/8/NvHxAYGAsZ/il8IalkCLBfNVAAAAABJRU5ErkJggg==);
     background-repeat: no-repeat;
     background-attachment: scroll;
     background-size: 16px 18px;
     background-position: 98% 50%;
     cursor: auto;
 }

 .grid_box{
    display: grid !important; 
    grid-template-columns:1fr 1fr ; 
    align-items: center;
    width: 100%;
 }

 
 body {
     font-family: Arial, Helvetica, sans-serif;
     padding: 0px;
     margin: 0px;
     font-size: 11pt;
 }
 
 a {
     color: #0428DD;
 }
 
 a:hover {
     color: #4675E2;
 }
 
 p {
     padding: 10px;
     margin: 10px;
 }
 
 hr {
     margin: 15px auto;
     border: 1px solid black;
     clear: both;
 }
 
 input,
 textarea {
     padding: 8px;
     resize: vertical;
 }
 
 input[type='submit'] {
     cursor: pointer;
 }
 
 select {
     cursor: pointer;
     padding: 8px;
 }
 
 #guide_search_term,
 #guide_search {
     width: 100%;
     box-sizing: border-box;
 }
 
 .textalignleft {
     text-align: left;
 }
 
 .textalignright {
     text-align: right;
 }
 
 .createticketbutton {
     margin-left: 54px !important;
     float: left !important;
     margin-top: -16px !important;
 }
 
 .req {
     color: #cc0000;
 }
 
 #p_price {
     width: 90% !important;
 }
 
 .fixed {
     padding: 5px;
     background: #000000;
     position: fixed;
     bottom: 10%;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .slct_timezone {
     width: 47% !important;
 }
 
 li {
     margin-bottom: 15px;
 }
 
 h1 {
     font-size: 14pt;
     margin: 0px;
     padding: 0px;
 }
 
 .actionbutton a {
     display: block;
     margin: 10px 150px;
     background: url('images/button-bg.png') repeat-x;
     -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
     border-radius: 7px;
     font-size: 16pt;
     font-weight: bold;
     text-decoration: none;
     color: #151515;
     padding: 15px 3px;
     text-align: center;
     border: 1px solid #F7C90C;
 }
 
 .actionbutton a:hover {
     background: -webkit-gradient(linear, left top, left bottom, from(#F7C90C), to(#F2AB07));
     background: -moz-linear-gradient(top, #F7C90C, #F2AB07);
     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#F7C90C, endColorstr=#F2AB07);
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F7C90C, endColorstr=#F2AB07)";
 }
 
 #message {
     display: inline-block;
     min-height: 100px;
     width: 100%;
     background: #FFF;
     text-align: left;
     box-sizing: border-box;
     margin-bottom: 10px;
     border: 1px solid #c5c5c5;
 }
 
 .message_header {
     text-align: left !important;
     padding: 5px;
     background: #f1f1f1;
 }
 
 .message_container {
     text-align: left !important;
     padding: 5px;
 }
 
 .red {
     color: #CC0000;
 }
 
 .proper {
     text-transform: capitalize;
 }
 
 .maindiv {
     text-align: center;
 }
 
 .step {
     text-align: center;
     font-size: 16pt;
     color: #FFF;
     background: #CCC;
     width: 88px;
     height: 24px;
     padding: 5px 0px;
     text-transform: uppercase;
     float: left;
 }
 
 .header {
     background: #000;
 }
 
 .menu {
     padding: 0px;
     margin: 0px;
     font-weight: bold;
 }
 
 .menu ul {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
     width: 99%;
 }
 
 .menu ul li {
     margin: 0px;
     padding: 10px 0px;
     display: inline-block;
     margin-left: -0px;
     margin-right: -5px;
 }
 
 .menu ul li:hover {
     opacity: 0.95;
     filter: alpha(opacity=95);
 }
 
 .menu ul li a {
     color: #FFF;
     text-decoration: none;
     display: inline-block;
     width: 101%;
 }
 
 .menu ul li a div {
     padding: 0 20px;
     text-align: center;
 }
 
 .menu ul li a div span {
     cursor: pointer;
 }
 
 .site-menu {
     position: absolute;
     background: #000;
     z-index: 3;
 }
 
 .site-menu ul li {
     display: block;
     margin-left: 0;
 }
 
 .content {
     background: #FFF;
     text-align: left;
     margin: 0px auto;
     padding: 15px;
     min-height: 400px;
 }
 
 .content table {
     background: #FFF;
 }
 
 .footer {
     background: #000;
     color: #3A3A3A;
     margin: 0px auto;
     text-align: center;
     padding: 15px;
 }
 
 .footer .content {
     text-align: justify;
 }
 
 .footer a {
     color: #3A3A3A;
 }
 
 .footer li {
     display: inline;
 }
 
 .footer li:after {
     content: "  |  ";
 }
 
 #registration_form input {
     float: right;
     margin-right: 350px;
 }
 
 #registration_form div {
     float: left;
     margin-top: 10px;
     width: 100%;
 }
 
 .checkboxgroup {
     display: inline;
 }
 
 #registration_form {
     clear: both;
     height: 950px;
     width: 1000px;
     margin: 0px auto;
 }
 
 .error {
     color: red;
 }
 
 .tooltip {
     position: absolute;
     z-index: 99999999;
     border: 1px solid #EFF298;
     background-color: #FAFCC4;
     padding: 10px;
     margin: 10px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .tooltip h3,
 .tooltip div {
     margin: 0;
 }
 
 .tt_item {
     cursor: pointer;
     color: blue;
 }
 
 #pr12 input {
     padding: 0 !important;
 }
 
 table.leads {
     width: 100%;
     border: none;
     border-collapse: collapse;
     
 }
 table.main_table{
    min-height: 500px;
 }
 
 .leads tr td {
     padding: 5px 10px;
     font-size: 14px;
     border-left: 1px solid #ccc;
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
 }
 
 .leads #assignment-body tr td {
     text-align: left;
     vertical-align: top;
 }
 
 .leads tr th {
     padding: 5px 10px;
     font-size: 14px;
     border-left: 1px solid #ccc;
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
 }
 
 .leads tr td a,
 .edit-site-a,
 #selectbox a, .selectbox a{
     color: black;
     text-decoration: none;
 }
 .selectbox a{
    margin-left: 10px;
    margin-right: 10px;
 }
 
 .leads tr td a:hover,
 .edit-site-a:hover,
 #selectbox a:hover, .selectbox a:hover {
     color: black;
     text-decoration: underline;
     cursor: pointer;
 }
 
 .leads tr th {
     background-color: #f1f1f1;
 }
 
 .leads tr th.tablesorter-header:not(.tablesorter-unsort) {
     background-image: url(../images/black16x16/table-bg.png);
     background-repeat: no-repeat;
     background-position: center right;
     padding-right: 20px;
     margin-right: -1px;
     border-left: 1px solid #dad9c7;
 }
 
 .leads tr th.tablesorter-header:hover:not(.tablesorter-unsort) {
     background-color: #d1d1d1;
     cursor: pointer;
 }
 
 .leads tr th.tablesorter-headerDesc:not(.tablesorter-unsort) {
     background-image: url(../images/black16x16/table-asc.png);
     background-color: #d1d1d1;
 }
 
 .leads tr th.tablesorter-headerAsc:not(.tablesorter-unsort) {
     background-image: url(../images/black16x16/table-desc.png);
     background-color: #d1d1d1;
 }
 
 .custom-document-table tr td,
 #main_table img {
     vertical-align: text-bottom;
 }
 
 #selectbox, .selectbox{
     background: #f1f1f1;
     padding: 5px 10px;
     font-size: 14px;
     border-left: 1px solid #ccc;
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
 }
 
 .countContact {
     background: #E3A539;
     color: #FFF;
     text-weight: bold;
     text-decoration: none;
     padding: 7px;
     border-radius: 7px;
     padding: 7px 10px;
 }
 
 .countContactLink {
     text-decoration: none;
     font-weight: bold;
 }
 
 .countLand {
     background: #40b758;
     color: #FFF;
     text-weight: bold;
     text-decoration: none;
     padding: 7px;
     border-radius: 7px;
     padding: 7px 10px;
 }
 
 .countLandLink {
     text-decoration: none;
     font-weight: bold;
 }
 
 .countHouse {
     background: #0b7cba;
     color: #FFF;
     text-weight: bold;
     text-decoration: none;
     padding: 7px;
     border-radius: 7px;
     padding: 7px 10px;
 }
 
 .countHouseLink {
     text-decoration: none;
     font-weight: bold;
 }
 
 div.leads_students {
     float: left;
     text-align: left;
 }
 
 div.leads_update {
     float: right;
     text-align: right;
     margin-bottom: 5px;
     display: inline-block;
 }
 
 div.coach_update {
     text-align: right;
     margin-bottom: 5px;
 }
 
 div.student_update {
     text-align: right;
     margin-bottom: 5px;
 }
 
 div.files_options {
     text-align: right;
     margin-bottom: 5px;
 }
 .options_appoiments{
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;

 }
 

 .date_string {
     text-align: right;
 }
 
 #offers-mails div {
     margin-left: 20px;
     margin-right: 20px;
 }
 
 .offer_end {
     margin-top: 30px;
     margin-bottom: 30px;
 }
 
 .hp_ta {
     height: 90px;
     width: 500px;
     margin-left: 143px !important;
 }
 
 #h_pic {
     margin-right: 294px !important;
 }
 
 .hp_ta2 {
     height: 90px;
     width: 100% !important;
     margin: 10px 0px 10px 0px !important;
 }
 
 div.paginator {
     padding: 15px;
     text-align: center;
     margin: 5px;
 }
 
 div.paginator a {
     color: #212121;
     background: #F1F1F1;
     border: 1px solid #CCC;
     padding: 6px 10px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     text-decoration: none;
     font-weight: bold;
 }
 
 a.leads_links {
     color: black;
     margin-right: 20px;
 }
 
 a.leads_links:hover {
     color: #0000FF;
 }
 
 a.leads_links img {
     margin-bottom: -4px;
     margin-right: 5px;
 }
 
 #edit_site_image {
     max-width: 300px;
 }
 
 #dislaimer_form {
     display: none;
     background-color: #FFFFDD;
     border: 1px solid black;
     border-radius: 5px 5px 5px 5px;
     height: 170px;
     margin-left: 350px;
     margin-top: -370px;
     padding: 15px;
     position: relative;
     width: 500px;
     z-index: 20;
 }
 
 #disclaimer_form_submit {
     text-align: right;
     margin-top: 10px;
 }
 
 #disclaimer_button {
     margin-left: 10px;
 }
 
 .maindiv {
     z-index: 1;
 }
 
 div.lead-offer {
     margin: 0px;
 }
 
 #offers-mails {
     overflow: hidden;
     position: relative;
     width: 760px;
     height: 1900px;
 }
 
 #offers-mails ul {
     position: relative;
     left: 0;
     top: 0;
     list-style: none;
     margin: 0;
     padding: 0;
 }
 
 #offers-mails li {
     width: 760px;
     height: 1750px;
     float: left;
 }
 
 .go_big_title {
     font-weight: bold;
     text-align: center;
 }
 
 .go_apn_block {
     margin-left: 60px !important;
 }
 
 .go_sign1 {
     float: left;
     width: 300px;
     border-top: 1px solid black;
 }
 
 .go_sign2 {
     float: left;
     width: 100px;
     border-top: 1px solid black;
     text-align: center;
 }
 
 .go_side_title,
 .go_side_info {
     float: left;
 }
 
 .go_side_title {
     margin: 0px !important;
 }
 
 .go_side_info {
     margin-left: 10px !important;
 }
 
 .go_sides {
     clear: both;
 }
 
 table.go_price {
     margin-left: 20px;
 }
 
 .go_price_col1 {
     width: 600px;
 }
 
 table.leads-edit-table {
     margin-top: 20px;
 }
 
 a.print_link {
     color: black;
     text-decoration: none;
     margin-right: 10px;
 }
 
 #tooltip h3,
 #tooltip div {
     font-weight: normal;
 }
 
 #home_url {
     background: none repeat scroll 0 0 #F1F1F1;
     border: 1px solid black;
     padding: 10px;
     text-align: center;
 }
 /* ADMIN CSS */
 
 .alert {
     color: #21AE07;
 }

 .red_class {
    color: red;
}
 
 .red_record {
     background: #F7EAE3;
 }
 
 #submenu {
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     background: #161616;
     height: 38px;
     padding: 0px;
     overflow: hidden;
     height: auto;
 }
 
 .students#submenu {
     background: #40B758;
 }
 
 .appoinments#submenu {
     background: #0B7CBA;
     color: #FFF;
 }
 
 .assignments#submenu {
     background: #e35b39;
 }
 
 .files#submenu {
     background: #9b109b;
 }
 
 #submenu ul,
 #submenu-hidden ul {
     list-style: none;
     padding: 0px;
     margin: 0px;
 }
 
 #submenu-hidden li {
     float: none !important;
 }
 
 #submenu li,
 #submenu-hidden li {
     display: inline-block;
     margin-bottom: 0;
 }
 
 #submenu li:hover,
 #submenu-hidden li:hover {
     background: #2B2B2B;
     cursor: pointer;
 }
 
 #submenu a,
 #submenu-hidden a {
     color: #FFF;
     text-decoration: none;
     padding: 10px 40px;
     display: block;
     position: relative;
     transition: all 0.3s ease-in-out;
 }
 .submenu-selected::after {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(84, 84, 84, 1);
 }
 
 #submenu-more {
     position: absolute;
     z-index: 100;
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     padding: 9.5px;
     cursor: pointer;
     right: 15px;
 }
 
 #submenu-more img {
     vertical-align: middle;
 }
 
 #submenu-hidden {
     position: absolute;
     z-index: 100;
     display: none;
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     background: #161616;
     padding: 0px;
     right: 15px;
 }
 
 #submenu-hidden li {
     display: block !important;
     margin-bottom: 0px !important;
 }
 
 .students#submenu-more:hover {
     background: #35A84C !important;
 }
 
#submenu-more:hover {
     background: #0671AA !important;
 }
 
 .files#submenu-more:hover {
     background: #7a0d7a !important;
 }
 
 .black#submenu-more:hover {
     background: #2B2B2B !important;
 }
 
 .abutton {
     background: #1864AF;
     color: #FFF !important;
     text-decoration: none !important;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     text-align: center;
     padding: 7px 16px;
     border: 1px solid #1862AD;
     cursor: pointer;
     font-size: 12pt;
     white-space: nowrap;
     -webkit-appearance: none;
 }
 
 .abutton:hover {
     opacity: 0.90;
     filter: alpha(opacity=90);
     color: #FFF;
 }
 
 .greenbutton {
     background: #40b758;
     color: #FFF !important;
     text-decoration: none !important;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     text-align: center;
     padding: 7px 16px;
     border: 1px solid #669c4c;
     cursor: pointer;
     font-size: 12pt;
     white-space: nowrap;
     -webkit-appearance: none;
 }
 
 .greenbutton:hover {
     opacity: 0.90;
     filter: alpha(opacity=90);
     color: #FFF;
 }
 
 .yellowbutton {
     background-color: #E3A539;
     color: #FFF !important;
     text-decoration: none !important;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     text-align: center;
     padding: 7px 16px;
     border: 1px solid #e3a539;
     cursor: pointer;
     font-size: 12pt;
     white-space: nowrap;
     -webkit-appearance: none;
 }
 
 .yellowbutton:hover {
     opacity: 0.90;
     filter: alpha(opacity=90);
     color: #E3A537;
 }
 
 .blackbutton {
     background: #161616;
     color: #FFF !important;
     text-decoration: none !important;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     text-align: center;
     padding: 7px 16px;
     border: 1px solid #000000;
     cursor: pointer;
     font-size: 12pt;
     white-space: nowrap;
     -webkit-appearance: none;
 }
 
 .blackbutton:hover {
     opacity: 0.90;
     filter: alpha(opacity=90);
     color: #FFF;
 }
 
 .graybutton {
     background: #334455;
     color: #FFF !important;
     text-decoration: none !important;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     text-align: center;
     padding: 7px 16px;
     border: 1px solid #555;
     cursor: pointer;
     font-size: 12pt;
     white-space: nowrap;
     -webkit-appearance: none;
 }
 
 .graybutton:hover {
     opacity: 0.90;
     filter: alpha(opacity=90);
     color: #FFF;
 }
 
 .highlighted {
     background: rgba(251, 226, 123, 0.8) !important;
 }
 .highlighted_red {
    background: #F55656 !important;
}
.highlighted_orange{
    background: #EB982D !important;
}
.highlighted_orange2 {
    background: #F1C335 !important;
}
.highlighted_yellow {
    background: #FBE27B !important;
}

 
 .wtText {
     color: #FFF;
     font-weight: bold;
 }
 
 .inputForm {
     width: 90%;
     margin: 0px auto;
 }
 
 .inputForm .submit-button {
     text-align: center;
 }
 
 .inputForm .submit-button input,
 .inputForm .submit-button a {
     display: inline-block;
     width: 45%;
     margin: 5px;
 }
 
 .inputForm .row {
     clear: both;
     padding: 5px;
     border-bottom: solid #CCC 1px;
     min-height: 35px;
     display: block;
     position: relative;
 }
 
 .inputForm .row>p {
     margin: 0;
 }
 
 .inputForm .row>label {
     display: inline-block;
     width: 49%;
     vertical-align: top;
 }
 
 .inputForm .row>table,
 .inputForm .row>input,
 .inputForm .row>textarea,
 .inputForm .row>div,
 .inputForm .row>span {
     display: inline-block;
     width: 45%;
 }
 
 .inputForm .row>select {
     display: inline-block;
     width: 46%;
 }
 
 .inputForm .row>textarea {
     height: 100px;
 }
 
 .inputForm .row>.ckeditor,
 .inputForm .row>.cke {
     width: 100% !important;
 }
 
 .checkbox_public,
 .checkboxPublic,
 .label_public {
     float: none !important;
     width: auto !important;
 }
 
 .checkbox_public,
 .checkboxPublic {
     margin-right: 2%;
 }
 
 .label_public_title {
     margin-right: 10px !important;
     margin-left: 2% !important;
     float: none !important;
     width: 30% !important;
 }
 
 .label_public_check {
     margin-right: 10px !important;
     margin-left: 40% !important;
     float: none !important;
 }
 
 .input_public {
     width: 70% !important;
     margin-right: 2% !important;
 }
 
 .div_checkinput {
     width: 25%;
     display: inline-block;
 }
 
 .docTable th,
 .docTable td {
     padding: 10px;
     width: 100%;
 }
 
 .docTable td:first-child,
 .docTable td:first-child+td,
 .docTable td:first-child+td+td,
 .docTable td:first-child+td+td+td,
 .docTable td:first-child+td+td+td+td {
     width: 19.6%
 }
 
 .docTable td:first-child+td+td+td+td+td {
     width: 2%
 }
 
 #r_text {
     text-align: center;
 }
 
 .toggleBox {
     padding: 15px;
 }
 
 .toggleBoxHeader {
     background: #F1F1F1;
     border-bottom: solid #CCC 1px;
     padding: 5px;
     cursor: pointer;
     font-weight: bold;
     color: #212121;
 }
 
 .NotoggleBoxHeaderUploadFiles {
     background: #F1F1F1;
     border-bottom: solid #CCC 1px;
     padding: 5px;
     cursor: pointer;
     font-weight: bold;
     color: #212121;
 }
 
 .plus:before {
     content: " + ";
 }
 
 .minus:before {
     content: " - ";
 }
 
 .fourth {
     width: 20%;
     margin-top: 2%;
 }
 #add_students_to_group_calls form h3 {
    margin: 20px 0 0 0;
 }
 #add_students_to_group_calls form div {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 15px;
 }
 #add_students_to_group_calls form label {
    border-radius: 3px;
    background: #efefef;
    padding: 3px 8px 3px 5px;
    flex: 1 1 25%;
    display: flex;
    align-items: center;
    gap: 10px;
 }
 #add_students_to_group_calls form > div {
    width: 100%;
 }


 /*SINGLE ADD APOTINMENT POPUP*/
 #popup #schedule_call .schedule_cards_main_container #Coaching_apt_card_container {
    gap: 30px;
 }
#popup #schedule_call .schedule_cards_main_container #Coaching_apt_card_container > div.call_card {
    flex: 1;
    width: inherit;
    min-height: inherit;
 }
 #popup #schedule_call .schedule_cards_main_container #Coaching_apt_card_container > div.call_card .call_options {
    margin-top: 30px;
    flex: 1;
    display: flex;
    align-items: flex-end;
 }
 #popup #schedule_call .schedule_cards_main_container #Coaching_apt_card_container > div.call_card .progress_container {
    padding: 0;
    text-align: left;
 }
 #popup #schedule_call .schedule_cards_main_container #Coaching_apt_card_container > div.call_card .progress_container .progress_bar {
    box-sizing: border-box;
    max-width: 100%;
 }
 
 @media (min-width: 1025px) {
     .fourth:nth-child(5n+1) {
         clear: both;
     }
 }
 
 .fourth_max_height {
     max-height: 251px !important;
 }
 
 .uploadImage {
     height: 150px;
 }
 
 .uploadImageinput {
     background: none;
     border: 0;
     color: #1241CE;
     float: none !important;
 }
 
 .uploadImage img {
     width: 90%;
     max-height: 150px;
     overflow: hidden;
 }
 
 .floatLeft {
     float: left;
     display: inline-block;
 }
 
 .center {
     text-align: center;
 }
 
 .delete {
     margin: -20px 0px 0px -20x;
     display: fixed;
 }
 
 .students,
 .students ul,
 .students ul li {
     background: #40B758;
 }
 
 .students ul li:hover {
     background: #35A84C !important;
 }
 
 .messages,
 .messages ul,
 .messages ul li {
     background: #E3A539;
 }
 
 .messages ul li:hover {
     background: rgb(204, 147, 49) !important;
 }
 
 .appoinments,
 .appoinments ul,
 .appoinments ul li {
     background: #0B7CBA;
 }
 
 .appoinments ul li:hover {
     background: #0671AA !important;
 }
 
 .coaches,
 .coaches .submenu,
 .coaches ul,
 .coaches ul li {
     background: #399fe3;
 }
 
 .appointments,
 .appointments .submenu,
 .appointments ul,
 .appointments ul li{
    background: #0B7CBA
 }
 .appointments ul li:hover {
     background: #0671AA !important;
 } 
 .dashboard,
 .dashboard .submenu,
 .dashboard ul,
 .dashboard ul li {
     background: #e33939;
 }
 
 .coaches ul li:hover {
     background: #3287c0 !important;
 }
 
 .assignments,
 .assignments ul,
 .assignments ul li {
     background: #e35b39;
 }
 
 .files,
 .files ul,
 .files ul li {
     background: #9b109b;
 }
 
 .assignments ul li:hover {
     background: #c74e30 !important;
 }
 
 .contact,
 .contact ul,
 .contact ul li {
     background: #E3A539;
 }
 
 .contact ul li:hover {
     background: #D19224 !important;
 }
 
 .black,
 .black ul,
 .black ul li {
     background: #161616;
 }
 
 .black ul li:hover {
     background: #2B2B2B !important;
 }
 
 .back {
     float: left;
     width: 100px;
 }
 
 .errormessage {
     background: #FC0300;
     color: #FFF;
     padding: 10px;
     width: 100%;
 }
 
 .pageHeader {
     float: right;
     width: -moz-calc(100% - 100px);
     width: -webkit-calc(100% - 100px);
     width: calc(100% - 100px);
     text-align: left;
     margin-top: 7px;
 }
 
 .left {
     text-align: left;
     float: left;
     width: 50%;
 }
 
 .right {
     text-align: right;
     float: right;
     width: 50%;
 }
 
 .clear {
     clear: both;
 }
 
 .bg_grey {
     background: #f1f1f1;
 }
 
 .pageContainer {
     border-left: 1px solid #F1F1F1;
     border-right: 1px solid #F1F1F1;
     border-bottom: 1px solid #F1F1F1;
     padding-top: 20px;
 }
 
 .splitField {
     width: 48% !important;
 }
 
 .help {
     position: fixed;
     bottom: 10%;
     left: -1px;
     z-index: 100 !important;
 }
 
 .homepageHeader {
     text-align: center;
     line-height: 30px;
     justify-content: space-between;
     display: flex;
 }
 
 .homepageHeader div span {
     font-size: large;
 }
 
 .homeButtons-div {
     margin: 0 auto;
     text-align: center;
 }
 
 .homeButtons-div>div {
     display: inline-block;
     padding: 10px;
 }
 
 .homeButtons-div div hr {
     width: 80%;
     border: 1px solid #555;
 }
 
 .homeButtons-div div img {
     vertical-align: text-top;
 }
 
 .homeButtons-div .enable-tour label {
     vertical-align: 10px;
 }
 
 .homeButtons-div .enable-tour .toggle-btn-grp {
     display: inline-block;
     text-align: left;
 }
 
 .homeButtons {
     width: 250px;
     padding: 60px 0px;
     border: none !important;
     display: block;
 }
 
 .login {
     width: 20%;
     margin: 0px auto;
     text-align: center;
 }
 
 .login input {
     width: 90%;
     margin-bottom: 5px;
 }
 
 .login .abutton {
     margin-left: 5px;
 }
 
 .pager {
     margin-top: 5px;
 }
 
 .pager img {
     vertical-align: middle;
     margin-bottom: 5px;
 }
 
 .land_container {
     float: left;
     width: 48%;
 }
 
 .house_container {
     float: right;
     width: 48%;
 }
 
 .land_unsort_table,
 .house_unsort_table {
     color: #000;
     margin-bottom: 5%;
     border: 1px solid #000;
     min-width: 300px;
 }
 
 .land_sort_table {
     color: #669c4c;
     border: 1px solid #669c4c;
     margin: 0 5px 0 5%;
     min-width: 300px;
 }
 
 .house_sort_table {
     color: #1862AD;
     border: 1px solid #1862AD;
     margin: 0 5% 0 5px;
     min-width: 300px;
 }
 
 .land_container .land_sort_table,
 .house_container .house_sort_table {
     margin: 0;
 }
 
 .land_unsort_table ul,
 .house_unsort_table ul,
 .land_sort_table ul,
 .house_sort_table ul {
     list-style-type: none;
     padding: 3%;
     min-height: 50px;
 }
 
 .land_unsort_table ul li,
 .house_unsort_table ul li,
 .land_sort_table ul li,
 .house_sort_table ul li {
     text-align: left;
     font-size: 11pt;
     padding-left: 10px;
 }
 
 .help-home {
     text-align: center;
 }
 
 .help-button {
     display: inline-block;
     border: medium none;
     margin: 3%;
     padding: 40px 15px;
     min-height: 200px;
     width: 250px;
     vertical-align: text-bottom;
     white-space: normal;
 }
 
 .podio_container {
     width: 80%;
     margin: 0 auto;
     border: 1px solid #CCC;
 }
 
 .podio_container .row p {
     margin: 0px 0px 20px;
     padding: 0px;
 }
 
 .podio_container .row>label {
     display: inline-block;
     font-weight: bold;
     width: 40%;
 }
 
 .podio_container .row>span,
 .podio_container .row>div {
     display: inline-block;
     width: 50%;
     vertical-align: middle;
 }
 
 .podio-form iframe {
     width: 100%;
     height: 100%;
     border: 0;
 }
 
 #iframe1 {
     min-height: 1357px;
 }
 
 #iframe2 {
     min-height: 903px;
 }
 
 #iframe3 {
     min-height: 677px;
 }
 
 .api-guide {
     text-align: center;
     display: none;
 }
 
 .api-guide .row {
     text-align: left;
     padding: 5px 20px;
 }
 
 .api-guide .row>label {
     width: 20%;
 }
 
 .api-guide .row>span,
 .api-guide .row>div {
     width: 70%;
 }
 
 .api-guide .row-key>label {
     width: 20%;
     float: none;
     vertical-align: text-top;
 }
 
 .api-guide .row-key>span,
 .api-guide .row>div {
     width: 27%;
     float: none;
     vertical-align: text-top;
 }
 
 .api-guide .row-key>label:last-of-type {
     margin-left: 15px;
 }
 
 .api-guide .row-header,
 .api-guide .row-image {
     font-weight: bold;
     text-align: center;
 }
 
 .api-guide img {
     width: 95%;
 }
 
 .api-guide img:hover {
     width: 100%;
 }
 
 .api-guide pre {
     min-width: 100%;
     overflow-x: auto;
     background-color: #EEE;
 }
 
 .api-guide textarea {
     border: 0;
     min-width: 98%;
     background-color: #EEE;
 }
 
 .api-guide textarea.url {
     height: 80px;
 }
 
 .api-guide textarea.body {
     height: 300px;
 }
 
 @media (max-width:500px) {
     .api-guide textarea.url {
         height: 160px;
     }
     .api-guide textarea.body {
         height: 600px;
     }
 }
 
 @media (max-width:1000px) {
     .api-guide,
     .api-guide .row>span,
     .api-guide .row>div {
         width: 95%;
     }
     .api-guide .row>label {
         margin-bottom: 5px;
     }
     .api-guide .row-key>label:last-of-type {
         margin-left: 0;
     }
 }
 
 @media (max-width:480px) {
    .grid_box{
        display: block;
    }
     .podio_container,
     .podio_container .row>span,
     .podio_container .row>div {
         width: 95%;
     }
     .podio_container .row>label {
         margin-bottom: 5px;
     }
     #iframe1 {
         min-height: 1443px;
     }
     #iframe2 {
         min-height: 972px;
     }
     #iframe3 {
         min-height: 1068px;
     }
     .help-home .help-button {
         width: 200px !important;
     }
 }
 
 .tag_div {
     position: relative;
     width: 100%;
 }
 
 .tag {
     width: 50%;
 }
 
 .tag_value {
     position: absolute;
     top: 35px;
     left: 24%;
     width: 52%;
     border: 1px solid #BBB;
     background: #FFF;
     z-index: 2;
 }
 
 .tag_value span {
     display: none;
     padding: 8px;
 }
 
 .tag_value .selected {
     background: #3297FD;
     color: white;
 }
 
 .tag_value .displayed {
     display: block !important;
     cursor: pointer;
 }
 
 .tag_container {
     margin: 10px 0;
 }
 
 .tag_container span {
     display: inline-block;
     margin: 0 3px 5px 0;
     border: 1px solid #9DACCB;
     border-radius: 3px;
     padding: 3px 3px;
     background: #E9EAED;
     white-space: nowrap;
 }
 
 .tag_container a {
     text-decoration: none;
     color: blue !important;
 }
 
 .tag_container img {
     vertical-align: text-top;
     cursor: pointer;
 }

 .tag_container2 span {
     display: inline-block;
     margin: 0 3px 5px 0;
     border: 1px solid #9DACCB;
     border-radius: 3px;
     padding: 3px 3px;
     background: #E9EAED;
     white-space: nowrap;
 }
 
 .tag_container2 a {
     text-decoration: none;
     color: blue !important;
 }
 
 .tag_container2 img {
     vertical-align: text-top;
     cursor: pointer;
 }
 
 .customWebpage>span,
 .customWebpage>div>span {
     display: inline-block;
     width: 40%;
     min-height: 44.5px;
 }
 
 .customWebpage .left {
     padding-right: 10%;
 }
 
 .customWebpage .text {
     display: inline-block;
     width: 30%;
 }
 
 .customWebpage input[type=text] {
     width: 60%;
 }
 
 .customWebpage input,
 .customWebpage select,
 .customWebpage div,
 .customWebpage textarea {
     vertical-align: bottom;
 }
 
 @media (max-width: 800px) {
     .flex-container {
        flex-direction: column;

      }
      .flex-container> div {
        width: 100%!important;
      }
     .customWebpage>span,
     .customWebpage>div>span {
         margin-bottom: 10px;
     }
     #compslinks {
         width: 100% !important;
     }
     .customWebpage>span,
     .customWebpage>div>span,
     .customWebpage .text {
         display: block;
         width: 100%;
     }
     .customWebpage span {
         margin-right: 0% !important;
         padding-right: 0% !important;
         text-align: left !important;
     }
 }
 
 .webpage a,
 .webpage a:hover {
     color: #0428DD !important;
 }
 /* UPLOAD FILES CSS */
 
 .ajax-file-upload-statusbar {
     border: 1px solid #F1F1F1;
     margin-top: 10px;
     width: 95%;
     margin-right: 10px;
     margin: 5px;
     padding: 5px 5px 5px 5px;
 }
 
 .ajax-file-upload-filename {
     display: inline-flex;
     word-wrap: break-word;
     height: auto;
     margin: 0 5px 5px 10px;
     color: #807579;
 }
 
 .ajax-file-upload-progress {
     margin: 0 10px 5px 10px;
     position: relative;
     width: 98%;
     border: 1px solid #F1F1F1;
     padding: 1px;
 }
 
 .ajax-file-upload-bar {
     background-color: #40B758;
     width: 0;
     height: 20px;
     border-radius: 3px;
     color: #FFFFFF;
 }
 
 .ajax-file-upload-percent {
     position: absolute;
     display: inline-block;
     top: 3px;
     left: 48%
 }
 
 .ajax-file-upload-red {
     background: #E56060;
     color: #FFF;
     width: 20%;
     border-color: #E05959;
 }
 
 .ajax-file-upload-red:hover {
     opacity: 0.90;
     filter: alpha(opacity=90);
     color: #FFF;
 }
 
 .ajax-file-upload {
     display: inline-block;
     width: 30%;
     margin-bottom: 1%;
     margin-right: 25%;
 }
 
 .ajax-upload-dragdrop {
     border: 1px dotted #A5A5C7;
     width: 98%;
     color: #DADCE3;
     text-align: left;
     vertical-align: middle;
     padding: 10px 10px 0px 10px;
     margin-bottom: 10px;
 }
 
 .offer-container {
     text-align: center;
     margin: 0 auto;
     width: 90%;
     background: #FFF none repeat scroll 0% 0%;
     padding: 15px;
     min-height: 400px;
 }
 
 .offer-container input[type=text],
 .offer-container input[type=number] {
     width: 30%;
 }
 
 .step-div {
     margin-bottom: 30px;
 }
 
 .row {
     clear: both;
     padding: 5px 5px 20px 5px;
     border-bottom: 1px solid #CCC;
     min-height: 20px;
     display: block;
 }
 
 .note {
     font-size: 12px;
     font-style: italic;
 }
 
 .break {
     margin: 0 15px;
     font-weight: bold;
 }
 
 .result-header {
     text-align: center;
 }
 
 .bggreen {
     background-color: #7FFF00;
 }
 
 .bgyellow {
     background-color: #FFFF00;
 }
 
 .bgred {
     background-color: #FF5050;
 }
 
 #result {
     text-align: center !important;
     display: none;
 }
 
 #result .row {
     padding-bottom: 5px;
 }
 
 #result label {
     display: inline-block;
     width: 45%;
 }
 
 #result a {
     text-decoration: underline;
     text-align: center;
     cursor: pointer;
     font-size: 12pt;
     white-space: nowrap;
     -webkit-appearance: none;
 }
 
 #result a:hover {
     opacity: 0.90;
     filter: alpha(opacity=90);
     color: #000;
 }
 
 .atcb-list {
     display: none;
     position: absolute;
     z-index: 900;
     list-style: none;
     background: #000;
 }
 
 .atcb-item {
     padding: 10px 0;
     background: #000;
     text-align: center;
     margin-bottom: 0;
 }
 
 .atcb-item-link {
     text-decoration: none;
     padding: 0 20px;
     color: #FFF;
     font-weight: normal;
 }
 
 .atcb-item-link:hover {
     cursor: pointer;
     text-decoration: none;
     color: #FFF;
 }
 
 .atcb-link img,
 .atcb-item-link img {
     vertical-align: top;
 }
 
 .records-log {
     display: block !important;
     width: auto !important;
     border-bottom: 1px solid #CCC !important;
     padding: 5px 0 !important;
 }
 
 .property-ad-textarea {
     width: 90%;
     min-height: 200px;
     margin: 0 10px;
 }
 
 .property-ad .highlight {
     background: yellow;
 }
 
 .property-ad h1,
 .property-ad h2,
 .property-ad h3,
 .property-ad h4,
 .property-ad li {
     margin: 10px !important;
     border: 0 !important;
     padding: 0 !important;
 }
 
 .property-ad p {
     margin: 10px 0;
     padding: 0 0 0 20px;
 }
 
 .property-ad ul {
     margin: 10px 0;
     padding: 0 0 0 40px;
 }
 
 .property-ad h1 {
     font-size: 2em;
 }
 
 .property-ad h2 {
     font-size: 1.5em;
 }
 
 .property-ad h3 {
     font-size: 1.17em;
 }
 
 .property-ad h4 {
     font-size: 1.12em;
 }
 
 .submit-deal span {
     display: inline-block;
     width: 30%;
     margin: 10px 0;
 }
 
 .submit-deal iframe {
     min-height: 1000px;
 }
 
 .more-than-5000 {
     margin-top: 10px;
     padding: 10px;
     background: #F1F1F1;
     text-align: center;
 }
 
 .more-than-5000 .subtitle,
 .more-than-5000 .leads_apn,
 .more-than-5000 #search-box {
     display: inline-block;
     float: none;
     text-align: center;
 }
 
 @media (max-width: 800px) {
     .more-than-5000 .subtitle,
     .more-than-5000 .leads_apn {
         width: 90%;
     }
     .theme {
         width: 50% !important;
         left: 25%;
     }

     .chart_box{
        display: block;
        text-align: center;
        align-items: center;
    }
 }
 
 @media (max-width: 650px) {
     .submit-deal iframe {
         min-height: 1200px;
     }
 }
 
 @media (max-width: 500px) {
     .closeAll span,
     .atcb-link span,
     .atcb-item-link span {
         display: none;
     }
     .submit-deal span {
         display: block;
         width: 80%;
     }
     .more-than-5000 #searchBy,
     .more-than-5000 #search-box,
     .more-than-5000 #search-box input,
     .more-than-5000 #search-box select,
     .more-than-5000 #sbutton {
         margin: 3px;
         width: 90%;
     }
 }
 /* UPLOAD FILES CSS */
 
 @media (max-width: 1200px) {
     .land_sort_table,
     .house_sort_table {
         float: none !important;
         margin: 5% 0 5% !important;
         width: 95% !important;
     }
     .land_container,
     .house_container {
         float: none !important;
         margin: 0 0 5% !important;
         width: 95% !important;
     }
     .land_container .land_sort_table,
     .house_container .house_sort_table {
         margin: 0 !important;
         width: 100% !important;
     }
 }
 
 @media (max-width: 1141px) {
     .land_deals_table .hideTablet {
         display: none !important;
         width: 0 !important;
         height: 0 !important;
         opacity: 0 !important;
         visibility: collapse !important;
     }
 }
 
 @media (max-width: 1024px) {
     .hideTablet {
         display: none !important;
         width: 0 !important;
         height: 0 !important;
         opacity: 0 !important;
         visibility: collapse !important;
     }
     .login {
         width: 60%;
     }
     .help {
         visibility: hidden !important;
     }
     .fourth {
         width: 50% !important;
     }
     .uploadImage img {
         width: 90%;
         height: 250px;
         max-height: 250px;
     }
     .uploadImage {
         height: 250px !important;
     }
 }
 
 @media (max-width: 800px) {
     .fourth {
         width: 10% !important;
     }
     .uploadImage {
         height: 160px !important;
     }
     .uploadImage img {
         width: 90%;
         height: 150px;
         max-height: 150px;
     }
     .floatLeft {
         width: 50% !important;
     }
     .floatRight {
         width: 50% !important;
     }
     .fourth:nth-child(2n+1) {
         clear: both;
     }
     .createticketbutton {
         width: 43% !important;
         margin-top: 0px !important;
     }
     #create_ticket .graybutton {
         width: 43% !important;
     }
     .menu ul li {
         width: 7% !important;
         height: 20px !important;
     }
     .menu ul li a div:not(.login-menu) {
         padding: 0 !important;
     }
     .menu ul li a div span {
         display: none !important;
     }
     .left,
     .right {
         display: block;
         float: none !important;
         width: 100% !important;
         text-align: center !important;
     }
     .right a {
         float: none !important;
         width: 20% !important;
         margin: 0 auto !important;
     }
     .offer-container select {
         width: 100% !important;
     }
     .inputForm .row>label {
         margin-bottom: 10px;
     }
     .inputForm,
     .inputForm .row>label,
     .inputForm .row>select,
     .inputForm .row>table,
     .inputForm .row>input,
     .inputForm .row>textarea,
     .inputForm .row>div,
     .inputForm .row>span {
         width: 95%;
     }
     .warning-button{
        width: 96%!important;
    }
     .inputForm .submit-button input,
     .inputForm .submit-button a {
         width: 90%;
     }
 }
 
 @media (min-width: 480px) {
     .hidedesktop {
         display: none;
     }
 }
 
 @media (max-width: 480px) {
     .ttwidth {
         width: 80% !important;
         left: 3% !important;
     }
     .btnSizeMobile {
         font-size: 9pt;
     }
     .marketresearchmenu,
     .optionmenu {
         display: none !important;
     }
     .slct_timezone {
         width: 100% !important;
     }
     .realtor_mg {
         margin-top: -10px;
     }
     .optionsmenu {
         display: none;
     }
     .floatLeftMobile {
         float: left;
     }
     .homepageHeader{
        display: block;
     }
     .homepageHeader a {
         display: block;
         width: 75%;
         margin: 0px auto;
         padding: 5px;
     }
     .homeButtons {
         padding: 20px 10px !important;
     }
     .homeButtons-div .enable-tour .toggle-btn-grp.cssonly * {
         width: 120px;
     }
     .content {
         padding: 5px;
     }
     .back {
         float: none;
         width: 100%;
     }
     .floatLeft,
     .floatRight {
         float: none;
         width: 100%;
         padding: 10px 0px;
     }
     .createticketbutton {
         margin-left: 10px !important;
         float: none;
         padding: 10px 0px;
         width: 42% !important;
         float: right !important;
         margin-top: 0px !important;
         font-size: 12px;
     }
     #create_ticket .graybutton {
         width: 50% !important;
         font-size: 12px;
     }
     .pageHeader {
         float: none;
         width: 100%;
         padding-top: 30px;
     }
     .splitField {
         width: 100% !important;
     }
     .hideMobile,
     #api {
         display: none !important;
         width: 0 !important;
         height: 0 !important;
         opacity: 0 !important;
         visibility: collapse !important;
     }
     .offerOptbtn {
         display: -webkit-flex;
         /* Safari */
         -webkit-flex-wrap: wrap;
         /* Safari 6.1+ */
         display: flex;
         flex-wrap: wrap;
     }
     .login {
         width: 90%;
     }
     .fourth {
         float: none !important;
         width: 100% !important;
     }
     .uploadImage {
         height: 200px !important;
     }
     .leads_update {
         width: 100% !important;
     }
     .leads_update a {
         text-decoration: none !important;
     }
     .leads_update a span {
         display: none !important;
     }
     #submenu li {
         padding: 10px 14px;
     }
     .popup .abutton {
         width: 100% !important;
         margin: 5px 0px;
     }
     .popup .graybutton {
         width: 100% !important;
         margin: 5px 0px;
     }
 }
 
 @media (max-width: 340px) {
     .menu ul li {
         width: 28px !important;
         height: 18px !important;
     }
 }
 /* popup */
 
 #popup-background {
     display: none;
     opacity: 0.75;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 100;
     width: 100%;
     height: 100%;
     background: #000;
 }
 
 .popup {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 16px;
     display: none;
     position: absolute;
     top: 10%;
     left: 15%;
     z-index: 101;
     width: 70%;
     min-height: 60%;
     padding: 1%;
     box-sizing: border-box;
     background-color: #fff;
     border-radius: 4px;
     border-top: 1px solid #d7d7d7;
     border-right: 1px solid #cccccc;
     border-bottom: 1px solid #cccccc;
     border-left: 1px solid #c2c2c2;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5);
     box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5);
 }
 
 .popup h2 {
     padding: 0 0 0.1em;
     margin: 0;
     border-bottom: 1px solid #aaaaaa;
 }
 
 .popup ul {
     margin: 0;
 }
 
 .popup li {
     margin: 0.4em 0;
 }
 
 .popup table {
     width: 70%;
     margin: 0 auto;
     border-collapse: collapse;
     border-top: 2px solid #aaaaaa;
     border-bottom: 2px solid #aaaaaa;
     text-align: center;
 }
 
 .popup tr {
     border-bottom: 1px solid #aaaaaa;
 }
 
 .popup th {
     padding: 0.6em 0.6em;
 }
 
 .popup #front td:nth-of-type(2) {
     text-align: left;
 }
 
 .popup #front input {
     width: 60%;
 }
 
 .popup #front select {
     width: 66%;
 }
 
 .popup-body {
     height: 100%;
     padding: 1%;
 }
 
 .popup-close-icon {
     position: absolute;
     top: 10px;
     right: 10px;
     width: 30px;
     height: 30px;
     border: 0;
     background: url('../images/black16x16/ic_cancel.png') no-repeat center center;
     text-indent: -999em;
     cursor: pointer;
 }
 
 @media screen and (max-width:480px) {
     .popup {
         width: 95% !important;
         left: 2.5% !important;
     }
 }
 /* toggle-btn */
 
 .toggle-btn-grp {
     margin: 3px 0;
 }
 
 .toggle-btn {
     text-align: center;
     text-decoration: none;
     font-size: 12pt;
     white-space: nowrap;
     -webkit-appearance: none;
     border: 1px solid #555;
     border-radius: 3px;
     margin: 5px 2px;
     padding: 0.4em 3em;
     color: #000;
     background-color: #FFF;
     display: inline-block;
     cursor: pointer;
 }
 
 .toggle-btn-grp.joint-toggle .toggle-btn {
     margin: 5px 0;
     padding: 0.4em 2em;
     border-radius: 0;
     border-right-color: white;
 }
 
 .toggle-btn-grp.joint-toggle .toggle-btn:first-child {
     margin-left: 2px;
     border-radius: 10px 0px 0px 10px;
 }
 
 .toggle-btn-grp.joint-toggle .toggle-btn:last-child {
     margin-right: 2px;
     border-radius: 0px 10px 10px 0px;
     border-right: solid 1px #CCC;
 }
 
 .toggle-btn:hover {
     border: solid 1px black;
     background: #DDD;
 }
 
 .toggle-btn.success {
     background: #DDD;
     border: solid 1px black;
 }
 
 .toggle-btn-grp.cssonly * {
     width: 140px;
     height: 30px;
     line-height: 30px;
 }
 
 .toggle-btn-grp.cssonly div {
     display: inline-block;
     position: relative;
     margin: 5px 2px;
 }
 
 .toggle-btn-grp.cssonly div label {
     position: absolute;
     z-index: 0;
     padding: 0;
     text-align: center;
 }
 
 .toggle-btn-grp.cssonly div input {
     position: absolute;
     z-index: 1;
     cursor: pointer;
     opacity: 0;
 }
 
 .toggle-btn-grp.cssonly div:hover label {
     border: solid 1px black;
     background: #DDD;
 }
 
 .toggle-btn-grp.cssonly div input:checked+label {
     background: #334455;
     color: #FFF !important;
 }
 
/*  #highlight_radios div input:checked+label {
    background: #334455 !important;
    color: rgb(255, 255, 255) !important;
} */
 
 .replybutton {
     float: right;
     width: 51%;
     margin-top: -10px;
 }
 
 .replybuttonattach {
     float: right;
     margin-right: -17px;
     width: 53%;
 }
 
 .Floatright {
     float: right !important;
 }
 
 .suggestionFeature {
     background: rgba(0, 0, 0, 0.73);
 }
 
 .input-popup-mobile {
     width: 40%;
 }
 
 .custom-map-input {
     width: 90%;
 }
 
 @media only screen and (max-device-width: 1030px) {
     .custom-map-input {
         width: 85% !important;
     }
 }
 
 @media only screen and (max-device-width: 480px) {
     .editsitepage .tooltip {
         width: 60% !important;
         left: 20% !important;
     }
     .ttwidth {
         width: 80% !important;
         left: 3% !important;
     }
 }
 
 @media only screen and (max-width: 500px) {
     .edit-site-a {
         margin-left: 20%;
         margin-right: 20%;
     }
     .input-popup-mobile {
         width: 100% !important;
     }
     .popup-button {
         width: 80%;
         padding-left: 10px;
         padding-right: 10px;
         font-size: 13px;
     }
 }
 
 @media only screen and (max-width: 330px) {
     .custom-map-input {
         width: 80% !important;
     }
     .edit-site-a {
         margin-left: 7.41%;
         margin-right: 8%;
     }
     .input-popup-mobile {
         width: 100% !important;
     }
     .popup-button {
         width: 80%;
         padding-left: 10px;
         padding-right: 10px;
         font-size: 11px;
     }
 }
 
 .next_button {
     float: right;
     margin-top: -20px;
 }
 
 .back_button {
     background-color: #101112;
     color: white;
 }
 
 .arrow-right {
     border: solid white;
     border-width: 0 3px 3px 0;
     display: inline-block;
     padding: 4px;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
 }
 
 .arrow-left {
     border: solid white;
     border-width: 0 3px 3px 0;
     display: inline-block;
     padding: 4px;
     transform: rotate(135deg);
     -webkit-transform: rotate(135deg);
 }
 
 .arrow-up {
     border: solid white;
     border-width: 0 3px 3px 0;
     display: inline-block;
     padding: 4px;
     transform: rotate(-135deg);
     -webkit-transform: rotate(-135deg);
 }
 
 .arrow-down {
     border: solid white;
     border-width: 0 3px 3px 0;
     display: inline-block;
     padding: 4px;
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
 }
 /* Change color of the menu -start */
 
 .colorOfheader {
     width: 100%!important;
     display: flex!important;
     justify-content: flex-start;
     align-items: flex-start;
     padding: 5px;
 }
 
 .colorOfheader>label {
     width: 50%;
 }
 
 .btn-colorOfheader {
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 46.5%;
 }
 
 .colorOfheader>.btn-colorOfheader input {
     width: 100%;
     margin-right: 10px;
 }
 /* Change color of the menu - end*/
 
 .optinImagesContainer {
     display: flex;
 }
 /* Switcher display */
 
 .switcher_template {
     width: 100%!important;
     display: flex!important;
     flex-wrap: wrap;
     padding-top: 5px;
 }
 
 .switcher_template>label {
     width: 50%;
 }
 
 .btn_switcher_template {
     display: flex;
     /* flex-wrap: wrap; */
     width: 47%;
     padding-left: 5px;
     justify-content: space-between;
 }
 
 .switcher_template img {
     width: 100%;
     height: 100px;
     /* padding: 5px; */
 }
 
 .imgPlusBorder {
     -webkit-box-shadow: 0.1px 0px 0.1px 1.5px #334455;
     box-shadow: 0.1px 0px 0.1px 1.5px #334455;
 }
 
 .img-btn {
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
     padding-right: 5px;
     padding-bottom: 5px;
     cursor: pointer;
     width: 50%;
 }
 
 .toggle-btn {
     color: #000000!important;
     margin: 2px 2px!important;
 }
 
 .profile_img {
     text-align: center;
 }
 
 @media screen and (max-width:600px) {
     .switcher_template>label {
         width: 100%;
     }
     .btn_switcher_template {
         width: 100%;
         justify-content: center;
     }
     div#create_table {
         overflow-x: scroll !important;
     }
     input#search_input {
         width: 67%;
     }
     .row .img-profile {
         width: 100% !important;
         height: auto !important;
     }
     tbody#message-body .total {
         line-height: 2;
     }
     .toggleBox #biography {
         display: none;
     }
 }
 
 @media screen and (max-width:320px) {
     input#search_input {
         width: 67%;
     }
 }
 
 @media screen and (max-width:375px) {
     input#search_input {
         width: 67%;
     }
 }
 
 @media screen and (max-width:800px) {
     .btn_switcher_template {
         flex-wrap: wrap;
         padding-top: 10px;
     }
     .optinImagesContainer {
         display: block;
     }
     .btn_switcher_template {
         width: 100%
     }
     .btn_switcher_template .img-btn {
         width: 100%;
         margin-bottom: 20px;
     }
     .btn_switcher_template .img-btn img {
         height: 300px;
     }
 }
 
 @media screen and (max-width:515px) {
     .homeButtons {
         width: 200px !important;
         padding: 50px 10px !important;
     }
     .btn_switcher_template .img-btn img {
         height: 200px;
     }
 }
 
 @media screen and (max-width:480px) {
     .floatmenu {
         left: 121px !important;
         top: 183px !important;
         width: 255px !important;
         display: block !important;
     }
 }
 /* Switcher display - end*/
 
 @media only screen and (max-width:900px) and (orientation: landscape) {
     .hideMobile {
         display: none !important;
         width: 0 !important;
         height: 0 !important;
         opacity: 0 !important;
         visibility: collapse !important;
     }
     .leads_update a span {
         display: none !important;
     }
     .leads_update a {
         text-decoration: none !important;
     }
 }
 
 .move_index input {
     width: 20px;
     height: 7px;
     text-align: center;
 }
 
 .move_index {
     font-size: 12px
 }
 
 .move_index .move_up b span,
 .move_index .move_down b span {
     cursor: pointer;
     font-size: 15px
 }
 
 .move_index .move_up b span:hover,
 .move_index .move_down b span:hover {
     font-size: 20px
 }
 
 #addressMaps {
     width: 35%;
     min-width: 200px;
     margin-bottom: 10px;
 }
 
 .inputMaps {
     text-align: center;
     position: absolute;
     top: 50%;
     right: 0;
     left: 0;
 }
 
 #myBar {
     width: 1%;
     height: 50px;
     background-color: #4CAF50;
     text-align: center;
     /* To center it horizontally (if you want) */
     line-height: 50px;
     /* To center it vertically */
     color: white;
 }
 
 #myProgress {
     background: #80808038;
 }
 
 .move_index_listing input {
     width: 29px;
     text-align: center;
     height: 7px;
 }
 
 .move_index_listing {
     font-size: 12px
 }
 
 .move_index_listing .move_up b span,
 .move_index_listing .move_down b span {
     cursor: pointer;
     font-size: 15px
 }
 
 .move_index_listing .move_up b span:hover,
 .move_index_listing .move_down b span:hover {
     font-size: 20px
 }
 /* @media (max-width: 479px) {
	.tooltip_custom li div{
		top:0px;
		left: -170% !important;
	}
}
 @media (max-width: 550px) {
	.tooltip_custom li div{
		top:0px;
		left: -166%;
	}
}
 @media (min-width: 551px) and (max-width: 650px) {
	.tooltip_custom li div{
		top:0px;
		left: -149%;
	}
}
 @media (min-width: 651px) and (max-width: 750px) {
	.tooltip_custom li div{
		top:0px;
		left: -130%;
	}
}
 @media (min-width: 751px) and (max-width: 850px) {
	.tooltip_custom li div{
		top:0px;
		left: -94%;
	}
}
 @media (min-width: 851px) and (max-width: 900px) {
	.tooltip_custom li div{
		top:0px;
		left: -75%;
	}
}
  @media (min-width: 901px) and (max-width: 1048px) {
	.tooltip_custom li div{
		top:0px;
		left: -135%;
	}

}
@media (max-device-width: 480px) {
 	.tooltip_custom li div{
		top:0px;
		left: -125% !important;
	}
 }
@media (min-device-width: 480px) and (max-device-width: 699px) {
 	.tooltip_custom li div{
		top:0px;
		left: -95%;
	}
 }
 @media (min-device-width: 700px) and (max-device-width: 900px) {
 	.tooltip_custom li div{
		top:0px;
		left: -50%;
	}
 }
  @media (min-device-width: 900px) and (max-device-width: 1048px) {
 	.tooltip_custom li div{
		top:0px;
		left: -90%;
	}
 } */
 /*-------------Loans styles ---------------------*/
 
 .menu-files {
     background-color: #9b109b !important;
 }
 
 .files {
     background-color: #9b109b !important;
 }
 
 .files li:hover {
     background-color: #660766 !important;
 }
 
 .countfiles {
     background: #9b109b;
     color: #FFF;
     text-weight: bold;
     text-decoration: none;
     padding: 7px;
     border-radius: 7px;
     padding: 7px 10px;
 }
 
 .purplebutton {
     background: #9b109b;
     color: #FFF !important;
     text-decoration: none !important;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     text-align: center;
     padding: 7px 16px;
     border: 1px solid #7c0f7c;
     cursor: pointer;
     font-size: 12pt;
     white-space: nowrap;
     -webkit-appearance: none;
 }
 
 .purplebutton:hover {
     opacity: 0.90;
     filter: alpha(opacity=90);
     color: #FFF;
 }
 
 .coachesbutton {
     background: #399fe3;
     color: #FFF !important;
     text-decoration: none !important;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     text-align: center;
     padding: 7px 16px;
     border: 1px solid #2c7cb1;
     cursor: pointer;
     font-size: 12pt;
     white-space: nowrap;
     -webkit-appearance: none;
 }
 
 .coachesbutton:hover {
     opacity: 0.90;
     filter: alpha(opacity=90);
     color: #FFF;
 }

 .tasksbutton {
     background: black;
     color: #FFF !important;
     text-decoration: none !important;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     text-align: center;
     padding: 7px 16px;
     border: 1px solid black;
     cursor: pointer;
     font-size: 12pt;
     white-space: nowrap;
     -webkit-appearance: none;
 }
 
 .tasksbutton:hover {
     opacity: 0.90;
     filter: alpha(opacity=90);
     color: #FFF;
 }
 
 .commingSoon {
     background: #ffdf00;
     color: #fff;
     font-weight: bold;
     padding: 5px;
     margin: 5px 0;
     display: inline-block;
 }
 
 .radio-calc {
     position: relative;
     display: inline-block;
     margin-bottom: 0;
     font-weight: 400;
     vertical-align: middle;
     cursor: pointer;
     padding-left: 10px;
 }
 
 @media only screen and (min-device-width: 480px) {
     .property_type .toggle-btn-grp.cssonly {
         margin-left: 6px;
     }
     .property_type .toggle-btn-grp.cssonly div {
         width: 48%;
         height: 30px;
         line-height: 30px;
         display: inline-block;
         position: relative;
         margin: 5px 2px;
     }
     .property_type .toggle-btn-grp.cssonly label {
         width: 100%;
     }
 }
 
 .td-p8 {
     padding: 8px 0 !important;
 }
 
 .tDnD_whileDrag td {
     background-color: #eee;
     /*-webkit-box-shadow: 11px 5px 12px 2px #333, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
     -webkit-box-shadow: 6px 3px 5px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
     /*-moz-box-shadow: 6px 4px 5px 1px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
     /*-box-shadow: 6px 4px 5px 1px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
 }
 
 .tDnD_whileDrag td:last-child {
     /*-webkit-box-shadow: 8px 7px 12px 0 #333, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
     -webkit-box-shadow: 1px 8px 6px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
     /*-moz-box-shadow: 0 9px 4px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, -1px 0 0 #ccc inset;*/
     /*-box-shadow: 0 9px 4px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, -1px 0 0 #ccc inset;*/
 }
 
 #successmsg {
     float: left;
     margin-left: 25%;
     color: green;
 }
 
 .success {
     color: green;
 }
 
 .danger {
     color: red;
 }
 
 .button-primary {
     font-size: 12px;
     border: none;
     color: #FFFFFF;
     background: #337DE6;
     font-weight: bold;
     cursor: pointer;
     padding: 10px;
 }
 
 .button-primary:hover {
     background: #2b67bc;
 }
 
 .btnYellow {
     font-size: 12px;
     border: none;
     color: #FFFFFF;
     background: gold !important;
     font-weight: bold;
     cursor: pointer;
     padding: 10px;
 }
 
 .btnYellow:hover {
     background: #dfc11e;
 }
 
 .cutomize_title {
     float: left;
     margin: 10px 0px;
 }
 
 .tooltip_custom {
     position: relative;
     cursor: default;
     left: -20px;
     top: 13px;
     margin: 0px 0px;
 }
 
 .tooltip_custom li {
     list-style: none;
     padding: 10px;
     color: #fff;
     margin: 0px 15px 0px 0px;
     display: inline-block;
     text-align: left;
 }
 
 .tooltip_custom li div {
     background: #f1f1f1;
     color: black;
     padding: 7px;
     border-radius: 5px;
     position: absolute;
     min-width: 50px;
     max-width: 300px;
     display: none;
 }
 
 .tooltip_custom li div p:hover {
     text-decoration: none;
 }
 
 .tooltip_custom li div p a:hover {
     text-decoration: none !important;
 }
 
 .tooltip_custom div:before {
     content: '';
     height: 3px;
     width: 0;
     border: 7px solid transparent;
     border-right-color: #f1f1f1;
     position: absolute;
     top: 5px;
     left: -13px;
 }
 
 @media (max-width: 480px) {
     .options_appoiments{
        float: unset;
     }
     .tooltip_custom div:before {
         content: '';
         height: 3px;
         width: 0;
         border: 7px solid transparent;
         border-left-color: #f1f1f1;
         position: absolute;
         top: 5px;
         left: 99%;
     }
     /* .tooltip_custom li div{
          top:0px;
          left: -100%;
      } */
 }
 
 .more {
     display: none;
 }
 .more pre{
    white-space: pre-wrap;       
    white-space: -moz-pre-wrap;  
    white-space: -pre-wrap;     
    white-space: -o-pre-wrap;    
    word-wrap: break-word;       
 }
 
 .text-justify {
     text-align: justify !important;
 }

 .row-flex {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     width: 100%;
 }
 
 .column-flex {
     display: flex;
     flex-direction: column;
     flex-basis: 100%;
     flex: 1;
 }
 
 .column-flex input {
     width: 97.5%;
 }
 
 .column-flex select {
     width: 30%;
 }
 
 .searchInput {
     font-size: 15px;
     border: 1px solid grey;
     float: left;
     width: 22%;
 }
 
 .searchButton {
     margin-left: 5px;
     float: left;
     padding: 7px;
     background: #1864AF;
     color: white;
     font-size: 17px;
     border: 1px solid grey;
     border-left: none;
     border-radius: 3px;
 }
 
 .icon-search {
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAACCElEQVRIS63VzYtPcRTH8dcIOw95iligrGQhSggLlBrFQp7Cf4ANxcJCsWClWLERocaCUpQpSaRYkCysPC3kYUoRhgX61PenO9f9zfyYOXUX93zPeXfu53vOuV3+trHYhs1YjMn4ime4jtN405A3wNVVC1iBs5g7SGI/DuMYfrWLq4JT4QWMHqqacn4JO/CzKb4FXoI7iAyxd6Wiq3iN8ViJ/VheAaXqA+3Ao/AE80vAA3SjryEhhUSGQ+Us1S7C43psAjfiSjl4iwVtoNXcc9hZHD3Y0gSOVlvLwW6c6kDj6XhVpMtlTsK3al4qfoHZxTm1g2pb+Textrwsw/06+AfGFGDAndoJ7C3B6ajLdfD38km5rP8FR+No/ccixXPMKZ5p+NBhyb1YM5gUF8sIJ2YPTnYAnlEuLxJm3DP2ucQBFW9ABiGWwUi7DVV1JnR7yTmPXU3tlgFJgwcYe4j1eN9QeaQ7ioOVs+yXu03g+LLF7lVGOhUfL1/yEhOwCvuwtAZ5hNX4WJei9b4J0Tu6/atlDaSnP7US62szjZ61OW8Q8ucCmFmLiRzr8CX+Oji+VJy+zJMFkxbMzT/FNZzBuLINZ9Xgt8oC628CdypDviqrNnujajey2IYDDiyr9jam1OA9wwWHtxCRYGIF3jcS4PDyB8qIR/usz+6RAgeeQTlSnt6RBA+Q+Tc8oGD0Wu7xLgAAAABJRU5ErkJggg==) no-repeat center top;
     background-size: contain;
     color: transparent;
     filter: invert(1);
 }
 
 .pointer {
     cursor: pointer;
 }
 
 .notes_files {
     position: absolute;
     top: 223px;
 }
 
 .m-1 {
     margin: 1rem;
 }
 
 .mb-10 {
     margin-bottom: 10px;
 }
 
 .countMsg {
     background: #758486;
     color: #FFF;
     text-decoration: none;
     padding: 7px;
     border-radius: 7px;
     padding: 7px 10px;
     font-size: 10px;
 }
 
 .tabletd {
     text-align: center !important;
 }
 .grid_colum_container{
    display: grid; 
    grid-template-columns:3fr 1fr;
 }
 
 .progress_container {
     /* display: inline-block; */
     border: 1px solid #bebebe;
     border-radius: 7px;
     padding: 2px;
     background: #ffffff;
     height: fit-content;
     width: 100px;
     margin-left: auto;
     margin-right: auto;
 }
 
 .progress_bar {
     display: inline-block;
     background: #6be461;
     border-radius: 5px;
     width: 65%;
     color: #fff;
     text-align: center;
     font-weight: bold;
     font-size: 14px;
     padding: 2px;
     color: #444;
     max-width: 96%;
     flex: 1 1 auto;
 }
 .extra_data_right{
    text-align: right;

   
 }
 
 @media (max-width: 1365px) {
     .progress_container {
         width: 50px;
     }
     #student-body tr {
         padding: 0px 0px 0px 0px;
     }
     #student-body td {
         padding: 0px 0px 0px 0px;
     }
 }
 
 .updated-msg {
     color: #40B758;
 }
 /*-------------Message pop up ---------------------*/
 
 .form-group,
 .form-group-file,
 .form-group-status {
     display: flex;
     margin-bottom: 16px;
     flex-wrap: wrap;
 }
 
 .form-group label,
 .form-group-file label {
     width: 122px;
     line-height: 2.5;
 }
 
 .form-group input,
 .form-group textarea,
 .form-group-status select {
     display: block;
     width: 100%;
     padding: .375rem .75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     background-clip: padding-box;
     border: 1px solid #ced4da;
     border-radius: .25rem;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }
 
 .form-group textarea {
     resize: vertical;
 }
 
 input#attachment {
     padding-left: 0px;
     width: 102%;
 }
 
 .form-group-status label {
     /* width: 60px; */
     line-height: 2.5;
 }
 
 .form-group-status select {
     width: auto;
 }
 
 input#tag_ids {
     width: 100%;
     box-sizing: border-box;
 }
 
 .disabled_input {
     border: 1px solid #999999;
     background-color: #cccccc;
     color: #666666;
     cursor: not-allowed;
 }

 .permission_disabled  {
    opacity: 0.5;
    pointer-events: none;
}
 
 .message_attachment {
     margin: 0px 3px;
 }
 
 .badge-red {
     background-color: red !important;
     padding: 3px 7px 3px 6px;
     border-radius: 50%;
 }
 
 .notes, .categories {
     width: 9%;
     padding: 3px !important;
 }
 
 .row-selected {
     background: rgb(238, 23, 23);
 }
 .row_selected_gray {
     background: rgb(225, 225, 225)!important;
 }
 
 .inline-items {
     display: flex;
     justify-content: space-between;
     margin: 0px 10px;
     margin-bottom: -15px;
 }
 
 table.leads.bluelinks a {
     color: #0428DD;
     text-decoration: underline;
 }
 
 table.leads.bluelinks a:hover {
     color: #4675E2;
 }
 
 .popup td table {
     margin: 0;
 }
 
 .button-container {
     display: grid;
     place-items: center;
     grid-gap: 1rem;
 }
 
 .input-group-addon {
     padding: 9px 12px;
     color: #222;
     text-align: center;
     background-color: #eee;
     border: 1px solid #e6e6e6;
     border-radius: 0;
 }
 
 .form-check input {
     width: auto;
 }
 
 .avatar_coach {
     border-radius: 9999px;
     width: 30px;
 }
 
 .not_seen {
     font-weight: bold;
     background: #D7D7D7;
 }
 
 .not_replied {
     /*background: #E6E6E6;*/
     background: #E6E6E6;
 }
 
 .peding_status {
     
     background: #F1F1F1;
 }
 
 .closed_status {
     background: white;
 }


 #message_history .messages_box{
    margin-bottom: 5px !important;
 }
 #calendar_dashboard td{
    cursor: pointer;
 }

 .main_add_task_containter{
    margin-top: 15px;
 }

 .flex_box{
    display: flex;
    text-align: center;
    align-items: center;
 }
  .flex-container{
    display: flex;
    gap: 10px;

  }
 .select_ap_box{
    flex-grow: 2;
 }
 .alert_tasks_table td{
    text-align: center;
    padding: 15px;
 }

 .alert_tasks_table td{
    text-align: center;
    padding: 15px;
 }

 .msg-warning{
  background: #ff1d1d;
  width: 100%;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  padding-left: 10px;
}


.msg-warning-2{
  background: #ff1d1d;
  width: 100%;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  padding: 5px 0px 5px 5px;
  margin-bottom: 15px;
} 
.msg-success{
      background: #4CAF50;
      width: 100%;
      border-radius: 5px;
      color: white;
      font-weight: bold;
      padding-left: 10px;
}

.msg-info{
      background: #ddeaf5;
      width: 100%;
      border-radius: 5px;
      color: black;
      font-weight: bold;
      padding-left: 10px;
}
.info-container{
        background: #ddeaf5;
        color: black;
        border: 1px solid #ddeaf5;
        border-radius: 5px;
        padding: 5px;
    }

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% { 
        opacity: 1;
     }
}
.add_type:hover, .remove_type:hover {
    cursor: pointer;
  }

.chart_container::-webkit-scrollbar {
    -webkit-appearance: none;
}

.chart_container::-webkit-scrollbar:vertical {
    width:10px;
}

.chart_container::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
    display: none;
} 

.chart_container::-webkit-scrollbar:horizontal {
    height: 10px;
}

.chart_container::-webkit-scrollbar-thumb {
    background-color: #d1d1d1;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.chart_container::-webkit-scrollbar-track {
    border-radius: 10px;  
}

.flex_table{
    display: flex;
    flex-wrap: wrap;
    align-items: center;

}

.flex_table div:nth-child(odd) {
  flex: 20%; /* or - flex: 0 50% - or - flex-basis: 50% - */
  margin-top: 10px;
  margin-left: 10%;
  
}
.flex_table div:nth-child(even) {
  flex: 70%; /* or - flex: 0 50% - or - flex-basis: 50% - */
  margin-top: 10px;
 
}

.select_call_type{
    width: 80%;   
   
}
.flex_row_container{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.flex_row_container div{
    width: 50%;
}


.check_list_table{
  border: 1px;
  border-collapse: collapse;
}
.check_list_table th{
  background-color: #f1f1f1;
}


.check_list_table td:nth-child(1){
  width: 30%;
}
.check_list_table tr td , .check_list_table tr th {
    padding: 5px 10px;
    font-size: 14px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
   
    border-bottom: 1px solid #ccc;
}
.td_checkbox{
    width: 10px!important;
}
.select_table_row{
    background: rgb(225, 225, 225);
    transition: 0.2s;
}

.check_list_table .select_table_row td:nth-child(2){
   text-decoration:line-through;
}

@keyframes load {
      0% { width: 0; }

}
.cohort_block_name{
    background: #40b758;
    font-weight: bold;
    color: white;
    padding: 10px;
    border-radius: 5px;
}
.n_progress_container{
        border-radius: 6px;
        background: #dddddda6; 
        text-align: center;  
        margin-bottom: 10px;
        
}
.n_progress_container div{
        border-radius: 5px; 
        background: #40b758; 
        color: white;
        font-weight: bold; 
        text-shadow: 2px 2px 3px #00000094;
        padding: 3px;
        animation: load 1s normal forwards !important;
}
.img_user_drop{
     object-fit: cover;
    width: 30px;
    height: 30px;

    border-radius: 999px;
}


 @media (max-width: 900px) {
     .flex_row_container {
         display: block;
     }
     .flex_row_container div{
        width: 100%;
     }
 }
 @media (max-width: 885px) {
    .width-100 {
        width: 100%;
    }
    .flex-wrap-mobile{
        flex-wrap: wrap;
    }
}
/*========================Chart section========================*/
@media only screen and (min-width: 300px) {
    .chartSection {
        width: 400px;
    }
    .summarychart {
        width: 90%;
        height: 350px;

    }
}

@media only screen and (min-width: 400px) {
    .chartSection {
        width: 350px;
    }
    .summarychart {
        width: 90%;
        height: 350px;
    }
    .chart_pie_container {
        margin-top: 50px;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .chartSection {
        width: 350px;
    }
    .summarychart {
        width: 90%;
        height: 350px;
    }
    .chart_pie_container {
        margin-top: 50px;
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .chartSection {
        width: 350px;
    }
    .summarychart {
        width: 90%;
        height: 350px;
    }
    .chart_pie_container {
        margin-top: 50px;
        width: 100%;
    }
}

@media only screen and (min-width: 1700px) {
    .chartSection {
        width: 400px;
    }
    .summarychart {
        width: 90%;
        height: 350px;
    }
    .chart_pie_container {
        margin-top: 50px;
        width: 100%;
    }
}

.btn-gear{
    float: right;
    height: 2.5rem;
    width: 2.5rem;
    margin-right: 0.6rem;
    margin-left: 0.6rem;
    cursor: pointer;
    background-color: white;
    position: relative;
    border: 2px solid #ccc;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-download{
    float: left;
    height: 2.5rem;
    width: 2.5rem;
    margin-right: 0.6rem;
    margin-left: 0.6rem;
    cursor: pointer;
    background-color: white;
    position: relative;
    border: 2px solid #ccc;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.oldSection {
    display: flex;
    flex-direction: row;
    gap: 30px 25px;
    flex-wrap: wrap;
    justify-content: center;
}


/*========================Dropdown Menu========================*/


.link {
    background: none;
    border: #000;
    text-decoration: none;
    cursor: pointer;
    padding: 0.3rem;
    color: black;
    transition: all 0.5s;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    margin-right: 0.6rem;
    margin-left: 0.6rem;
    background-color: white;
    display: flex;
    flex-direction: row;
    height: 2.5rem;
    width: 10rem;
    align-items: center;
    justify-content: center;
}

.linkItem{
    background: none;
    border: #000;
    text-decoration: none;
    cursor: pointer;
    color: black !important;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    background-color: #ccc;
    display: flex;
    flex-direction: row;
    height: 2.5rem;
    width: 11rem;
    justify-content: left;
    align-items: center;
    padding-left: 30px;
    padding-right: 10px;
}

.link span{
    margin: 0.2rem;
}
.menu-view p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
}

.link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    border: 2px solid #ccc;
}

.link:hover::before{
    opacity: 0;
    transform: scale(0.5, 0.5);
}

.link::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transform: scale(1.2, 1.2);
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px;
    border: 2px solid #ccc;
    border-radius: 4px;
}

.link:hover::after{
    opacity: 1;
    transform: scale(1, 1);
}

.linkItem:hover {
    color: black;
    opacity: 1;
    background-color: white;
}

.dropdown.active>.link,
.link:hover,
.linkItem:hover {
    color: black;
}

.menu-actions .dropdown {
    position: relative;
}

.dropdown-menu {
    position: absolute;
    
    background-color: #ccc;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px);
    transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
}

.dropdown.active .dropdown-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.information-grid {
    display: flex;
    gap: 2rem;
    text-align: center;
    z-index: 50;
}

.dropdown-links {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login-form>input {
    margin-bottom: .5rem;
}
.dropdown-links a > img{
    margin-right: 5px;
}
/*========================Dropdown Menu End========================*/


.text_with_image_inline{
    display: flex; 
    gap:3px;
    align-items: center;
}
.top_menu_card{
     width: 100%;
     background: #40b758 ;
     min-height: 50px;
     display: flex;
     align-items: center;
     border-radius: 5px;
}
.top_menu_card ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: ;
    height: 100%;
}
.top_menu_card li{
     display: inline-block;
     padding: 16px;
     margin-left: 10px;
     margin-bottom: 0px;   
     color: white;
     font-weight: bold;
     transition: .2s;
     cursor: pointer;
 }

 .top_menu_card li:hover{
     background: #6fd1828f;
     transition: .2s;
 }


 .circle_name{
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    background: #40b758;
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle_name h1{
    text-align: center;
    color: white;
    font-size: 3rem;
}

.template_grid_3{
     grid-template-columns: repeat(3, 1fr);
}
.template_grid_4{
     grid-template-columns: repeat(4, 1fr);
}
.template_grid_2{
     grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 803px) {
    .top_menu_card li{
         display: block;
         text-align: center;
         
     }
     .top_menu_card{
        justify-content: center;
     }
    .circle_name_container{
        display: flex;
        justify-content: center;
    }
}