.border-purple {
  border: 1px solid #603b95 !important;
}

.border-pink {
  border: 1px solid #ff679b !important;
}

.bg-pink {
  --falcon-bg-opacity: 1;
  background-color: #ff679b !important;
}

.bg-purple {
  --falcon-bg-opacity: 1;
  background-color: #603b95  !important;
}


.google-ads-title{
  font-size: 20px !important;
  color: #1a0dab !important;
  font-family: arial,sans-serif !important;
  line-height:26px !important ;
}


.google-ads-description{
  font-size: 14px !important;
  color: #4d5156 !important;
  font-family: arial,sans-serif !important;
  line-height:1.58 !important ;
}







.container_table
{
    cursor: grab;
    overflow: auto;
}

.opacity-0{
  opacity: 0 !important;
}


.truncat-text-in-table{
  width: 355px !important;
word-wrap: break-word !important;
white-space: initial !important;
}

.image-no-connect{
  /*filter: grayscale(1000%) !important;*/
  opacity: .3;
}

.cursor-default{
  cursor: default !important;
}

.image-container:hover .image-no-connect{
  opacity: 1;
}



.not-allowed{
  cursor: not-allowed !important;
}

.opacity-100{
  opacity: 1 !important;
}


.mt-20{
  margin-top: 20px !important;
}

.hover-pdf:hover{
  color: var(--falcon-danger) !important;
}


.w-fit-content{
   width: fit-content !important;
}


/**
** tag a in alert  success 
**/

.a-alert-success{
  color:  var(--falcon-alert-success-color) !important;
}

.a-alert-success:hover{
  color:  var(--falcon-alert-success-color) !important;
  text-decoration: none;
}


.a-alert-warning{
  color:  var(--falcon-alert-warning-color) !important;
}

.a-alert-warning:hover{
  color:  var(--falcon-alert-warning-color) !important;
  text-decoration: none;
}

















.navbar-vertical .navbar-nav .nav .nav-item .nav-link {
  padding: .2rem .2rem .2rem 0rem !important;
}


.cursor-pointer{
  cursor: pointer !important;
}

.mt-3px{
  margin-top: 3px !important;
}


/**
** truncate sitekey name
**/

.trnc-sitekey{
  font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 305px !important;
    margin-left: 4px;
}

/******** end ********/

@media (max-width: 576px) { 

  .search-input-sm{
    width: 249px !important;
  }
}



@media (min-width: 1200px){
.navbar-vertical.navbar-expand-xl .navbar-vertical-content {
  width: 15.625rem;

}

}

/*
.dropdown-indicator::after {
  right: 50px;
}
*/

.sidebar-first-level-padding{
 /* padding: 0.3rem 0.2rem 0.3rem 1.5rem !important;*/
}

.dropdown-indicator::after {

  right: 15px !important;
}


  
.sidebar-first-level-2 {
     /* padding: 0.3rem 0.2rem 0.3rem .6rem !important;*/
     padding-left: 1.5rem !important;
      
  }

.sidebar-first-level{
  text-transform: uppercase !important;
font-weight: 500 !important;
font-size: 14px !important;
color: #d8e2ef !important;
}

.sidebar-first-level-1{
  padding: 0.3rem 0.2rem 0.3rem 1.5rem !important;
}

.sidebar-first-level-1-span{
   padding-left: 0.5rem !important;
}

.sidebar-first-level-1-firstchild{
  padding-top : 0.5rem !important;
}

.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .navbar-vertical-content {

  padding-left: 0.5rem;
}

.float-left{
  float: left;
}



#navbarVerticalCollapse{
  width: 250px !important;

}

.navbar-vertical-collapsed #navbarVerticalCollapse{
  width: 50px !important;
}

#navbarVerticalCollapse:hover{
  width: 250px !important;
}


@media (max-width: 576px) { 

  #navbarVerticalCollapse{
    width: 100% !important;
    height: 100vh;
    background-color: var(--falcon-body-bg);

  }
  #navbarVerticalCollapse:hover{
    width: 100% !important;
  }

  .navbar-vertical-collapsed #navbarVerticalCollapse{
    width: 100% !important;
  }
  
}




.sidebar-boder-bottom{
  border-bottom: solid #232e3c 2px !important;
}

/**
**
**/

