body{
  color:#2e2e2e;
  font-family: 'Montserrat', sans-serif; 
  background-color: #f0f0f0;
}
div.table_scroll{
  overflow-x: scroll;
}
div.login{
  position: fixed;
  z-index: 9;
  width: 100%;
  height: 100%;
  top: 0px;
  background-color: #efefef;

}
div.login_head{
  margin-top: 150px;
  font-weight: 500;
  font-size: 24px;
  text-align: center;
}
div.login button {
  margin-top: 20px;
}
#modal-show{
  display: none;
}
div.card.transparent {
  background-color: transparent !important;
}
div.card-body{
  padding: 15px 20px;
}
/*div.space-between{
  display: flex;
  justify-content: space-between;
}*/
.separate-block,
.checkbox_radio {
  padding: 0 15px 15px;
  margin-bottom: 30px;
  background-color: #fff;
}
b,strong{
 font-weight: 600;
}
div.modal-footer{
  display: flex;
  justify-content: center;
}
div.modal-content{
  border: none;
  box-shadow: 0px 0px 5px #e6e6e6;
}
.no-button{
  font-size: 18px;
  font-weight: 500;
  padding: 10px 20px;
  background-color: #EFEFEF;
  color: #2e2e2e;
  border: none;
  border-radius: 5px;
}
.no-button:hover{
  background-color:#1C63A9;
  color: white;
}
.yes-button{
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px;
  background-color: #EFEFEF;
  color: #2e2e2e;
  border: none;
  border-radius: 5px;
}
.yes-button:hover{
  background-color: #D84241 ;
  color: white;
}
.modal-title{
  font-size: 18px;
  font-weight: 500;
  color: #2e2e2e;
  text-align: center;
}
header.logged-in + main{
  width: calc(100% - 300px);
  float: right;
  padding: 30px 15px;
  background-color: #f0f0f0;
}

div.mobile-header{
  display: none;
}

div.mobile-header i{
  font-size: 45px;
  margin-top: 30px;
}

 div.error-div{
  color: #DC3444;
  font-weight: bold;
  font-size: 14px;
 }

div.year_table table tr:nth-of-type(1) th{
  background-color: #1c63a9;
  color: white;
  padding: 12px;
  font-size: 22px;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
}
div.year_table tr th{
 font-weight: 500 !important;

}

div.year_table tr th:nth-child(1){
  text-align: center;
}
div.year_table tr td:nth-child(1){
 font-weight: 500;
 width: 45px;
 text-align: center;
}

div.year_table tr td:nth-child(2){
 width: 120px;
}

div.year_table tr td:nth-child(3){
 width: 180px;
}
div.year_table tr td:nth-child(4){
  /* width: 180px; */
 }
 div.year_table tr th:nth-child(5){
  text-align: center;
 }
 div.year_table tr td:nth-child(5){
  width: 80px;
  color:#1c63a9;
  text-align: center;
 }

/*div.year_table table tr:nth-of-type(2) th{
  background-color: #e3e3e3;
  color: #2e2e2e;
  padding: 12px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}*/
/*div.year_table table tr:nth-of-type(3){
  background-color: #EFEFEF;
}
*/

div.year_table table tr:nth-of-type(1) td:nth-of-type(3){
  text-align: center;
}

div.year_table table tr:nth-of-type(2) td:nth-of-type(3){
  text-align: center;
}

div.year_table td p:last-child {
  margin-bottom: 0;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
select,
textarea {
     border:1px solid #CCCCCC;
     padding: 5px 15px;
     border-radius: 5px;     
}

.card input[type="text"],
.card input[type="email"],
.card input[type="password"],
.card input[type="number"],
.card input[type="date"],
.card select,
.card textarea{
  width:100%;
}
header + #client-edit{
   padding-top: 102px;
}

textarea{

  height: 150px;
}

