/*
font-family: 'Montserrat', sans-serif;
*/


* {
    font-size: 100%;
}

html, body {
    font-family: var(--theme-primary-font);
    font-weight: 400;
    font-size: 16px;
    color: rgb(var(--text-primary-color));
    line-height: 1.25rem;
    height: 100% !important;
}

html {
    min-height: 100%;
    *height: auto;
}

body {
    background-color: rgb(var(--body-background-color));
    display: flex;
    flex-direction: column;
}

header, footer, .content{
    width: 100%;
}
input[type="button"]:focus, button:focus {
    outline: none;
}

input[type="button"]::-moz-focus-inner, button::-moz-focus-inner {
    border: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    font-family: var(--theme-primary-font);
    margin-bottom: 20px;
}

h1, .h1 {
    font-size: 2rem;
    line-height: 2.75rem;
    font-family: var(--theme-primary-font);
    color: rgb(var(--title-primary-color));
    font-weight: 800;
    letter-spacing: .5px;
}

h2, .h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-family: var(--theme-primary-font);
    color: rgb(var(--portal-title-primary-color));
    font-weight: 600;
    letter-spacing: .5px;
}

h3, .h3 {
    font-size: 1.25rem;
    line-height: 2rem;
    font-family: var(--theme-secondary-font);
    color: rgb(var(--text-primary-color));
}

h4, .h4 {
    font-size: 1.15rem;
    font-family: var(--theme-secondary-font);
    color: rgb(var(--text-primary-color));
    letter-spacing: .5px;
}

h5, .h5 {
    font-size: 1rem;
    margin-bottom: 16px;
    font-family: var(--theme-secondary-font);
    color: rgb(var(--text-primary-color));
}

h6, .h6 {
    font-size: 0.85rem;
    margin-bottom: 16px;
    font-family: var(--theme-secondary-font);
    color: rgb(var(--text-primary-color));
}

a {
    color: rgb(var(--portal-title-primary-color));
    font-size: 1rem;
    font-family: var(--theme-secondary-font);
}

a:hover {
    color: rgb(var(--text-primary-color));
    text-decoration: none !important;
}

p {
    font-size: 1rem;
    font-family: var(--theme-secondary-font);
    line-height: 1.5rem;
    color: rgb(var(--text-primary-color));
}
li a{
    color: #5f9fe0;
}
@media (max-width: 575.98px) {
    h1, .h1 {
        font-size: calc(.6rem + 4vw);
        line-height: calc(1rem + 4vw);
    }
    h2, .h2 {
        font-size: calc(.55rem + 3vw);
        line-height: calc(0.85rem + 4vw);
    }
    h3, .h3 {
        font-size: calc(.5rem + 3vw);
        line-height: calc(0.75rem + 4vw);
    }
    h4, .h4 {
        font-size: calc(.4rem + 3vw);
        line-height: calc(0.7rem + 4vw);
    }
    h5, .h5 {
        font-size: 1rem;
        margin-bottom: 16px;
    }
    h6, .h6 {
        font-size: 1rem;
        margin-bottom: 16px;
    }
}

.text-400{
    font-weight: 400;
}
.text-500{
    font-weight: 500;
}
.text-600{
    font-weight: 600;
}
.text-700{
    font-weight: 600;
}

.header .logo_holder ._fontello{
    font-size: 5rem;
    color: #fff;
}


.simple_text{
   font-size: .875rem;
    font-weight: 400;
    color: rgb(var(--text-primary-color));
    line-height: 1.25rem;
}

.img-circle{
    object-fit: cover;
}

.main-header .navbar-nav .nav-item a{
    display:flex;
    align-items: center;
}

.btn-primary{
    background-color:rgb(var(--primary-btn-background-color));
    color: rgb(var(--primary-btn-text-color));
    -webkit-transition: .4s;
   transition: .4s;
   border-radius: 8px;
   border: none !important;
   padding: 10px 11px;
   font-weight: 700;
   font-size: 1rem;
}
.btn-primary:hover{
    background-color:rgb(var(--primary-btn-background-h-color));
    color: rgb(var(--primary-btn-text-color));
}
.btn-secondary{
    background-color:rgb(var(--secondary-btn-background-color));
    color: rgb(var(--secondary-btn-text-color));
    -webkit-transition: .4s;
    border: 2px solid rgb(var(--secondary-btn-text-color));
   transition: .4s;
   border-radius: 8px;
   padding: 10px 11px;
   font-weight: 700;
   font-size: 1rem;
}
.btn-secondary:hover{
    background-color:rgb(var(--secondary-btn-background-h-color));
}
.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover {
    color: rgb(var(--secondary-btn-text-color));
     background-color:rgb(var(--secondary-btn-background-color));
    border-color:rgb(var(--secondary-btn-text-color));
}
.btn-primary.disabled, .btn-primary:disabled{
     background-color:rgb(var(--background-light-color));
      color: rgb(var(--text-dark-color));
}

.btn-simple {
    background-color:transparent;
    color: rgb(var(--portal-theme-primary-color));
     -webkit-transition: .4s;
   transition: .4s;
   padding: 10px 11px;
   font-weight: 700;
   font-size: .875rem;
}

