@font-face {
  font-family: Century-Gothic;
  src: url(../fonts/Century_Gothic.ttf); }

@font-face {
  font-family: candara;
  src: url(../fonts/Candara_font.ttf); }

@font-face {
  font-family: made-tommy-soft;
  src: url(../fonts/MADE_Tommy_Soft_Thin.otf); }

body {
  font-family: Century-Gothic;
  font-size: 16px;
  font-weight: normal;
  cursor: default;
 
}

.candara {
  font-family: candara !important; }

.tommy {
  font-family: made-tommy-soft !important; }

a {
  text-decoration: none; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

ul.inline-list li {
  display: inline-block; }

.btn-link {
  font-family: candara;
  color: #093F6D;
  font-size: 18px;
  box-shadow: none !important;
  text-decoration: none;
  padding: 0;
  padding-bottom: 5px;
  border-radius: 0; }
  .btn-link:hover, .btn-link.active {
    color: #093F6D;
    border-bottom: 3px solid #093F6D; }

.btn-link-rounded {
  font-family: candara;
  color: #093F6D;
  font-size: 18px;
  border: 2px solid #093F6D;
  border-radius: 4px;
  box-shadow: none !important;
  text-decoration: none;
  padding: 3px 28px; }
  .btn-link-rounded:hover, .btn-link-rounded:focus, .btn-link-rounded:active {
    background-color: #E5EFFF; }

.btn-white {
  background-color: #fff;
  color: #093F6D !important;
  box-shadow: none !important;
  font-weight: 700;
  padding: 10px 25px; }
  .btn-white:hover, .btn-white:focus, .btn-white:active {
    background-color: #E5EFFF; }

.btn-rounded {
  border-radius: 25px; }

.btn-primary {
  background-color: #093F6D;
  color: #fff !important;
  box-shadow: none !important;
  font-weight: 700;
  padding: 10px 25px;
  border: none;
  border-radius: 8px; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #073155; }

form.form {
  font-size: 14px;
  text-align: initial; }
  form.form .form-group {
    margin-bottom: 25px; }
  form.form .form-label {
    margin-bottom: 0; }
  form.form .form-check-label {
    margin-top: 12px;
    position: relative;
    padding-left: 30px;
    margin-right: 32px; }
    form.form .form-check-label::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      border-radius: 100%;
      border: 1px solid #fff; }
  form.form .form-check-input:checked + .form-check-label::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #fff; }
  form.form .form-control {
    margin-top: 5px;
    background-color: transparent;
    border: 1px solid #607393;
    box-shadow: none !important;
    color: #fff; }
    form.form .form-control:focus {
      border-color: #fff; }
    form.form .form-control option {
      color: #1D3154; }
  form.form .form-control::-webkit-input-placeholder {
    color: #607393;
    font-size: 12px; }
  form.form .form-control:-ms-input-placeholder {
    color: #607393;
    font-size: 12px; }
  form.form .form-control::placeholder {
    color: #607393;
    font-size: 12px; }
  form.form .select-arrow {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 12px;
    color: #607393; }
  form.form .form-control:focus + .select-arrow {
    color: #fff; }

.social-btns .btn {
  color: #fff;
  font-size: 14px;
  box-shadow: none !important;
  display: block;
  width: 100%;
  text-align: initial; }
  .social-btns .btn i {
    font-size: 24px;
    margin: 5px 12px 5px 0;
    vertical-align: middle; }

.social-btns .btn-facebook {
  background-color: #4267B2; }
  .social-btns .btn-facebook i {
    color: #4267B2;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 20px;
    padding-top: 6px;
    padding-left: 5px; }
  .social-btns .btn-facebook:hover {
    background-color: #3b5994; }

.social-btns .btn-google {
  background-color: #D3462E; }
  .social-btns .btn-google:hover {
    background-color: #ab3824; }

.fs-16 {
  font-size: 16px !important; }

.submit-modal .modal-content {
  border-radius: 16px; }
  .submit-modal .modal-content .icon {
    background-color: rgba(98, 160, 25, 0.2);
    font-size: 45px;
    border-radius: 100%;
    width: 90px;
    height: 90px;
    color: #62a019;
    padding-top: 10px; }
  .submit-modal .modal-content .title {
    font-size: 24px;
    margin-bottom: 25px;
    margin-top: 20px; }
  .submit-modal .modal-content .txt {
    margin-bottom: 33px; }


  /****************New Action Style 19-10-2022***************/
  /**********************************************************/

  #newActionModal ul li 
  {
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: #093F6D;
    border: 1px solid #858585;
    margin: 6px;
    width: 30%;
    padding: 7px;
    border-radius: 4px;
  }
  #newActionModal ul li  a{
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
  }

  .newActionContainer .newActionBtn
  {
    display: none;
    margin: 7px 7px;
    transition: all 0.5s ease-out;
    width:16vw;
  }
  .newActionContainer .newActionBtn.active {
    display: block;
  }
  .newActionContainer ul
  {
    display: flex;
    flex-wrap: wrap;
  }

  .newActionContainer  .actionItemContent
  {
    display: none;
    margin-top: 25px;
    -webkit-transition: all 2s ease-out;
    -moz-transition:all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
  }

  .newActionContainer  .actionItemContent.active
  {
    display: block;
  }

  .account-management .main-container .content-container .manageCard-page .nav-tabs li:nth-child(4)
  {
    position: absolute;
    right: 43px;
  }

  .newActionBtnContainer 
  {
    text-align: right;
    margin-bottom: 30px;
    border-bottom: 2px solid #eee;
    padding-bottom: 30px;
  }


  .account-management .main-container .content-container .manageCard-page .iconed-form .newActionContent .form-group .form-control
  {
    border:none;
    border-bottom: 1px solid #607393;
    border-radius: 0px;
    padding-left: 0px;
  }

  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 14px !important;
    font-family: poppinsRegular;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 14px !important;
    font-family: poppinsRegular;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    font-size: 14px !important;
    font-family: poppinsRegular;
  }


  .form-separator h3{
    position: relative;
    padding: 10px 0px;
    margin-bottom: 20px;
  }

  .form-separator h3::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background-color: #04234D;

  }

  .newActionContent section
  {
    border: 1px solid #eee;
    padding: 10px 16px;
    margin: 20px 0px;
  }

  .newActionContent .upload-photo
  {
    margin-bottom: 20px;
  }
  .addBorderRight
  {
    border-right: 1px solid #bebebe;
    min-height: 300px;
  }
  li.newActionBtn .btn-secondary {
    
    width: 100%;
    font-size: 1rem;
    background-color: #5c636a00;
    border-color: #093F6D;
    color: #093F6D;
    border-width: 2px;
}


/***************** Added style 25-10-2022 *****************/
/********************************************************/ 
.manageCard-page.manageCard-page-tabled  table.dataTable {
  width: 100% !important;
}

@media (max-width: 992px)
{
.DeleteAction
{
margin-top:20px;
}
}

@media (max-width: 992px)
{
    .subscription-page .cards-container .cards-table-header
    {
      display: none;
    }
    .subscription-page .cards-container > .row {
      border-bottom: 1px solid #04234D;
      padding: 30px 12px;
    }
    .subscription-page .cards-container label
    {
      font-weight: bold;
      font-size: 20px;
      padding: 10px 0px 0px;
    }
}

@media (max-width: 520px)
{
.subscription-page .cards-container .btn-secondary
{
  padding: 5px 2px;
}

   .subscription-page  .btn-primary
   {
    padding: 5px 7px;
    font-size: 15px;
   }

}


@media (min-width: 992px)
{
    .subscription-page .cards-container label 
    {
        display: none;
    }
}


.account-management .refresh-btn i
{
  padding-right: 10px;
}
.account-management .refresh-mobile
{
 margin: 0px 13px 0px 0px;
}

@media (max-width: 1170px)
{
  .account-management .refresh-btn.btn-primary {

      padding: 8px 15px;

      font-size: 14px;
  }

}




/****************New Action Style 24-10-2022***************/
/**********************************************************/

.subscription-page .admins-table-container table tr td
{
  padding: 12px 12px 10px;
  width:50%;
  border-right:1px solid #eee;
}
.subscription-page .sub-item 
{
 border-bottom: 2px solid #eee;
}
.subscription-page .admins-table-container table 
{
 border:1px solid #eee;
}

.subscription-page .cards-container .btn-secondary
{
  padding: 5px 2px;
}

.subscription-page .cards-container .row
{
  padding: 10px 0px;
}

.subscription-page .cards-container > .row
{
  border-bottom: 1px solid #eee;
}

.subscription-page .subscription-container .row
{
 margin-bottom: 1rem;
}

@media (max-width: 576px)
{
  .subscription-page .sub-item .row > div
  {
    margin-bottom: 1rem;
  }
}




/***************** Table page 24-10-2022 *****************/
/*********************************************/
.manageCard-page table.general-table-style tr:nth-child(even)
{
  background-color: #f6f6f6;
}
.manageCard-page table.general-table-style .btn-secondary
{
  margin:3px;
}



#QRCodeContainer img
{
   display:inline-block !important;
}


.CustomActiveActionButton{
background-color:#1e4d8d !important;
color:white !important;
}

.DeletedActionBox
{
display:none !important;
}

.DigitalProfileActiveLink
{
border-bottom-style:solid;
border-bottom-width:thin;
}

.ActiveAction
{
display:block !important;
}

































/***************** by shaimaa for scroll bar in Card Actions Screen *****************/
body .dynamic-action-content {
  max-height: calc(100vh - 230px);
  overflow-y: auto; }

body .dynamic-action-content::-webkit-scrollbar {
  width: 12px; }

body .dynamic-action-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px; }

body .dynamic-action-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }











/***************** by shaimaa for slider in Digital Profile Screen *****************/
    .digital-profile-site .doc-categories-tabs-slider{margin-top: 10px;}
    .digital-profile-site .doc-categories-tabs-slider .tabs-responsive {
  list-style: none;height: 39px; overflow: hidden;}
  .digital-profile-site .doc-categories-tabs-slider .tabs-responsive li {
    width: auto !important;
    height: auto !important; margin: 0 !important;}
  .digital-profile-site .doc-categories-tabs-slider .tabs-responsive .btn {
    height: auto;
    width: auto;
    padding: 5px 15px;
    border-radius: 8px; 
    background-color: #f5f5f594;
    border: 1px solid #d9d9d954 !important;
    margin-right: 10px;
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out; }
    .digital-profile-site .doc-categories-tabs-slider .tabs-responsive .btn:hover {
      border-color: #093F6D !important;
      text-decoration: none !important;
    }
    .digital-profile-site .doc-categories-tabs-slider .tabs-responsive .btn.active {
      border-color: #ffffff !important;
    background-color: #093f6dc9 !important;
    color: #fff !important;
    }
    .digital-profile-site .doc-categories-tabs-slider .actions{margin-bottom: 20px;}

.digital-profile-site .doc-categories-tabs-slider .actions button {
  top: 7px;
  color: #85A5CD;
  opacity: 0.5;
  border: none !important;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
  .digital-profile-site .doc-categories-tabs-slider .actions button.prev {
    left: -5px; }
  .digital-profile-site .doc-categories-tabs-slider .actions button.next {
    right: -5px; }
  .digital-profile-site .doc-categories-tabs-slider .actions button:hover {
    opacity: 1; }
  @media (max-width: 768px) {
    .digital-profile-site .doc-categories-tabs-slider .actions button {
      top: 7px; } }











/***************** Added style 30-10-2022 *****************/
/********************************************************/ 



.account-management .main-container .menu-container .logo-container .logo-company-img img {
  max-width: 100%;
  max-height: 100%; 
  width: 140px;
}

 
.account-management .main-container .side-menu-footer .side-menu
{
  max-height: calc(100vh - 230px);
  overflow-y: auto;
}
body .dynamic-action-content-white::-webkit-scrollbar {
  width: 9px; }

body .dynamic-action-content-white::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0%);
  border-radius: 10px;
background-color: #ffffffed; }

body .dynamic-action-content-white::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #607393;
}

.account-management .main-container .lang-toggeler-btn {
 
  margin-top: 0px !important;
  
}



@media (max-width: 520px)
{
  .account-management .main-container .menu-container .toggle-profile-menu-link {
    margin: 0 10px !important;
  }

  .userName-container
  {
    font-size: 14px;
  }
}




















/***************** last changes *****************/
/********************************************************/ 




/***************** Added style 12-12-2022 *****************/
/********************************************************/ 
.account-management .main-container .menu-container .logo-container img {
  width: 150px;
  height: 70px;
}
#sortable li a
{
  border:2px solid ;
  min-width: 200px;
  padding: 5px 0px;
  display:inline-block;
  font-size: 1rem;
  background-color: #5c636a00;
  color: #093F6D;
  cursor: move;
  text-align: center;
  border-radius: 5px;
  
}

.side-menu-footer .footer .upper-footer
{
 flex-direction: column;
}

.side-menu-footer .footer .upper-footer a
{
  color: #fff;
  display: block;
  padding: 18px 30px;
  width: 100%;
}

.account-management .main-container .menu-container .footer .logout-btn {
  padding: 17px 30px !important;
}

.side-menu-footer .footer .upper-footer a.account-setting:hover, .side-menu-footer .footer .upper-footer a.account-setting.active {
  background-color: #607393;
}
.logo-container .userName-container , .responsive-menu-icon
{
 display: none;
}
@media (max-width: 991px)
{

.account-management .main-container .menu-container .footer .logout-btn {
  padding: 17px 0px !important;
}


  .account-management .main-container .menu-container .logo-container
  {
    position: fixed;
    top:0px;
    background-color: #04234D;
  }

  .account-management .main-container .menu-container {
    top: 134px;
  }

  .account-management .content-container header {
    background-color: #04234D;
    color: #fff;
    top:75px;
    position: fixed;
    width:100%;
    z-index:1050;
  } 
  .responsive-menu-icon , .account-management .main-container .toggle-profile-menu-link .fa, .account-management .main-container .toggle-profile-menu-link span, .toggle-profile-menu-linkForCards span, .toggle-profile-menu-linkForCardsfa
  {
    color: #fff !important;
  }
 

  .account-management .main-container .profile-menu, .profile-menuForCards {
    top: 135px !important;
    position: fixed !important;
    z-index: 1050;
    width: 100%;
  }

  #newActionModal ul li {
   width:45%;
  }
  header .row .col-md-6
  {
    width: 50%;
  }
  .lang-toggeler-btn span
  {
    display: none !important;
  }
  .responsive-menu-icon
  {
  display: block;
  }

  header > .row > .col-md-6 .userName-container, .account-management .menu-container .upper-footer .lang-toggeler-btn
  {
   display: block;
   margin-right:20px;
  }
}

@media (max-width: 520px)
{
  .custom-width-txt
  {
    white-space: nowrap;
    width: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}




/***************** Added by me to fix qr code image in offline qr code page *****************/
/********************************************************/ 





@media (max-width: 520px) and (min-width: 450px)
{
   #QRCodeContainer
   {
       margin-left:5px !important;
   }
}

@media (min-width: 405px) and (max-width: 449px)
{
   #QRCodeContainer
   {
       margin-left:-25px !important;
   }
}


@media (max-width: 404.999px)
{
   #QRCodeContainer
   {
       margin-left:-40px !important;
   }
}











/***************** Added by Safaa to fix space between toggle menu button and language button *****************/
/********************************************************/ 


@media (max-width: 991px)

{

  .account-management .main-container .lang-toggeler-btn img

  {

    margin: 0 30px !important;

  }

    /********************28-12-2022************************/

    .newActionContainer .newActionBtn, ul#ActionButtonsContainer {
        width: 410px;
        margin: 8px auto;
    }
    .newActionContainer > .addBorderRight {
        border-right: 0px solid #bebebe;
    }

}









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

    .page-content

    {

    min-height: calc(100vh - 270px)

    }




.subscription-page .cards-container .cards-table-header h5.fw-bold {

 font-size: 1rem;

}



.small-page-height > .container {
    min-height: calc(100vh - 80px);
}

/*****New comments at 28-12-2022 by Safaa*******/
.newActionBtnContainer .btn {
    border-radius: 10px;
    color: #fff !important;
    font-weight: 500;
}
.newActionBtnContainer .btn:nth-child(1) {
    background-color: #073155 !important;
    margin-right: 10px;
}

.newActionBtnContainer .btn:nth-child(2) {
    background-color: #008000 !important;
   
}
.account-management .main-container .menu-container .side-menu li.menu-item {
    display: none;
}

.account-management .main-container .menu-container .side-menu li:nth-child(2) {
    font-weight: bold;
    font-size: 17px;
}

.account-management .main-container .menu-container .side-menu li:nth-child(4) {
    font-weight: bold;
    font-size: 17px;
}

.text-danger {
    color: #e59950 !important;
}

@media (max-width: 520px) {

    .newActionContainer .newActionBtn, ul#ActionButtonsContainer {
        width: 270px;
        margin: 8px auto;
    }
    .newActionBtnContainer .btn {
    
        width: 100%;
        margin-bottom: 20px;
    }
    .newActionBtnContainer {
        text-align: center;
    }
}

@media (max-width: 400px) {

    .account-management .main-container .menu-container .logo-container img {
        width: 110px;
        height: 50px;
    }
}





#CameraQRCodeScannerContainerMannai #qr-reader>:first-child>:first-child>:first-child
{
display:none;
}




/***************** added by shaimaa to hide scroll bar of action details in mobile scale (actions page) *****************/
/********************************************************/ 


@media (max-width:992px){
        .account-management .page-content.manageCard-page .dynamic-action-content{
            max-height: initial !important;
        }
    }

.digital-profile-site .main-container .profile-info .name{
        text-overflow: initial !important;
        white-space: initial !important;
        width: auto !important;
    }




















































.account-management .main-container .menu-container .logo-container>div{
    width: 100%; height: 100%;
}
.account-management .main-container .menu-container .logo-container .logo-company-img{
    width: 150px !important;
    height: 45px !important;
}
.account-management .main-container .menu-container .side-menu-footer .side-menu{
    box-shadow: inset -1px -1px 4px #02142d;
}
.account-management .main-container .menu-container .side-menu-footer .side-menu::-webkit-scrollbar-track{
    background-color: #02142d !important;
    border-radius: 10px;
}
.account-management .main-container .menu-container .side-menu-footer .side-menu li{
    border-bottom: none !important;
}
.account-management .main-container .menu-container .side-menu-footer .side-menu li:NavMenuHeader a
{
    /* font-weight: normal !important; */
    font-size: 15px !important;
    padding: 12px 10px !important;
    color: #a2a2a2;
    position: relative;
}
.account-management .main-container .menu-container .side-menu-footer .side-menu li:NavMenuHeader a::after
{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0; right: 0; bottom: 0;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(162,162,162,1) 0%, rgba(162,162,162,0) 60%);
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(162,162,162,1) 0%,rgba(162,162,162,0) 60%);
    background: radial-gradient(ellipse at center,  rgba(162,162,162,1) 0%,rgba(162,162,162,0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#00a2a2a2',GradientType=1 );    
}
.account-management .main-container .menu-container .side-menu-footer .side-menu li:NavMenuHeader a:hover
{
    background-color: transparent !important;
}
.account-management .main-container header .profile-menuForCards{
    box-shadow: 0px 2px 5px #00000059 !important;
}
.account-management .main-container header .profile-menuForCards ul::-webkit-scrollbar {width: 10px;}
.account-management .main-container header .profile-menuForCards ul::-webkit-scrollbar-track {background-color: #E2E8ED; border-radius: 10px;}
.account-management .main-container header .profile-menuForCards ul::-webkit-scrollbar-thumb {background-color: #8d97a0; border-radius: 10px;}
.account-management .main-container header .profile-menuForCards ul a.active{
    background-color: #e2e8ed69;
}
.account-management .main-container header>.row{margin-top: 10px;}
.account-management .main-container .form-control{
    border: 1px solid #00000029;
    box-shadow: none !important;
    color: #04234D;
    font-size: 14px;
    font-weight: bold;
}
.account-management .main-container .form-control:focus{
    border-color: #04234D;
}
.account-management .main-container .form-control::-webkit-input-placeholder { color: #00000059; font-size: 14px; }
.account-management .main-container .form-control:-ms-input-placeholder { color: #00000059; font-size: 14px; }
.account-management .main-container .form-control::placeholder { color: #00000059; font-size: 14px; }
.public-info-site .form#signupForm .form-check{
    padding: 0 !important;
}
.public-info-site .form#signupForm .form-check .form-check-input{
    display: none;
}
.public-info-site .form#signupForm .form-check .form-check-label{
    margin: 0 !important;
}
.public-info-site .form#signupForm .form-check .form-check-label::before{
    border-radius: 4px !important;
    border-color: #607393 !important;
}
.public-info-site .form#signupForm .form-check .form-check-input:checked+.form-check-label::after{
    top: 4px !important;
    left: 4px !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 2px !important;
}
.card-actions-main-container .add-new-container{
    background-color: #60739326;
    border-radius: 8px;
    padding: 25px;
    border: 1px solid #60739329;
}
.card-actions-main-container .add-new-container .title{
    color: #04234d;
    font-size: 22px;
    border-bottom: 1px solid white;
    padding-bottom: 12px;
    margin-bottom: 17px;
}
.card-actions-main-container .iconed-ddl .fa{
    top: 11px;
    font-size: 12px;
    color: #00000085;
}
[dir="ltr"] .card-actions-main-container .iconed-ddl .fa{right: 11px;}
[dir="rtl"] .card-actions-main-container .iconed-ddl .fa{left: 11px;}
.card-actions-main-container .add-btn{padding-top: 6px; padding-bottom: 6px; width: 50%;min-width: 50px;}
.card-actions-main-container .events-list .event-item .item-heading{
    border: 1px solid #04234d;
    color: #04234d;
    padding: 10px 15px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.card-actions-main-container .events-list .event-item .item-heading .item-type{
    height: 36px;
    width: 36px;
    display: inline-block;
    background-color: #e2e5ec;
    font-size: 24px;
    border-radius: 100%;
    text-align: center;
}
.card-actions-main-container .events-list .event-item .item-heading .action-status{
    font-weight: normal;
    font-size: 15px;
}
.card-actions-main-container .events-list .event-item .item-heading .action-status .fa-circle{
    font-size: 13px;
}
.card-actions-main-container .events-list .event-item .item-heading .action-status .fa-circle.active{
    color: #00bc00;text-shadow: 0 0 3px #00bc00;
}
.card-actions-main-container .events-list .event-item .item-heading .action-status .fa-circle.inactive{
    color: red;text-shadow: 0 0 3px red;
}
.card-actions-main-container .events-list .event-item .item-heading .icon-toggle{font-size: 18px;}
.card-actions-main-container .events-list .event-item.active .item-heading{
    border-radius: 4px 4px 0 0;
    background-color: #04234d;
    color: white;
}
.card-actions-main-container .events-list .event-item.active .item-heading .item-type{
    color: #04234d;
}
.card-actions-main-container .events-list .event-item.active .item-heading .icon-toggle::before{
    content: "\f106";
}
.card-actions-main-container .events-list .event-item .item-body{
    border: 1px solid #04234d;
    border-radius: 0 0 4px 4px;
    padding: 10px 15px;
    display: none;
}
.card-actions-main-container .events-list .event-item .item-body .btn-delete{
    top: 10px;
    font-size: 26px;
    color: #ca001e;
    text-decoration: none !important;
    border: none !important;
}
[dir="ltr"] .card-actions-main-container .events-list .event-item .item-body .btn-delete{right: 15px;}
[dir="rtl"] .card-actions-main-container .events-list .event-item .item-body .btn-delete{left: 15px;}
.card-actions-main-container .events-list .event-item .item-body .title{
    color: #04234d;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    text-align: center;
}
.card-actions-main-container .events-list .event-item .item-body .title span{
    background-color: white;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}
.card-actions-main-container .events-list .event-item .item-body .title::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0; right: 0; top: 12px;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(162,162,162,0.7) 0%, rgba(162,162,162,0) 70%);
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(162,162,162,0.7) 0%,rgba(162,162,162,0) 70%);
    background: radial-gradient(ellipse at center,  rgba(162,162,162,0.7) 0%,rgba(162,162,162,0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#00a2a2a2',GradientType=1 );    
}
.card-actions-main-container .events-list .event-item .item-body .form-check-input:checked{
    background-color: #04234d;
    border: none;
}
.card-actions-main-container .events-list .event-item .item-body .action-image{
    max-width: 100%; max-height: 150px;
}
.card-actions-main-container .events-list .event-item .item-body .action-image img{
    max-width: 100%;
    max-height: 150px;
    object-fit: cover;
    border-radius: 8px;
}
.card-actions-main-container .events-list .event-item .item-body .action-image .img-actions{
    background-color: #04234d;
    bottom: 0;
    left: calc(50% - 57px);
    border-radius: 4px 4px 0 0;
    padding: 2px 10px;
    color: white;
    opacity: 0.7;
}
.card-actions-main-container .events-list .event-item .item-body .action-image .img-actions .btn{
    color: white;
    border: none;
    padding: 0 9px;
}
.card-actions-main-container .events-list .event-item .item-body .action-image:hover .img-actions{
    opacity: 1;
}
.card-actions-main-container .events-list .event-item .item-body .uploading-note{
    font-size: 13px;
    /* width: 70%; */
    /* text-align: center; */
    padding: 0 15%;
    margin-top: 10px;
}
.card-actions-main-container .events-list .event-item .item-body select.form-control{
    appearance: auto !important;
    height: 35px !important;
}
.card-actions-main-container .save-actions-changes{
    position: fixed;
    bottom: 20px;
    left: calc(50% + 45px);
    color: #fff !important;
    box-shadow: none !important;
    font-weight: 700;
    padding: 10px 25px;
    border: none;
    border-radius: 8px;
    z-index: 20;
}
.digital-profile-site{
    background-size: contain !important;
    background-color: #1d3154;
}
.digital-profile-site .main-container{padding-top: 0 !important;}
.digital-profile-site .main-container .profile-actions-container{
    margin-bottom: 45px;
}
.digital-profile-site .main-container .profile-actions-container .profile-actions-toggler{
    background-color: #1d3154;
    color: white;
    margin-top: -2px;
    padding: 10px 25px;
    border-radius: 0 0 8px 8px;
    box-shadow: 0px 3px 3px #0000004f;
    position: relative;
}
.digital-profile-site .main-container .profile-actions-container .actions-list{
    background-color: #1d3154;
    width: 250px;
    top: 55px;
    border-radius: 8px;
    box-shadow: 0px 3px 3px #0000004f;
    : 10;
    padding: 8px 0;
}
.digital-profile-site .main-container .profile-actions-container .actions-list>.fa{
    /* transform: rotate(-90deg); */
    top: -13px;
    font-size: 34px;
    color: #1d3154;
    left: 49%;
    : 12;
}
.digital-profile-site .main-container .profile-actions-container .actions-list ul{
    max-height: 450px;
    overflow-y: auto;
    padding: 0 15px;
}
.digital-profile-site .main-container .profile-actions-container .actions-list .btn{
    color: white;
    padding: 8px 0;
    width: 100%;
    text-align: initial;
    border-bottom: 1px solid #ffffff14;
    opacity: 0.7;
}

.digital-profile-site .main-container .profile-actions-container .actions-list .btn:hover,
.digital-profile-site .main-container .profile-actions-container .actions-list .btn.active{opacity: 1;}
.digital-profile-site .main-container .profile-actions-container .actions-list ul::-webkit-scrollbar {
    width: 12px;
}
.digital-profile-site .main-container .profile-actions-container .actions-list ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    border-radius: 10px;
}
.digital-profile-site .main-container .profile-actions-container .actions-list ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,1); 
}
.digital-profile-site .main-container .data-container{margin-bottom: 30px;}
.digital-profile-site .main-container .data-container .title{
    color: #04234d;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    text-align: center;
}
.digital-profile-site .main-container .data-container .title::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    top: 12px;
    background: -moz-radial-gradient(center, ellipse cover, rgba(162,162,162,0.7) 0%, rgba(162,162,162,0) 70%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(162,162,162,0.7) 0%,rgba(162,162,162,0) 70%);
    background: radial-gradient(ellipse at center, rgba(162,162,162,0.7) 0%,rgba(162,162,162,0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#00a2a2a2',GradientType=1 );
}
.digital-profile-site .main-container .data-container .justify-content-end{
    text-align: end;
}
.digital-profile-site .main-container .data-container .title span{
    background-color: white;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    : 1;
}
.digital-profile-site .main-container .data-container .title  .fa{font-size:18px;}
.digital-profile-site .main-container .data-container .headign{
    font-family: poppinsRegular;
    color: #707070;
    font-size: 14px;
    margin-bottom: 3px;
}
.digital-profile-site .main-container .data-container a.value{
    color: #2771b0;
}
.digital-profile-site .main-container .data-container a.value:hover{
    color: #194871;
    text-decoration: underline;
}
.digital-profile-site .main-container .add-btn{
    /* position: fixed; */
    bottom: 20px;
    left: calc(50% - 90px);
    color: #fff !important;
    box-shadow: none !important;
    font-weight: 700;
    padding: 10px 25px;
    border: none;
    border-radius: 8px;
    background-color: #157347 !important;
    : 20;
}


.text-center{text-align: center !important;}
/* SIGNIN */
.social-btns .btn-card{
    background-color: #ffffff24;
}
.social-btns .btn-card:hover{
    background-color: #ffffff33;
}
.social-btns .btn-card i{
    color: white;
    width: auto;
    height: auto;
    background-color: transparent;
    position: relative;
    top: -3px;
}

/* MODALS */
.modal.card-modal .modal-content{text-align: center;}
.modal.card-modal .modal-content .modal-header{
    display: block;
    position: relative;
    color: #04234D;
    background-color: #f3f3f3;
    border: none !important;
}
.modal.card-modal .modal-content .modal-header .modal-title{
    font-size: 20px;
    margin: 10px 0;
}
.modal.card-modal .modal-content .modal-header .close{
    border: none;
    font-size: 25px;
    color: #717171;
    position: absolute;
    background-color: transparent;
    top: 0;
}
.modal.card-modal .modal-content .modal-header .close:hover{color: #000;}
[dir="ltr"] .modal .modal-content .modal-header .close{right: 8px;}
[dir="rtl"] .modal .modal-content .modal-header .close{left: 8px;}
.modal.card-modal .modal-content .modal-header::after{
    content:'';
    position: absolute;
    width: 100%;
    left: 0; right: 0; bottom: 0;
    height: 1px;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(208,205,205,1) 0%, rgba(208,205,205,0) 70%);
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(208,205,205,1) 0%,rgba(208,205,205,0) 70%);
    background: radial-gradient(ellipse at center,  rgba(208,205,205,1) 0%,rgba(208,205,205,0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0cdcd', endColorstr='#00d0cdcd',GradientType=1 );
}
.modal.card-modal .modal-content .modal-body{
    width: 80%;
    margin: 0 10%;
}
.modal.card-modal .modal-content .modal-body #ScanButtonContainerDiv>button{
    background-color: #000;
    box-shadow: none;
    outline: none;
    display: block;
    width: 100%;
}
.modal.card-modal .modal-content .modal-body .lined-title{
    position: relative;
    margin: 30px 0 15px 0;
}
.modal.card-modal .modal-content .modal-body .lined-title::before{
    content: "";
    background-color: rgba(208,205,205,1);
    position: absolute;
    width: 100%;
    height: 1px;
    top: 13px;
    left: 0;
}
.modal.card-modal .modal-content .modal-body .lined-title label{
    background-color: #fff;
    padding: 0 20px;
    position: relative;
    : 2;
}
.modal.card-modal .modal-content .modal-body .form-control{
    border: 1px solid #00000029;
    box-shadow: none !important;
    color: #04234D;
    font-size: 14px;
    font-weight: bold;
}
.modal.card-modal .modal-content .modal-body .form-control:focus{
    border-color: #04234D;
}
.modal.card-modal .modal-content .modal-body .form-control::-webkit-input-placeholder { color: #00000059; font-size: 14px; }
.modal.card-modal .modal-content .modal-body .form-control:-ms-input-placeholder { color: #00000059; font-size: 14px; }
.modal.card-modal .modal-content .modal-body .form-control::placeholder { color: #00000059; font-size: 14px; }

.modal.card-modal .modal-content .modal-body .camera-QR-reader-container #qr-reader{
    width: 100% !important;
}
.modal.card-modal .modal-content .modal-body .camera-QR-reader-container #qr-reader button{
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
}
.modal.card-modal .modal-content .modal-body .camera-QR-reader-container #qr-reader a{
    color: #04234D;
    text-decoration: underline;
    font-size: 14px;
}
.modal.card-modal .modal-content .modal-footer{
    border: none;
    display: block;
    padding-top: 0;
    width: 80%;
    margin: 0 10%;
}
.modal.card-modal .modal-content .modal-footer button{
    display: block;
    width: 100%;
}
.modal.card-modal .modal-content .modal-footer button.btn-link{border-bottom: none !important;}


/* RESPONSIVE STYLE */
@media (max-width:991px){
    .account-management .main-container .content-container header{
        position: relative;
        background-color: transparent;
        box-shadow: none;
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .account-management .main-container .content-container header>.row{margin-top: 0px;}
    .account-management .main-container .content-container header>.row>div:nth-of-type(2){
        position: fixed;
        top: 20px;
    }
    .account-management .main-container .content-container header>.row>div:nth-of-type(2) .responsive-menu-icon{font-size: 24px;}
    [dir="ltr"] .account-management .main-container .content-container header>.row>div:nth-of-type(2){
        right: 0;
    }
    [dir="rtl"] .account-management .main-container .content-container header>.row>div:nth-of-type(2){
        left: 0;
    }
    .account-management .main-container .content-container header .toggle-profile-menu-linkForCards{
        position: fixed !important;
        top: 75px;
        background-color: #04234d;
        padding-top: 5px;
        padding-bottom: 8px;
        border-radius: 0 0 8px 8px;
        : 10;
    }
    [dir="ltr"] .account-management .main-container .content-container header .toggle-profile-menu-linkForCards{
        right: 10px;
    }
    [dir="rtl"] .account-management .main-container .content-container header .toggle-profile-menu-linkForCards{
        left: 10px;
    }
    .account-management .main-container .menu-container{top: 76px !important;}
    .account-management .main-container .content-container header .profile-menuForCards{
        position: fixed !important;
        top: 76px !important;
        height: calc(100% - 76px);
        background-color: white;
        padding-top: 50px;
        z-index: 2;
    }
    .account-management .main-container .content-container header .profile-menuForCards>ul{
        max-height: 1000px !important;
        height: calc(100% - 74px);
        background-color: white;
    }
}