.border_distance{
  margin:5px 0px 5px 0px;
}
.client_header{
  display: flex;
  justify-content: space-between;
}
.client_label{
  margin-top: 10px;
  font-size: 28px;
  font-weight: bold;

}
.button_top{
	float: right;
	width: 122px;
}
div.email{
  /* padding: 15px ; */
  border: none !important;
}
.clients_info  .clients_result {
  font-weight: 500;
  margin-right: 40px;
}
.clients_info  select,
.clients_search  select {
 margin: 0 5px;
 padding: 7px 10px;
 border-radius: 3px;
 border-color: #CCCCCC;
 background-color: white;
 color: #08426F;
 font-size: 16px;
}
.clients_search input {
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  padding: 6px 0;
  border-left: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  font-weight: 500;
  outline: none;
}
.clients_search span {
  border-radius: 3px;
  border: 1px solid #CCCCCC;
  padding: 8.5px;
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: white;
}


.border{
  border: 1px solid #CCCCCC;
  border-radius:5px;
  position: relative;
  background-color: white;

}

.border_background{
 /* padding: 15px; */
 /* background-color: #efefef; */
 border: none !important;
}
.checkbox_radio input{
  width: 15px !important;
}

.checkbox_background label{
  width: calc( 100% - 20px ) !important;
  vertical-align: middle;
}

.content{
position: relative;
 display: inline-block;
 padding: 15px ;
 background-color: white;
 width: calc( 100% - ( 3 * 41px ));
 margin-left: 43px;

}
#client-history .content{
  width: -webkit-fill-available;
}
.content .disabled{
  background-color: rgba(0,0,0,0.05);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998;
  display: none;
}
div.website div.content {
    padding: 0px !important;
    margin-left: 0px ;
    width: 100% !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
div.hidden_checkbox{
  padding: 0px ;
  margin-left: 25px;
  display: none;
  max-height: 200px;
  overflow-y: scroll;
}
label.label{
  font-weight: 500;
}

.but_add{  
  font-size: 16px;
  font-weight: medium;
  color: #2e2e2e;
  border:none;
  background: transparent; 
  text-decoration: underline;
  /*margin-bottom: 16px;*/
  white-space: nowrap;
}
button.but_archive{
  background-color:#888888;
  display:inline-block;
  position: absolute;
  width:40px;
  height: 100%;
  border:none;
  margin-left:15px;
  border: none;
  color: white;
  right: 40px;
  top: 0px;
  opacity: 0.8;
}
button.but_delete{
  background-color: #D84242;
  display:inline-block; 
  position: absolute;
  width:40px;
  height: 100%; 
  border:none;
  margin-left: auto;
  border: none;
  color: white;
  right: 0px;
  top: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  opacity: 0.8;
}
.input_count{
  left: 0px;
  top: 0px;
  position: absolute;
  /* color: white; */
  font-weight: 500;
  display:inline-block;
  width:43px;
  height: 100%;
  text-align: center;
  background-color:#f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: 998;
  opacity: 0.8;
  border-right: 1px solid #ccc;

}
.top_label{
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: bold;
  /* text-decoration: underline; */
}
.card-body{
  padding: 0px 15px;
}

button.but{
  background-color: #1C63A9;
  color: white;
  font-size: 16px;
  font-weight: 500;
  padding:7px 15px;
  border-radius: 5px;
  border:none;
  /* margin-top: 15px;
  margin-bottom: 15px; */
  /*float: right;*/
}
button.but_details{
   background-color: #1c63a9;
  color: white;
  font-size: 16px;
  font-weight: 500;
  border:none;
  padding: 7px 15px;
  border-radius: 5px;

}

div.show-icons span i{
 color: #1c63a9 !important;
}
div.show_client_info i,b{
  color: #1c63a9 !important;

}
a.button{
  background-color: #1C63A9;;
  color: white;
  font-size: 16px;
  font-weight: 500;
  padding:7px 15px;
  border-radius: 5px;
  border:none;
  /*margin-top: 15px;*/
  /*margin-bottom: 15px;*/
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
}
button.import_button_clients{
  background-color: #1C63A9;;
  color: white;
  font-size: 16px;
  font-weight: 500;
  padding:7px 15px;
  border-radius: 5px;
  border:none;
 
  text-transform: uppercase;
}
div.clients_top_buttons{
  display: flex;
  flex-direction: row;
  justify-content: right;
}
div.clients_top_buttons div{
  margin-left: 10px;
}
div.details_card tr th{
  font-weight: 500 !important;
}
div.details_card div.card-header{
  font-size: 16px;
  font-weight: 500;
}
/*div.details_info span{
margin: 5px 0px 5px 0px;
}*/
div.details_card div.card div{
  display: flex;
  justify-content: space-between;
}
div.details_card div.card div span{
  font-weight: 500;
}

table{
  border-radius: 5px !important;
  border-collapse: unset;
  border-spacing: 0;
  border: 1px solid #efefef;
  box-shadow: 0px 0px 12px #efefef;
}
table a{
  color: #08426F;
}
table tr{
  border-left: none;
  border-right: none;  
}
table th{
  color:  white;
  padding: 12px 5px;
  /*border: none;*/
  font-size: 16px;
  font-weight: 500;
}
div.details table th{
  font-size: 16px;
  font-weight: 400;
}

table td{
padding: 12px;
border-bottom: 1px solid #CCCCCC;
}
table th{
  background-color: #1c63a9;
}
td:last-child{
  width: 120px;
 text-align: center;
}
td:last-child a{
   color: #1C63A9;
padding: 0px 2px;
text-decoration: none;
}

.table_year {
  background-color: #08426F;
  color: white;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  width: 100%;
  padding: 10px;
}
.table_second_tr {
  background-color: #E6E6E6;
  color: #08426F;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #CCCCCC;
}



#footer{
  width: 100%;
  background-color: #1C63A9;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  position: fixed;
  z-index: 999;
  bottom: 0px;
  display: none;
}
.text-right{
  text-align: right;
}
.card{
 box-shadow: 0px 0px 12px #efefef;
 border: 1px solid #efefef;
}