.btn-operation{
  border: 1px solid rgb(var(--text-black-color));
    color: rgb(var(--text-black-color));
    font-weight: 600;
}
.btn-operation:hover{
  border: 1px solid rgb(var(--text-dark-color), 60%);
    color: rgb(var(--portal-theme-primary-color));
}
.btn-icons{
     background-color:transparent;
    color: rgb(var(--portal-theme-primary-color));
     -webkit-transition: .4s;
   transition: .4s;
   padding: 8px 10px;
   font-weight: 700;
   font-size: .875rem;
   border: none;
}


.btn._slim{
    padding-top: 7.5px;
    padding-bottom: 7.5px;
    font-size: .875rem;
}
.btn._extra_slim{
    padding-top: 3.5px;
    padding-bottom: 3.5px;
    font-size: .875rem;
}
.btn._large{
    min-width: 240px
}
.btn.button-select{
    background-color:transparent;
    color: rgb(var(--text-black-color));
    border: 1px solid rgb(var(--text-black-color));
    -webkit-transition: .4s;
   transition: .4s;
   padding: 10px 11px;
   font-weight: 600;
   font-size: .875rem;
   border-radius: 8px;
}
.btn.btn_light{
    background-color:transparent;
    color: rgb(var(--portal-theme-primary-color));
    border:none !important;
    -webkit-transition: .4s;
   transition: .4s;
   padding: 2px 5px;
   font-weight: 600;
   font-size: .875rem;
   border-radius: 0px;
}
.btn.btn_light.btn-danger{
    background-color:transparent;
    color: rgb(var(--danger-color));
    border:none !important;
    -webkit-transition: .4s;
   transition: .4s;
   padding: 2px 5px;
   font-weight: 600;
   font-size: .875rem;
   border-radius: 0px;
}
.btn.btn-status{
    background-color:transparent;
    color: rgb(var(--text-white-color)) !important;
    border:none !important ;
    -webkit-transition: .4s;
   transition: .4s;
   padding: 2px 8px !important;
   font-weight: 500 !important;
   font-size: .875rem !important;
   border-radius: 100px !important;
   line-height: 1.25rem !important;
}

.btn.btn_section_toggle{
    background-color:rgb(var(--background-secondary-color));
    color: rgb(var(--text-black-color));
   -webkit-transition: .4s;
   transition: .4s;
   border-radius: 8px;
   padding: 6px 12px;
   font-weight: 500;
   font-size: .875rem;
   line-height: 1rem;
}

.btn.btn-success{
    background-color: rgb(var(--succes-color));
}
.btn.btn-processing{
    background-color: rgb(var(--alert-color));
}
.btn.btn-failed{
    background-color: rgb(var(--danger-color));
}

.badge.badge-status{
    background-color:transparent;
    color: rgb(var(--text-white-color)) !important;
    border:none !important;
    -webkit-transition: .4s;
   transition: .4s;
   padding: 2px 8px !important;
   font-weight: 500 !important;
   font-size: .875rem !important;
   border-radius: 100px !important;
   line-height: 1.25rem !important;
}

.badge.badge-success{
    background-color: rgb(var(--succes-color));
}
.badge.badge-processing{
    background-color: #0e2c52;
}
.badge.badge-failed{
    background-color: rgb(var(--danger-color));
}
.badge.badge-waiting{
    background-color: rgb(var(--info-color));
}


.badge.status-document_in_operation_not_resolved{
    background-color: rgb(var(--alert-color));
}

.ctm_alert{
   border: 1px solid rgb(var(--borders-color));
    border-radius: 8px;
    background-color: rgb(var(--background-light-color), 30%);
    color: rgb(var(--text-black-color));
}

.w-borders{
    border: 1px solid rgb(var(--borders-color));
    border-radius: 8px;
}
.w-borders:hover{
    border: 1px solid rgb(var(--text-black-color));
    color: rgb(var(--text-dark-color));
}



header .navbar{
background-color: rgb(var(--header-primary-color));
    padding: 0.625rem 0.5rem;
}

.header .nav_menu ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
}
.header .nav_menu ul li a{
    color: rgb(var(--header-primary-text-color));
    display: block;
}
.header .nav_menu ul li{
    padding: 0px 0px;
}