.text-gold{
  color: #ffd700;
}

.text-silver{
  color: #c0c0c0;
}

.text-bronze{
  color: #614e1a;
}




.author{
  color: rgba(var(--falcon-warning-rgb), var(--falcon-text-opacity)) !important;
  font-style: italic;
  font-weight: 400;
}

@media (max-width: 576px) { 
  .mt-5{
    margin-top: 10px !important;
  }
}

.inspiration{
  font-size: 1.1rem !important;
}



.fs-1r{
  font-size: 1rem !important;
}

@media (min-width: 768px) { 
    .h-card{
      height: 280px;
    }

  

 }



.info:hover{
  color: var(--falcon-colored-link-primary-hover-color) !important;
}





/****
**
*/
/*
@media (max-width: 576px) { 
  .scroll-navbar-mobile{
    min-height: 100vh;
  }
  

}
*/


.margin-right-10{
  margin-right:10px !important;
} 


@media (max-width: 576px) { 
  .margin-top-100{
    margin-top: 150px;
  }
  
}

@media (max-width: 576px) { 

  .margin-rigth-15-xs{
    margin-top: 15px !important;
  }
}

@media (max-width: 576px) { 

  .width-full-xs{
    width: 100% !important;
  }
}


/**
**
*/
.textleft{
  text-align: left;
}

.w-wrap{
  word-wrap: break-word;
  width: 10rem;

}

.percentage{
  text-align: center;
    font-weight: 300!important;
    font-size: 1.5rem!important;
}
/**
** datatables pagination
**

*/


table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::after {
	
	color: var(--falcon-info);
}

table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_desc::after {
  opacity: 1 !important;
  }
  
  table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::after {
  opacity: 0.525 ;
  font-size: 1em ;
  }
  





.dataTables_info{
  padding-left: 10px !important;
  padding-bottom: 5px !important;
}

.dataTables_length  select{
    padding: .3125rem 3rem .3125rem 1rem;
    -moz-padding-start: calc(1rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--falcon-input-color);
    background-color: var(--falcon-input-bg);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234d5969' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 1px solid var(--falcon-input-border-color);
    border-radius: .25rem;
    -webkit-box-shadow: var(--falcon-box-shadow-inset);
    box-shadow: var(--falcon-box-shadow-inset);
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

.dataTables_paginate{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding-left: 0;
    list-style: none;
}


.dataTables_paginate span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
}

.paginate_button{
    margin-top: .5em;
    position: relative;
    display: block;
    color: var(--falcon-pagination-color);
    background-color: var(--falcon-pagination-bg);
    border: 1px solid var(--falcon-pagination-border-color);
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    padding: .5rem .75rem;
    cursor: pointer;
    text-decoration: none  !important;
}

.paginate_button:hover{
    z-index: 3;
    color: var(--falcon-pagination-active-color);
    background-color: var(--falcon-pagination-active-bg);
    border-color: var(--falcon-pagination-active-border-color);
}

.paginate_button.current{
    z-index: 3;
    color: var(--falcon-pagination-active-color);
    background-color: var(--falcon-pagination-active-bg);
    border-color: var(--falcon-pagination-active-border-color);
}

.paginate_button.disabled {
  /*
    cursor: not-allowed;
    color: #9da9bb !important;
    opacity: .3;
    */
    color: var(--falcon-pagination-disabled-color);
pointer-events: none;
background-color: var(--falcon-pagination-disabled-bg);
border-color: var(--falcon-pagination-disabled-border-color);
outline: none;
border: none;
}
.paginate_button.disabled:hover{
    cursor: not-allowed;
    color: var(--falcon-pagination-color);
    background-color: var(--falcon-pagination-bg);
    border: 1px solid var(--falcon-pagin);
}




/************choice**/

*
** choice custom remove action style x
**/
.choices__inner{
  min-height: 50px;
}





.choices[data-type*="select-multiple"] .choices__button{
    
/*background-color: #5e6e82 !important;*/
background-color: transparent !important;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==) !important;
border-radius: 50% !important;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 2px;
padding-left: 10px !important;
background-size: 8px !important;
height: 20px !important;
width: 20px !important;
padding: 0 !important;
background-color: var(--falcon-body-color) !important;
opacity: 0.4 !important;


}