/*.cardinput{
  margin-bottom: 15px;

}*/
.card label{
  margin-top: 15px;
  font-weight: 400;
}
.checkbox_input_header,
.label {
  font-weight: 500 !important;
}

.border label{
  margin-top: 5px;
}


.checkbox_background label{
  margin-top: 0px;
}


.display_flex{
 display: flex;

}
.display_flex input{
  margin-top: 20px;
}

.state_registered_hidden div{
  display: none;
}

div.remember input{
  width: 5%;
  margin-top: 20px;
}

.but_lists{
  background-color: #1C63A9;
  display:inline-block; 
  position: absolute;
  width:180px;
  height: 40px;
  border:none;
  margin-left: auto;
  border: none;
  color: white;
  right: 0px;
  font-size: 18px;
  font-weight: 500px;
  border-radius: 5px;
/*  top: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;*/

}
div.lists input{
 width: calc(100% - 160px);
 height:40px;
 border: 1px solid #CCCCCC;

 }

div.lists{
  position: relative;

}
div.lists form{
  padding: 0px;
}
div.lists table{
  width: 100%;
  margin-top: 20px;
}
div.lists .border{
  padding: 0px;
}
.modal_close_but{
  padding: 5px 25px;
  border: none;
  border-radius: 5px;
  background-color: #08426F;
  color: white;
}
.modal .top_label{
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 22px;
  text-decoration: none;
}
.but_tags{
  background-color: #1C63A9;
  display:inline-block; 
  position: absolute;
  min-width:180px;
  height: 40px;
  border:none;
  margin-left: auto;
  border: none;
  color: white;
  right: 0px;
  font-size: 18px;
  font-weight: 500px;
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 40px;


}
div.tags input{
 width: calc(100% - 160px);
 height:40px;
border: 1px solid #CCCCCC;
 }

div.tags{
  position: relative;

}
div.tags .border{
  padding: 0px;
}
div.tags form{
  padding: 0px;
}
div.tags table{
   margin-top: 20px;
}
div.website input{
  border-radius: 0;
  margin-left: 43px;
 width: calc( 100% - ( 43px + ( 2 * 40px ) )) !important;
}
#client-history div.website input{
  width: -webkit-fill-available !important;
}

.website input {
  border: none;
}

.address_delete_archive{
  display:none;
}

.contact_person_delete_archive{
  display: none;
}


.details_label span{
font-size: 24px;
font-weight: bold;
}
.details_label p{
  font-size: 16px;
  font-weight: 500;
}


.details_border{
  border:1px solid #CCCCCC;
  border-radius: 5px;
  padding:10px 15px; 
}

.details_border span{
  padding: 5px 0px 10px 0px;
}

.time_used{
  color: #D84242;

}
.time_left{
  color: #0D862E;
}