.header .logo_holder{
   min-height: 100px;
    display: flex;
    flex-wrap: initial;
    align-items: center;
}
.content .banner_image_holder{
    max-width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.content .banner_image_holder{
   width: 100%;
    object-fit: cover;
    height: auto;
    max-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
}
.content .banner_image_holder .banner_image{
   width: 100%;
    object-fit: cover;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    background-position: center;
}
.content .banner_image_holder .banner_inner_box{
    min-height: 400px;

}
.banner_holder .__separator{
height: 8px;
    width: 100%;
    background: rgb(var(--portal-theme-primary-color));
}
@media only screen and (min-width: 767.98px){
    .content .banner_image_holder .banner_inner_box{
    max-height: 400px;
}
}
.banner_inner_page .banner_image_holder .banner_inner_box{
    height: 300px;
    min-height: auto;
    background-position: center;
}

@media only screen and (min-width: 575.98px){
  .banner_inner_page .banner_image_holder .banner_inner_box{
    height: 320px;
      min-height: auto;
}
}

@media only screen and (min-width: 767.98px){
  .banner_inner_page .banner_image_holder .banner_inner_box{
    height: 250px;
      min-height: auto;
}
}

@media only screen and (min-width: 991.98px){
  .banner_inner_page .banner_image_holder .banner_inner_box{
    height: 300px;
      min-height: auto;
}
}

@media only screen and (min-width: 1199.98px){
  .banner_inner_page .banner_image_holder .banner_inner_box{
    height: 200px;
      min-height: auto;
}
.banner_inner_page .banner_image_holder {
   background-position: bottom;
}
}

@media only screen and (min-width: 1499.98px){
  .banner_inner_page .banner_image_holder .banner_inner_box{
    height: 300px;
      min-height: auto;
}
.banner_inner_page .banner_image_holder {
   background-position: bottom;
}
}

@media only screen and (min-width: 1919.98px){
  .banner_inner_page .banner_image_holder .banner_inner_box{
    height: 350px;
      min-height: auto;
}
}
.content .banner_holder .banner_title{
    color: rgb(var(--portal-theme-banner-color));
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 3.15rem;
}
.content .banner_holder .banner_content{
    color: rgb(var(--portal-theme-banner-color));
    font-weight: 400;
    font-size: 1.35rem;
    line-height: 1.75rem;
    font-weight: 600;
}
.footer{
    background-color: rgb(var(--portal-theme-secondary-color));
    padding: 4rem 2rem !important;
    z-index: 999;
}
.footer .footer_row_title span, .footer .footer_row_content span{
    color: rgb(var(--text-white-color));
}
.footer .footer_row_content span{
    color: rgb(var(--text-white-color));
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}
.footer .footer_row_title span{
    color: rgb(var(--text-white-color));
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
}
.footer .footer_row_content .footer_menu a{
    color: rgb(var(--text-white-color));
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    display: block;
}
.footer .footer_row_title{
    margin-bottom: 1rem;
}


.footer .logo ._fontello{
    font-size: 8rem;
    color: #fff;
}

.footer .store_btn_holder svg{
    max-width:160px !important ;
    height: auto;
}

@media only screen and (min-width:991.98px) and (max-width: 1399.98px) {
.footer .logo ._fontello{
    font-size: 6rem;
    color: #fff;
}
.footer .store_btn_holder svg{
    max-width:140px !important ;
    height: auto;
}

}



.header .custom_btn_holder .btn{
   border: 2px solid #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    border-radius: 16px;
    background-color: #fff;
}

.header .search_section .search_icon{
    margin: 0px 15px;
    cursor: pointer;
}


.list_content_holder ul {
    grid-template-columns: repeat(2, 1fr);
    column-fill: auto;
    display: grid;
    grid-column-gap: 24px;
    column-gap: 24px;
    padding: 0;
    width: 100%;
    list-style: none;
}
@media only screen and (max-width: 767.98px){
    .list_content_holder ul {
    grid-template-columns: repeat(1, 1fr);

}
}
@media only screen and (max-width: 991.98px){
    .list_content_holder ul {
    grid-template-columns: repeat(1, 1fr);

}
}
.list_content_holder ul li{
    margin-bottom:1.5rem;
}
.list_content_holder ul li .element_box{
    background: rgb(var(--body-background-color));
    *box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    padding: 24px 32px;
    display: flex;
    flex-direction: row;
    height: 100%;
      -webkit-transition: .36s;
   transition: .36s;
   box-shadow: 0px 2px 20px #EEEEEE;
}

.list_content_holder ul.list-services li .element_box{
      box-shadow: 0px 2px 20px #dadada, 0px 15px 10px -15px #00000040;
    border: 1px solid #c5c5c5;
}
.list_content_holder ul li a.featured .element_box{
  border: 2px solid #113663;
}


.list_content_holder ul li .element_box img.white{
   display: none;
}
.list_content_holder ul li a{
    display: block;
    height: 100%;
}
.list_content_holder .element_box .box_title{
    font-size: 1.125rem;
    font-weight: 600;
    color: rgb(var(--portal-theme-primary-color));
    line-height: 1.5rem;
    max-width: 100%;
    display: inline-block;
}
.list_content_holder .element_box .box_title .slim_text{
    font-weight: 400;
}
.list_content_holder ul li a.active .element_box, .list_content_holder ul li:hover .element_box{
    background: rgb(var(--portal-theme-primary-color));
      -webkit-transition: .36s;
   transition: .36s;
}
.list_content_holder ul li a.active .box_title, .list_content_holder ul li:hover .box_title{
    color: rgb(var(--text-white-color));
      -webkit-transition: .36s;
   transition: .36s;
}
.list_content_holder ul li a.active .element_box img.dark,
.list_content_holder ul li:hover .element_box img.dark{
   display: none !important;
}
.list_content_holder ul li a.active .element_box img.white,
.list_content_holder ul li:hover .element_box img.white{
   display: initial !important;
}

.list_content_holder.result_page ul {
    grid-template-columns: repeat(1, 1fr);
    column-fill: auto;
    display: grid;
    grid-column-gap: 24px;
    column-gap: 24px;
    padding: 0;
    width: 100%;
    list-style: none;
}

/*   Disabled categorys tiles*/

.__disable .list_content_holder ul li .element_box{
    cursor: none !important;
    background: rgb(var(--body-background-color)) !important;
}


.__disable .list_content_holder ul li a.featured .element_box{
  border:none !important
}

.__disable .list_content_holder ul li .element_box img.white{
   display: none;
}
.__disable .list_content_holder ul li a{
    display: block;
    height: 100%;
}
.__disable .list_content_holder .element_box .box_title{
    color: rgba(153, 153, 153, 1) !important;

}

.__disable .page_title_holder .page_title{
      color: rgba(153, 153, 153, 1) !important;
}
.__disable .list_content_holder .nav-icon .dark{
    display: initial !important;
    opacity: .4;
}
.__disable .list_content_holder ul li a.active .element_box img.white, .__disable .list_content_holder ul li:hover .element_box img.white{
    display: none !important;
}
.__disable .list_content_holder ul li a.active .element_box img.dark, .__disable .list_content_holder ul li:hover .element_box img.dark{
    display: initial !important;
    opacity: .4;
}



/*  Index category tiles list design  */



.element_box .box_icon ._icon{
    font-size: 80px;
    color: rgb(var(--portal-theme-primary-color));
}
.element_box:hover .box_icon ._icon{
    font-size: 80px;
    color: rgb(var(--body-background-color));
}
.list_content_holder._tiles ul {
    grid-template-columns: repeat(4, 1fr);
    column-fill: auto;
    display: grid;
    grid-column-gap: 35px;
    column-gap: 35px;
    padding: 0;
    width: 100%;
    list-style: none;
}
@media only screen and (max-width: 767.98px){
    .list_content_holder._tiles ul {
    grid-template-columns: repeat(1, 1fr);

}
}
@media only screen and (max-width: 991.98px){
    .list_content_holder._tiles ul {
    grid-template-columns: repeat(2, 1fr);

}
}
.list_content_holder._tiles ul li{
    margin-bottom:1.5rem;
}
.list_content_holder._tiles ul li .element_box{
    background: rgb(var(--body-background-color));
    *box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
    *border-radius: 12px;
    padding: 24px 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
      -webkit-transition: .36s;
   transition: .36s;
   background: #FFFFFF;
    box-shadow: 0px 2px 20px #EEEEEE;
    border-radius: 25px;
    text-align: center;
}
.list_content_holder._tiles ul li .element_box .box_icon{
    display: block;
    width: 100%;
    max-width: 100%;
    padding-bottom: 15px;
}

.list_content_holder._tiles ul li a.featured .element_box{
  border: 2px solid #113663;
}

.list_content_holder._tiles ul li .element_box img.white{
   display: none;
}
.list_content_holder._tiles ul li a{
    display: block;
    height: 100%;
}
.list_content_holder._tiles .element_box .box_title{
    font-size: 1.125rem;
    font-weight: 600;
    color: rgb(var(--portal-theme-primary-color));
    line-height: 1.5rem;
    max-width: 100%;
    display: inline-block;
    text-transform: uppercase;
}
.list_content_holder._tiles ul li a.active .element_box, .list_content_holder._tiles ul li:hover .element_box{
    background: rgb(var(--portal-theme-primary-color));
      -webkit-transition: .36s;
   transition: .36s;
}
.list_content_holder._tiles ul li a.active .box_title, .list_content_holder._tiles ul li:hover .box_title{
    color: rgb(var(--text-white-color));
      -webkit-transition: .36s;
   transition: .36s;
}
.list_content_holder._tiles ul li a.active .element_box img.dark,
.list_content_holder._tiles ul li:hover .element_box img.dark{
   display: none !important;
}
.list_content_holder._tiles ul li a.active .element_box img.white,
.list_content_holder._tiles ul li:hover .element_box img.white{
   display: initial !important;
}

.list_content_holder._tiles .result_page ul {
    grid-template-columns: repeat(1, 1fr);
    column-fill: auto;
    display: grid;
    grid-column-gap: 24px;
    column-gap: 24px;
    padding: 0;
    width: 100%;
    list-style: none;
}


/*   Disabled categorys tiles*/
.__disable .list_content_holder._tiles ul li .element_box{
    cursor: none !important;
    background: rgb(var(--body-background-color)) !important;
}


.__disable .list_content_holder._tiles ul li a.featured .element_box{
  border:none !important
}

.__disable .list_content_holder._tiles ul li .element_box img.white{
   display: none;
}
.__disable .list_content_holder._tiles ul li a{
    display: block;
    height: 100%;
}
.__disable .list_content_holder._tiles .element_box .box_title{
    color: rgba(118, 118, 118, 1) !important;

}

.__disable .page_title_holder .page_title{
      color: rgba(148, 148, 148, 1) !important;
}


.__disable .element_box .box_icon ._icon{
   color: rgba(118, 118, 118, 1) !important;
}

.breadcrumb_holder .breadcrumb{
    background-color: transparent;
}
.breadcrumb_holder .breadcrumb .breadcrumb-item{
    color: #6c6b6b;
    font-size:.875rem;
    font-weight: 600;
    line-height: 1.5rem;
}
.breadcrumb_holder .breadcrumb .breadcrumb-item a{
    font-size:.875rem;
    font-weight: 600;
    line-height: 1.5rem;
    color: rgb(var(--text-black-color));
}
.breadcrumb_holder .breadcrumb-item+.breadcrumb-item::before{
    content: "\276F";
    color: #000;
}
.card .card-body{
    padding: 0.75rem 1rem;
}

.card-title{
    font-size: 1rem;
    font-weight: 600;
    color: rgb(var(--portal-theme-primary-color));
    line-height: 1.5rem;
}
.page_title_holder .page_title{
     font-size: 2.5rem;
    font-weight: 700;
    color: rgb(var(--portal-title-primary-color));
    line-height: 2.75rem;
}

.page_sub_title_holder .page_sub_title{
     font-size: 2rem;
    font-weight: 700;
    color: rgb(var(--portal-title-primary-color));
    line-height: 2.25rem;
}

.page_description_holder .page_description p{
     font-size: 1rem;
    font-weight: 400;
    color: rgb(var(--portal-theme-primary-color));
    line-height: 1.5rem;
}

.page_description_holder .__border_bottom {
    height: 2px;
    border-bottom: 2px solid rgb(var(--portal-theme-primary-color));
    padding-bottom: 15px;
    display: block;
}

.__disable .__border_bottom {
    height: 2px;
    border-bottom: 2px solid rgba(153, 153, 153, 1) !important;
    display: block;
}
.page_title_holder .page_title._slim{
     font-size: 1.125rem;
    font-weight: 700;
    color: rgb(var(--portal-title-primary-color));
    line-height: 1.5rem;
}




.card.without_borders{
  border:none !important;
}
.content-header{
    padding-top: 0px !important;
}

.card-body .card-header{
    border-bottom: 0px;
    padding: 10px 0px;
}

.main-header .breadcrumb{
    margin-bottom: 0px;
    background-color: transparent !important;
}
.breadcrumb {
    padding: .45rem 0rem !important;
}
.breadcrumb .breadcrumb-item{
font-size:.9rem;
letter-spacing: .5px;
}

.tiles_holder .box_holder{
    background: rgb(var(--tiles-background-color));
}
.tiles_holder .box_holder .icon_holder {
   background: rgb(253 253 253 / 100%);
}

.tiles_holder .box_holder{
  position: relative;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    *border: 1px solid rgb(var(--borders-color));
    padding: 16px 18px;
    border-radius: 16px;
    height: 100%;
}
.tiles_holder .box_holder.__documents{
    background-color: rgb(var(--portal-theme-primary-color));
}
.tiles_holder .box_holder .icon_holder {
    padding: .45rem .5rem;
    display: inline-block;
    border-radius: 8px;
    width: 52px;
    height: 52px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tiles_holder.dash .box_holder .icon_holder {
    padding: .85rem 1rem;
    display: inline-block;
    border-radius: 8px;
    width: 52px;
    height: 52px;
    opacity: .3;
}
.tiles_holder.dash .box_holder .icon_inner_holder {
 display: none;
}

.tiles_holder .box_holder .holder_icon{
    font-size: 2rem;
}
.tiles_holder .box_holder:hover{
    cursor: pointer;
     box-shadow: 0px 3px 10px -7px #848484;
}
.tiles_holder .box_holder span i{
   color: #fff;
   font-size: 1.15rem;
}
.tiles_holder .box_holder span .inner_icon {
      font-size: 1.65rem;
}

.tiles_holder .box_holder .text_holder{
    padding-left: 15px;
}
.tiles_holder .box_holder .text_holder .__number{
    font-size: 1.5rem;
    color: rgb(var(--text-white-color));
    font-weight: 700;
    letter-spacing: 1.75px;
}
.tiles_holder .box_holder .box_text {
   display: block;
    font-size: 1rem;
    color: rgb(var(--text-white-color));
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.5rem;
    padding-bottom: 5px;
}
.tiles_holder .box_holder .icon_holder img{
    max-width: 100%;
}
@media only screen and (min-width: 991.98px) and (max-width: 1439.98px){

.tiles_holder .box_holder .icon_holder {
    padding: .45rem .5rem;
    border-radius: 18px;
    width: 58px;
    height: 58px;
}
}

.breadcrumb {
    align-items: center;
}
.breadcrumb .breadcrumb-item{
    white-space: nowrap;
}
.breadcrumb .nav-link{
    padding: 0px;
    height: auto !important;
}
.breadcrumb ._choose_type .nav-link{
    color: rgb(255,255,255) !important;
    font-size: 1.05rem  !important;
}
.breadcrumb-item._choose_type .tiles_holder .box_holder {
      padding: .5rem 0rem;
}
.breadcrumb-item._choose_type .tiles_holder .box_holder .icon_holder {
      padding: .2rem .5rem;
}
.breadcrumb-item._choose_type .tiles_holder .box_holder  {
      box-shadow: none;
}
.breadcrumb .breadcrumb-item .dropdown-item:hover{
    background-color: transparent !important;
}

.tiles_holder .box_holder.__add_in{
    background-color: rgb(var(--background-light-color));
}
.tiles_holder .box_holder.__add_in .icon_holder i{
    color: rgb(var(--c-light-green));
     font-size: 2rem;
}

.tiles_holder .box_holder.__add_out{
    background-color: rgb(var(--background-light-color));
}
.tiles_holder .box_holder.__add_out .icon_holder i{
    color: rgb(var(--c-red));
    font-size: 2rem;
}
.tiles_holder .box_holder.__add_in span .inner_icon {
      background-color: rgb(var(--background-light-color));
      padding: 2px 4px;
    font-size: 1rem;
    bottom: -4px;
    right: 15px;
    position: relative;
}
.tiles_holder .box_holder.__add_out span .inner_icon {
      background-color: rgb(var(--background-light-color));
   padding: 2px 4px;
    font-size: 1rem;
    bottom: -4px;
    right: 15px;
    position: relative;
}

.tiles_holder .box_holder.__add_in span .inner_icon i{
   color: rgb(var(--c-light-green));
}
.tiles_holder .box_holder.__add_out span .inner_icon i{
   color: rgb(var(--c-red));
}

.breadcrumb-item._choose_type .tiles_holder .box_holder{
    cursor: pointer;
}
.breadcrumb-item._choose_type .tiles_holder .box_holder:hover{
     *box-shadow: 0px 3px 5px 0px #bbbbbb;
}

.tiles_holder .box_holder.__add_out ._box_text, .tiles_holder .box_holder.__add_in ._box_text  {
   display: inline-block;
    font-size: .85rem;
    color: #000;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1rem;
}
.tiles_holder .box_holder.__add_out .text_holder, .tiles_holder .box_holder.__add_in .text_holder  {
  padding-left: 0px;
}
.content-wrapper .card{
    border-radius: 20px;
    border: 1px solid rgb(var(--borders-color));
    box-shadow: 0px 3px 10px -7px #bbbbbb;
}







.tiles_holder._simple .box_holder{
    background-color: #fff;
    box-shadow: 0px 3px 10px -7px #00000042;
    padding:3rem  1.25rem;
}
.tiles_holder._simple .box_holder .text_holder{
   padding-left:0px;
   padding-top: 20px;
}
.tiles_holder._simple .box_holder .icon_holder i{
  color: #00a6bb;
    font-size: 3.5rem;
}
.tiles_holder._simple .box_holder .icon_holder{
    padding: 0rem;
}
.tiles_holder._simple .box_holder span .inner_icon {
   background-color: #fff;
      padding: 2px 4px;
    font-size: 1rem;
    bottom: -4px;
    right: -6px;
}


.tiles_holder._simple .box_holder ._settings_icon .inner_icon{
background-color: #fff;
    padding: 3px 5px;
    font-size: 1.5rem;
    bottom: -4px;
    right: -16px;
    border-radius: 0px;
}

.tiles_holder._simple .box_holder .fa-stack{
    height: auto;
    width: auto;
    line-height: autu;

}
.tiles_holder._simple .box_holder ._box_text{
    display: block;
    font-size: 1rem;
    color: #393939;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.25rem;
}
.extra_labels .tile_title{
  font-size: 1.05rem;
    color: #40bccc;
    text-shadow: 0px 0px #dedede;
    letter-spacing: .5px;
    font-weight: 500;
    line-height: .95rem;
    display: inline-block;
    background: #f2f8ff;
    padding: 8px 10px 10px;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.extra_labels .tiles_title_holder  {
position: relative;
    top: -55px;
    margin-bottom: -40px;
}






/*  SVG sizes   */

svg.size-1{
    height: 1rem;
    width: 1rem;
}
svg.size-2{
    height: 1.25rem;
    width: 1.25rem;
}
svg.size-3{
    height: 1.5rem;
    width: 1.5rem;
}
svg.size-4{
    height: 1.75rem;
    width: 1.75rem;
}
svg.size-5{
    height: 2rem;
    width: 2rem;
}





.footer._responzie_mobile_view .footer_row_title span, .footer .footer_row_content span{
    color: rgb(var(--text-white-color));
}
.footer._responzie_mobile_view .footer_row_content span{
    color: rgb(var(--text-white-color));
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}
.footer._responzie_mobile_view .footer_row_title span{
    color: rgb(var(--text-white-color));
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
}
.footer._responzie_mobile_view .footer_row_content .footer_menu a{
    color: rgb(var(--text-white-color));
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7rem;
    display: block;
}


@media only screen and (min-width:1199.98px){
#services-submit-form-table .custom_input_file{
    justify-content: end;
}
}

.floating_elements .open-zammad-chat{
    background: transparent;
    border: none;
    position: fixed;
    right: 0px;
    bottom: 10px;
    display: block !important;
}
.floating_elements .open-zammad-chat img{
    border-radius: 100px;
    width: 70px;
    filter: drop-shadow(2px 4px 6px #0000002d);
}

.floating_elements .open-help-select{
    background: transparent;
    border: none;
    position: fixed;
    right: 0px;
    bottom: 10px;
    display: block !important;
}
.floating_elements .open-help-select img{
    border-radius: 100px;
    width: 70px;
    filter: drop-shadow(2px 4px 6px #0000002d);
}

.open-help-select .assistance-code{
    background-color: #1f62c0;
    width: 70px;
    filter: drop-shadow(2px 4px 6px #0000002d);
    width: 4rem;
    text-align: center;
    font-size: 1.3rem;
    color: #eee;
    text-shadow: 1px 1px black;
}

.assistance-chat-open{
    position: fixed;
    right: 30px;
    bottom: 365px;
    border-radius: 5px;
    display: block;
}



.language-chooser-bar .dropdown-header-name{
    color: #fff;
    background-color: rgb(255,255,255,.1);
    padding: 10px 14px;
    margin-left: 10px;
    border-radius: 16px;
}
.language-chooser-bar .dropdown-item:active {
    background-color: transparent;
}
.language-chooser-bar .dropdown-menu{
    min-width: 6rem;
}
.header_content_box .header_title{
    font-size: 46px;
    font-weight: 600;
    color: #fff;
    line-height: 3.5rem;
    display: block;

}
.header_content_box .first_level{
    border-bottom: 1px solid #fff;
}
@media only screen and (min-width: 998.98px){
    .header_content_box{
        margin-left: 70px;
    }
}
@media only screen and (min-width: 1199.98px){
    .header_content_box{
        margin-left: 60px;
    }
}

.language-chooser-navbar-admin{
    display: flex;
    flex-wrap: wrap;
}
.language-chooser-navbar-admin a{
    opacity: 0.5;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-left: 8px;
}
.language-chooser-navbar-admin a.active{
    opacity: 1;
}

.second_level .nav_menu ul li a{
    border-radius: 10px;
    background-color: transparent;
    color: #fff !important;
    padding: 7px 18px;
    display: inline-block;
    margin-right: 15px;
    border: 1px solid transparent;
    font-weight: 600;
}

.second_level .nav_menu ul li.active a, .second_level .nav_menu ul li:hover a {
    border: 1px solid #fff;
}

.custom_zammad_form .btn{
        background-color: rgb(var(--primary-btn-background-color));
    color: rgb(var(--primary-btn-text-color));
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 8px;
    border: none !important;
    padding: 10px 11px;
    font-weight: 700;
    font-size: 1rem;
    margin: auto;

}
.custom_zammad_form .zammad-form{
    display: flex;
    flex-wrap: wrap;
}
.custom_zammad_form .form-group{
    width: 100%;
}
.custom_zammad_form .card-body{
    padding: 20px 30px;
*background-color: rgb(var(--background-secondary-color), 50%);
}
.custom_zammad_form.card{
    border: 1px solid #003b6a;
}

.custom_zammad_form input[type=file]{
    height:calc(1.6em + 1.15rem + 2px) ;
}
._support_btn_holder{
    position: fixed;
    width: 300px;
    left: 0px;
    bottom: 0px;
}
._support_btn_holder a{
       display: block;
    margin-right: -8px;
    background: #ededed;
    padding: 5px 0px;
    font-size: 14px;
    letter-spacing: 1px;
    border-top: 1px solid #cbcbcb;
    max-width: 100%;
}
.i_frame_holder #image_preview_data img{
    max-width: 100%;
}

.auth_box_holder .login_btn a{
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: transparent;
    color: #fff !important;
    padding: 7px 18px;
    display: inline-block;
    margin-left: 15px;
    font-weight: 600;
}




/*
responzive mobile design 
*/


@media only screen and (max-width: 991.98px){
    .content._custom_padding{
        padding: 0px 13.5px;
        *padding: 0px;
    }
    .content .banner_holder {
    margin-top: 0rem;
    margin-left: -13.5px;
    margin-right: -13.5px;
}
.header.navbar{
    /*overflow: hidden;*/
    z-index: 999;
}

    .header_content_box .header_title{
        font-size: 16px;
        line-height: 25px;
    }
    .header .logo_holder ._fontello{
    font-size: 4rem;
    color: #fff;
}
    .content .banner_image_holder .banner_inner_box{
        min-height: 300px;
        padding: 1rem;
        padding-bottom: 5rem;

    }
    .content .banner_image_holder{
         border-radius: 0px;
    }
    .content .banner_holder{
        margin-top: 0rem;
    }
    .content .banner_holder .banner_title{
          font-size: min(max(20px, 6vw), 34px);
        line-height: min(max(33px, 8vw), 40px);
    }
    .content .banner_holder .banner_content{
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .content .banner_holder .banner_btn a{
         font-size: 1rem;
        line-height: 1.25rem;
        color:rgb(var(--text-white-color));
        font-weight: 700;
    }
        .header_content_box{
            max-width: 245px;
            margin-left: 10px;
        }
    .header_content_box .first_level .header_title_holder{
        max-width: 180px;
    }.header_content_box .first_level{
        border: none;
    }
    .header_content_box .mobile_header_separator{
          border-top: 1px solid #fff;
            margin-top: 2px;
            padding-top: 8px;
            width: 200px;
    }
    .header .hamburger_menu_icon_holder{
    position: absolute;
    right: 0px;
    top: 0px;
}
.page_description_holder .page_description p{
    font-size: 12px;
    line-height: 20px;
}
  .header .hamburger_menu_icon_holder img{
  max-width: 25px;
  height: auto;
}
.hamburger_menu_holder .second_level ul{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
}
   .footer{
    padding: 1rem .75rem !important;
    z-index: 999;
} 
.footer._responzie_mobile_view .footer_row_content span{
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
}
.footer._responzie_mobile_view .footer_row_content span br{
   display: none;
}
.footer._responzie_mobile_view .footer_row_title span{
    font-size: 13px;
    line-height: 1.7;
    font-weight: 600;
}
.footer._responzie_mobile_view .footer_row_content .footer_menu a{
    font-size: 12px;
    line-height: 1.7;
    font-weight: 400;
}
.footer .footer_row_title{
    margin-bottom: 0px;
}
.footer .logo ._fontello{
    font-size: 6rem;
    color: #fff;
}
    .auth_box_holder .login_btn a{
        font-size: 12px;
        padding: 4px 8px;
        margin-left: 0px;
        margin-right: 8px;
        line-height: 1rem;
    }
    .page_title_holder .page_title{
        font-size: 1.25rem;
        font-weight: 700;
        color: rgb(var(--title-primary-color));
        line-height: 1.5rem;
        margin: 0px;
    }
  .page_title_holder .page_title._mobile_with_icon{
        font-size: 1.5rem;
        line-height: 1.85rem;
        margin: 0px;
        letter-spacing: 1px;
        max-width: 200px;

  }

    .footer_navigation_holder{
        position: fixed;
        bottom: 0;
        background: rgb(var(--body-background-color));
        width: 100%;
        z-index: 999;
    }
    .footer_navigation_holder .footer_navigation{
        padding: 20px 13.5px;;
        background:#fff;
    }
    .footer_navigation .nav_menu ul{
            grid-template-columns: repeat(4, 1fr);
        column-fill: auto;
        display: grid;
        grid-column-gap: 24px;
        column-gap: 24px;
        padding: 0;
        width: 100%;
        list-style: none;
        margin-bottom: 0px;
    }
    .footer_navigation .nav_menu ul li{
        text-align: center;
    }

    .footer .store_btn_holder svg{
    max-width:120px !important;
    height: auto;
}
  
.list_content_holder._tiles .element_box .box_title{
    font-size: 12px;
    line-height: 1rem;
}
.element_box .box_icon ._icon{
    font-size: 60px;
}
.list_content_holder._tiles ul li .element_box{
    padding: 20px 10px;
}
.list_content_holder._tiles ul li .element_box .box_icon img{
    max-width: 60px;
}
.list_content_holder._tiles ul{
    grid-column-gap: 20px;
    column-gap: 20px;
}
.hamburger_menu_holder .first_level{
    border-top: 1px solid #fff;
    padding-top: 5px;
    margin-top: 5px;
}
.hamburger_menu_holder{
    display: none !important;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.hamburger_menu_holder.show{
    display: block !important;
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

.banner_inner_page .banner_image_holder .banner_inner_box{
    max-height: 200px;
    min-height: 200px;
}

.content_box_holder .image_holder img{
    max-width: 100%;
}
}
@media only screen and (max-width: 355.98px){
    .header_mobile  .logo_holder img{
        max-width: 40px !important;
        height: auto;
    }
      .content._custom_padding{
              padding: 0px;
    }
    .content .banner_holder {
    margin: 0rem !important;
  
}
.header.navbar{
    padding: 0.625rem 0rem;
}
}



@media only screen and (max-width: 767.98px){
.list_content_holder .element_box .box_title {
    max-width: 61%;
    letter-spacing: -0.2px;
}
.list_content_holder._sesizari .element_box  img{
    max-width: 16px;
    height: auto;
}

.list_content_holder._sesizari .element_box strong{
    max-width: 65px;
    display: block;
    line-height: 13px;
}
.tiles_holder .box_holder .icon_holder{
    width: 40px;
    height: 40px;
}
.tiles_holder .box_holder { 
    padding: 8px 9px;
}
.tiles_holder .box_holder .text_holder .__number {
    position: absolute;
    right: 20px;
    top:20px;
}
.tiles_holder .box_holder .box_text{
    font-weight: 600;
}
.tiles_holder .box_holder .text_holder{
    padding-left: 15px;
    display: flex;
    flex: initial;
    align-items: center;
}
._sesizari ._status_badge{
        padding: 3px 8px;
        font-size: 11px;
}

.logo_holder i._fontello.psm::before{
    position:relative;
    max-width:36.23px;
}
.element_box .box_icon ._icon::before{
    width:70px !important; 
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.banner_image_holder .banner_icon img{
    max-width: 250px;
}
 .banner_inner_page .banner_image_holder._universal .banner_inner_box {
    height: auto !important;
    min-height: auto;
    background-position: center;
}

}
.clear-service-search:hover {background-color: #f5f5f5 !important; border: 1px solid #ddd;}
.notification-box .dot-animated
{
	position: relative;
    right: 4px;
    top: -12px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    content: '';
    background-color: rgb(var(--alert-color));
    -webkit-animation: fadeIn 2s ease infinite;
    animation: fadeIn 2s ease infinite;
}
.notification-box i{font-size: 1.5em;}
@media only screen and (min-width: 767.98px){
	.notification-box .dropdown-menu{width: 600px !important;}
}
.notification-box .dropdown-element.unread-item:after{
  position: absolute;
    right: 4px;
    top: 0px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    content: '';
    background-color: rgb(var(--alert-color));
 }
.unread-item {font-weight: bold !important;}
.read-item {font-weight: normal !important;}
.share-page {
	position:fixed; 
	top:50%; 
	right: 0;
	border-left-style: solid; 
	border-left-color: #666; 
	border-left-width: 1px; 
	border-top-style: solid; 
	border-top-color: #666; 
	border-top-width: 1px; 
	border-bottom-style: solid; 
	border-bottom-color: #666; 
	border-bottom-width: 1px; 
	padding: 5px 4px; 
	border-radius: 5px 0 0 5px;
	background-color: #fff;
}
.share-page .share-text {display: none;}
.share-page:hover .share-text {display: inline;}
#social-links ul {list-style-type:none; margin:0;padding:0;text-align:center;}
#social-links ul li {padding-top: 5px;}
#social-links a span {font-family: "Font Awesome 5 Brands" !important; font-size: 2.5rem; color: #666;}