.choices__list--multiple .choices__item{

    background-color: var(--falcon-200) !important;
    color: var(--falcon-body-color) !important;
    opacity: .6;
 
}

.choices .choices__list--multiple .choices__item{
  line-height: 1.5rem !important;
  font-size: 1rem !important;
  padding-top: 5px !important;
padding-bottom: 5px !important;
}

.choices__item .choices__item--selectable{
  background-color: var(--falcon-200) !important;
  color: var(--falcon-body-color) !important;
  opacity: .6;
}

/*
.choices__item--selectable {
  cursor: pointer;
background-color: var(--falcon-200) !important;
padding: 5px !important;

opacity: .6;
margin-top: 2px;
margin-bottom: 2px;
}
*/

.choices .choices__list--single .choices__button {

  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==) !important;
  border-radius: 50% !important;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 2px;
  padding-left: 10px !important;
  background-size: 8px !important;
  height: 20px !important;
  width: 20px !important;
  padding: 0 !important;
  background-color: var(--falcon-body-color) !important;
  opacity: 0.4 !important;
}

.choices .choices__list--single{
  padding: 3px !important;
  margin-top: 1px !important;
}


.choices__list--single .choices__item {
  border-radius: 5px !important;
  background-color: var(--falcon-200) !important;
  color: var(--falcon-body-color) !important;
  opacity: .6;
    /*width: 185px;*/
    width: 100%;
  padding-left: 5px;

  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 1.5rem !important;
font-size: 1rem;
font-weight: 500;

}

.choices__placeholder.choices__item--selectable{
 background-color: transparent !important;
  /*padding: 0px !important;
    padding-right: 0px;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  padding-right: 5px !important;*/

  color: var(--falcon-body-color) !important;
}

.choices__list--dropdown .choices__item {
  background: var(--falcon-200);
}

.choices .choices__list--dropdown{

}












.is-highlight{

background-color: var(--falcon-200);

color: var(--falcon-body-color);
}


/*
 * popup login page [send request to create new user ] 
 *
*/


.request-description-popup{
  color: white;
  text-align: center;
   font-size: 1.1em;
   margin-bottom: 20px!important;

}


.genuis-description-popup{
  color: white;
    text-align: center;
    font-size: 1.1em;
    margin-bottom: 20px!important;

}


.font-size-label{
  font-size: 0.9rem;
}




/* update photo*/

.update-photo{

  /*right: -10px;
  bottom: -14px;*/

  right: -29px;
  bottom: -16px;
 
}
.icon-photo{
height: 25px;   
 color: var(--falcon-btn-falcon-warning-color); 
 padding: 8px;  
  background: rgba(255,255,255,0.2);   
 width: 25px; 
  border: solid var(--falcon-btn-falcon-warning-color) 2px;  
  border-radius: 100%;
 

}

@media (max-width: 576px) { 
  .update-photo{

     border: none;
     /* right: -10px;
      bottom: -14px;*/
      right: -31px;
      bottom: -26px;

  }
  .icon-photo{
  height: 25px;   
   color: var(--falcon-btn-falcon-warning-color);   
  padding: 8px;   
   background: rgba(255,255,255,0.2);   
    width: 25px;   
     border: solid var(--falcon-btn-falcon-warning-color) 2px;    
     border-radius: 100%

  }

 }

 .update-cover{

  z-index: 1;
 /* right: 4%;
  bottom: -40px;*/
  right: 1%;
bottom: -52px;
 }

.icon-cover{
height: 25px;    
color: var(--falcon-btn-falcon-warning-color);   
 padding: 8px;   
 background: rgba(255,255,255,0.2);   
  width: 25px;    
  border: solid var(--falcon-btn-falcon-warning-color) 2px;    
  border-radius: 100%
  
}