.service-time .used {
    background-color: #D84242;
    padding: 2px 10px;
    border-radius: 5px;
    display: inline-block;
    color: #FFF;
    margin: 5px 0;
}

.service-time .left {
    background-color: #0D862E;
    padding: 2px 10px;
    border-radius: 5px;
    display: inline-block;
    color: #FFF;
    margin: 5px 0;
}
div.tags a{
  color: black;
  text-decoration: none;
}
div.tags a:hover{
  font-weight: bold;
}

div.table_scroll a{
  color: black;
  text-decoration: none;
}
div.table_scroll a:hover{
  font-weight: 500;
}

.input-group-text{
    color: #08426F;
}
.cco{
  margin-bottom: 5px;
}
.cco_border{
  margin-bottom: 15px;
}
.contact_person{
  margin-bottom: 5px;
}
.contact_person_border{
  margin-bottom: 15px;
}
.security_qs{
  margin-bottom: 5px;
}
.security_qs_border{
  margin-bottom: 15px;
}
.input-group{
  margin-bottom: 10px;
}

label{
  margin-bottom: 5px;
}
input[type="radio"] + label {
  margin-top: 5px;
}
.input-group input{
 height: 38px;
}

.active_inactive input{
  width: 10%;
}

.label_active_inactive{
  font-weight: 600;
}

header.logged-in{
  padding: 0px 15px;
  top: 0px;
  position: fixed;
  z-index: 999;
  width: 100%;
  box-shadow: 2px 5px 8px #E6E6E6 ;
  background-color: white;
  width: 300px;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100vh;

}
/* .header{
  text-align: center;
  display: flex;
  justify-content: space-between;
 
} */
.header div.mobile-header i{
  float: right;
  color: #1C63A9;
}
header  img{
  width: 200px;
  height: auto;
}
 nav {
  /*background-color: #08426F;*/
  color: #2e2e2e;
  padding: 35px 0px;
}

nav hr{
  opacity: 1;
}
nav ul{
  /* display: flex; */
  list-style: none;
  /* justify-content: center; */
  margin: 0px;
  padding: 0;
}

nav ul li{
   cursor: pointer;
   /* margin: 0px 30px; */
   font-size: 18px;
   padding: 10px;
}

nav ul li a{
  text-decoration: none;
  font-weight: 500;
  font-size: 18px;
  color: #2e2e2e;
  font-weight: 500;
  display: block;
}
nav ul li a:hover{
  color: #1C63A9;
}
nav ul li a i {
  font-size: 22px;
  width: 30px;
}

div.form{
  background-color: #EDEDED;
  padding: 15px 10px;
  height:100%;
  border-radius: 2px;
}

div.form label{
  font-size: 16px;
}

div.form input{
  margin-bottom: 5px;
  border: 1px solid #CCCCCC;
}

.card-header{
  border-bottom: none;
  background-color:#efefef;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 28px;
  width: calc(100% - 356px);
  background-color: white;
  border-bottom: 10px solid #f0f0f0;
}
.card-header div {
  width: 100%;
}
.card-footer{
  margin-top: 20px;
  border-top: none;
  background-color: #efefef;
  font-size: 20px;
  font-weight: 500;
  font-weight: medium;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-body input{
  border: 1px solid #CCCCCC;

}



.security_qs_count{
  display:inline-block;
  width:43px;
  height: 100%;
  text-align: center;
  background-color:#E6E6E6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.secutity_qs_count span{
    color: #08426F;
}

.security_qs_content{
  display:inline-block; 
  width: calc( 100% - ( 46px * 3 ) );
  padding: 5px;
}
#client-history .security_qs_content{
  width: -webkit-fill-available;
}

input.inp{
  width: 14px;
}


.clients{
  text-decoration: underline;
  font-size: 28px;
  font-size: 28px;
  font-weight: bold;
}

.list_1{
  border-collapse: collapse; 
  width: 100%; 
  border: 1px solid #CCCCCC;
}

.load_more_clients{
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

div.management_icon i{
   padding: 15px;
}

.search_clients{
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
}

.character-counter{
  text-align: left;
}

/* #exportclick{
  display: none;
} */

 div.export-notes{
  border: 1px solid #dee2e6;
  border-radius: 5px;
  box-shadow:2px 5px 8px #e6e6e6;
  background-color: white;
  width: 100%;
  height: 265px;
  text-align: left;
  padding: 10px 15px;
  margin: 15px 0px;
 /*margin-left: 818px;*/
 }
 div.export-notes label{
  font-size: 16px;
  font-weight: 500;
 }
 div.export-notes input{
  margin-bottom: 5px;
  width: 100%;
 }
 input[type="radio"]{
  width: 15px !important;
 }
 div.export-checkboxes{
  margin-top: 15px;
  /*width: 300px;*/
 }
 div.export-checkboxes input{
  width: 15px !important;
 }
 div.export-checkboxes label{
  margin: 0px;
 }
 div.export{
  margin-top: 30px;
  text-align: right;
  margin-bottom: 15px;
 }
.export_button{
  /* margin-left: 600px; */
}
 div.close-export i{
  color: #1C63A9;
  font-size: 25px;
  margin-bottom: 15px;
  cursor: pointer;
  float: right;
 }
div.pages{
  margin-top: 15px;
  width: 180px;
  float: right;
}
 div.pages ul {
  padding: 0px;
  display: flex;
  float: right;
  list-style: none;
 }
 a.active{
  background-color: #1C63A9;
  color: white !important;
 }
 div.pages a{
  border-radius: 2px;
  padding: 5px 10px;
  border: 1px solid #CCCCCC;
  color: black;
  text-decoration: none;
 }
 div.export-footer{
  display: flex;
  justify-content: space-between;
 }
 div.all-pages{
  width: 100%;
 }
 div.modal-footer button{
    padding: 15px 30px;

 }
 div.importclick{
  display: none;
 }
 div.show_import{
      border: 1px solid #dee2e6;
    border-radius: 5px;
    box-shadow: 2px 5px 8px #e6e6e6;
    background-color: white;
    /* width: 35%; */
    max-width: 450px;
    /*height: 150px;*/
    text-align: left;
    padding: 15px 25px;
    margin: -10px  0 20px 0px;
    float: right;
    position: relative;
   /*x*/
}
 div.show_import div button{
    right: 15px;
    background-color:  #1C63A9;
    color:white;
    border:none;
    border-radius: 5px;
    padding: 10px 15px;
    position: absolute;
    bottom: 15px;
    font-weight:500 ;
 }
 div.show_import div input{
    /*background-color: #1C63A9;*/
    /*color: white;*/

    font-size: 16px;
    border-radius: 5px;
    padding: 7px 15px 7px 0px;

  }
  /*div.importfileborder{
    border: 1px solid #1C63A9;
    border-radius: 5px;

  }*/
  div.importfileborder label{
    color: #2e2e2e;
    font-weight: 500;
  }
  div.close_import i{
    font-size: 25px;
    cursor: pointer;
  }
 /* div.close_import{
    display: flex;
    align-items: center;
  }*/
  div.import-header{
    /*margin-bottom: 25px;*/
    margin-top: 15px;
    display: flex;
    justify-content: right;
  }
  /*div.import-header span{
    color: #2e2e2e;
    font-weight: 500;
  }*/
  div.import-header i{
    color:#1C63A9 ;
  }

  div.import-inputs{
    display: flex;
    justify-content: space-between;
  }
  td.icons a{
     color: #1F65AA;
  }
@media(max-width: 771px){
  div.mobile-header{
    display: block;
  }
nav{
    display: none;
    position: absolute;
    z-index: 99999;
    background-color: white;
    margin-top: 100px;
    left: 0px;
    width: 100%;
    height: 100px;
    box-shadow:0px 0px 12px #efefef;
    border: 1px solid #efefef;
  }
  nav li{
    font-size: 22px;
  }
 div.clients_search{
  text-align: right;
 }
}

div.exportclick{
  display: none;
}
a.export_button_clients{
 background-color: #1C63A9;;
  color: white;
  font-size: 16px;
  font-weight: 500;
  padding:7px 15px;
  border-radius: 5px;
  border:none;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
}



.cke_toolbox #cke_17,
.cke_toolbox #cke_24,
.cke_toolbox #cke_32,
.cke_toolbox #cke_37,
.cke_toolbox #cke_74,
.cke_toolbox #cke_83,
.cke_toolbox #cke_84,
.cke_toolbox #cke_87,
.cke_toolbox #cke_90 {
  display: none !important;
}