@media (max-width: 576px) { 
  .update-cover{
   /* bottom: -15%;
    left: 93%;
    background: #121E2D;
    border-radius: 100%;
    height: 1.9rem;
    width: 1.9rem;
    border: solid var(--falcon-btn-falcon-warning-color) 2px;
    z-index: 1;
     right: 4%;
     bottom: -40px;
     */

     border: none;

      z-index: 1;
      /*right: 4%;
      bottom: -40px;*/
      right: 0%;
      bottom: -51px;
   }
  
  .icon-cover{

   /* height: 1em;
    color: var(--falcon-btn-falcon-warning-color);
    padding: 5px;

      height: 25px;
      color: var(--falcon-btn-falcon-warning-color);
      padding: 8px;
      background: rgba(255,255,255,0.2);
      width: 25px;
      border: solid var(--falcon-btn-falcon-warning-color) 2px;
      border-radius: 100%; */

        height: 25px;
        color: var(--falcon-btn-falcon-warning-color);
        padding: 8px;
        background: rgba(255,255,255,0.2);
        width: 25px;
        border: solid var(--falcon-btn-falcon-warning-color) 2px;
        border-radius: 100%;
    
  }
  

 }

 .icon-upload-photo{
  cursor: pointer;
  border: dotted #9da9bb 4px;
  border-radius: 100%;
  /*width: fit-content;*/
  margin: 0 auto;
  padding: 13px;
  width: 100px;
  height: 100px;
  margin-top: 50px!important;
  margin-bottom: 50px!important;

}


.avatar-lg {
height: 7.125rem;
width: 7.125rem;
}



.selected-flag{
  cursor: pointer;
}

/** profile page **/



.pseudo-text{
  font-weight: bold;
font-style: italic;
}

.margin-rigth-5{
  margin-right: 5px !important;
}


.input-w-max-500{
  max-width: 500px !important;
}


.margin-top-10{
  margin-top: 10px !important;
}

.vue-tab{
  text-transform: uppercase !important;
  font-size: 1.3rem !important;
}


.alert-error{
  width: 100% !important;
  max-width: 500px !important;
}

.display_none_btn{
  outline: none;
  background: transparent;
  border: none;
  color: white;
}

/******************************/

.fontsize-select{
  font-size: 1rem;
}


/********** phone input **/

.iti--allow-dropdown{
  width: 100%;
 /* padding: 1rem 1rem;*/
}


.iti--separate-dial-code .iti__selected-flag{
  background-color: transparent !important;
}

.input-phone{
  padding-top: 15px;
padding-bottom: 15px;
}

.iti__flag-container {
  padding-top: 15px;
  padding-bottom: 15px;
}


@media(max-width: 576px){
 

  .iti-mobile .iti__country-list {
    max-height: 45% !important;
bottom: 20%;
  }


}



/****/




.icon_side {
    margin-right: 10px;
    width: 40px;
    height: 40px;
  }
/*

.dropdown-menu{
  min-width: 13rem;

}
*/


/*
**
**  pop up update profile user  in  dropdown navbar top right
**  start 
*/
/*
.display_none_btn {
  outline: none;
  background: transparent;
  border: none;
  color: white;
}
*/
/** end */





/** Card style ***/

.width-card{
  max-width: 500px;
  margin: 0 auto;
}

.btn_radius{
  border-radius: 0% 5px 5px 0%;
  padding-top: 1rem !important;
  padding-bottom: 1.1rem !important;
  border: none;
  outline: none;
}

.btn-show-hide{
  padding-left: 0px;
  margin-left: 1px;
  text-align: left;
  width: 160px;
}


.password_input{
  border-radius: .375rem 0 0 .375rem;
  margin-right: 0px !important;
  padding-left: 0px !important;
  width: calc(100% - 160px) !important;
}


.btn-show-hide-login{
  margin-left: 1px;
  text-align: left;
  padding-top: 0.99rem !important;
  padding-bottom: 1.1rem !important;

}

@media(max-width: 576px){
  .btn-show-hide{
      width: 53px;
  }
  .btn-show-hide span{
      display: none;
  }
  
.password_input{
  width: calc(100% - 53px) !important;
}
}

/*** input ****/

.input-full{
  width: 100% !important;
}






.country-select.inside input, .country-select.inside input[type="text"] {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}

.country-select{
  width: 100%;
}









.search-box {
  width: 15rem;
}


.span-white{
  color: #ffffff !important;
}






/** animation*/

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}




td {
  cursor: pointer;
  /* padding: 20px;
  border: 1px solid #000; */
  transition: transform 300ms ease-in-out;
}
.animate {
  animation: zoomInOut 300ms;
}

@keyframes zoomInOut {
  0%, 100% {
      transform: scale(1);
  }
  50% {
      transform: scale(2);
  }
}