/*================================== ACTA===================================*/


@font-face {
    font-family: 'cadanfonts';
    src: url(../fonts/cadan-fonts.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'AvatarFonts';
    src: url(../fonts/AvatarFonts.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 6';
    src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.ttf');
    font-weight: 400;
}
.acta-theme i .cadanfonts {
    font-family: 'cadanfonts';
}
.acta-theme #navigation {
    height: 100%;
    width: 200px;
    display: inline-block;
    background-color: #f1efef;
    overflow: hidden;
    position: relative;
    border-right: 1px solid #b6b5b3;

}
.acta-theme #header .frame-applications ul li.mobile-application-modal-btn {
    display: none }

.acta-theme #navigation .menu-sub>ul>li {
    background-color: #ffffff;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    border: 1px dotted #9d9b9b;
    letter-spacing: .1px;
}
.acta-theme #page .time-line>span>a:hover {
    color: #b1262a;
}

.acta-theme #page .home a:hover

 {

    color: #b1262a;

}



.acta-theme #navigation .menu>ul>li>a {
    font-weight: 300;
    padding: 12px;
    font-size: 12px;
   background-color: #f1efef;
    cursor: pointer;
    margin-bottom: 1px;
    border-bottom: 1px groove #b1aeaf;
    display: inline-block;
    width: 100%;
    padding-left: 12px;
    position: relative;
}
.acta-theme #navigation .menu-sub>ul>li:hover

 {
    background-color: #b82329;
    color: #ffff;
    cursor: pointer;
    border: #b82329;
}
.acta-theme #navigation .menu-sub>ul>li.selected
 {
    color: white;
    background-color: #b1262a;
    border: 1px solid #c03240;
}
.acta-theme #navigation .menu>ul>li>a:hover
 {
    background-color: #b1262a;
    color: #fff;
}
.acta-theme #header {
    height: 70px;
    border-bottom: 2px solid #b1262a;
    position: relative;
}
.acta-theme #navigation .etiquette {
    height: 80px;
    width: 100%;
    background-color: #f1efef;
    position: relative;
    bottom: -30px;
}
.acta-theme #requestChatButton
{
    color: #b1262a;
    border-radius: 30px;
    font-size: 20px;
    border: 5px solid #b1262a;
    -webkit-animation: bounce-top 1s both;
    animation: bounce-top 1s both;
    padding-top: 4px;
	    background: #f1efef;
}
.acta-theme #requestChatButton:hover
{
    color: #b1262a!important;
    border-radius: 30px;
    font-size: 20px;
    border: 5px solid #b1262a!important;
    -webkit-animation: bounce-top 1s both;
    animation: bounce-top 1s both;
    padding-top: 4px;
	    background: #f1efef!important;
}
.acta-theme .list-group-item-outside {
    font-weight: 400;
    text-align: right;
    background-color: #eebabb;
    border-radius: 15px;
    filter: drop-shadow(-1px -1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.15));
    position: relative;
    display: block;
    padding: 8px 15px;
    /* border: 1px solid #e4f2ff; */
    right: 38px;
    bottom: 10px;
    font-size: 12px;
    color: #333;
    -webkit-animation: fadeinout 10s infinite;
    animation: fadeinout 10s infinite;
}

.acta-theme.list-group-item-outside::before
 {
    border: 12.5px solid transparent;
    border-bottom: 0;
    height: 0;
    width: 0;
    border-top-width: 25px;
    content: "";
    display: block;
    position: absolute;
    transform-origin: center;
    bottom: -12px;
    border-top: 12.5px solid #e4f2ff;
    transform: rotate(0deg) skew(-25deg) translateY(0px);
    right: 3rem;
}

.acta-theme .list-group-item-outside::before

 {
    border: 12.5px solid transparent;
    border-bottom: 0;
    height: 0;
    width: 0;
    border-top-width: 25px;
    content: "";
    display: block;
    position: absolute;
    transform-origin: center;
    bottom: -12px;
    border-top: 12.5px solid #d79fa0;
    transform: rotate(0deg) skew(-25deg) translateY(0px);
    right: 3rem;
}
.acta-theme #page .upper-bar {
    height: 39px;
    position: relative;
    margin: 0;
    text-align: left;
    background-color: #f1efef;
    border-bottom: 1px solid #b1aeaf;
}
.acta-theme #page .home a

 {
    background-color: #f1efef;
    height: 100%;
    width: 100%;
    display: block;
    transition: all .3s linear 0s;
}
.acta-theme #header .frame-profile-left a i {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #504a4a;
    position: absolute;
    transform: translateY(-50%);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.acta-theme #header .frame-profile-left a i {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #504a4a;
    position: absolute;
    transform: translateY(-50%);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.acta-theme#header .frame-profile-right i {
    color: #b1262a;
    font-family: fontawesome;
    font-size: 43px;
}
.acta-theme #header .frame-profile {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    float: right;
    cursor: pointer;
    position: relative;
    min-width: 150px;
    text-align: right;
    background-color:#ffffff;
    width: 200px;
}
.acta-theme #header .frame {
    height: 100%;
    background-color: #ffffff;
}
.acta-theme #header .frame-applications ul li {
    display: inline-block;
    width: 85px;
    height: 100%;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #b6b5b3;
    position: relative;
    white-space: normal;
}
.acta-theme#header .frame-profile .frame-card {
    padding: 0 10px;
    background-color: #f1efef;
}
.acta-theme #header .frame-applications ul li a i:before{
    font-family: cadanfonts;
   
    color: #8d8583;
   
}
.acta-theme #header .frame-applications ul li a i:before {
  
    font-family: "Font Awesome 5 Pro";
    font-size: 40px
}


.acta-theme #header .frame-applications ul li a[title="Gestione Documentale"] i:before {
    content: "\f115";
    font-family: fontawesome;
    font-size: 35px;
}
.acta-theme #header .frame-applications ul li a[title="Atti Consiliari"] i:before {
    content: "\ea3e";
    font-family: "Material Icons";
    font-size: 50px;
}


.acta-theme #header .frame-applications ul li a[title="Atti Amministrativi"] i:before {
     font-family : cadanfonts;
    content: 'C';
}
.acta-theme #header .frame-applications ul li a[title="Protocollo Informatico"] i:before {
     font-family : cadanfonts;
    content: 'L';
}
.acta-theme #header .frame-applications ul li a[title="Assemblea Virtuale"] i:before {
     font-family : cadanfonts;
    content: 'R';
}
.acta-theme .frame-notify {
    right: 0;

    display: inline-block;
    width: 85px;
    height: 100%;
    text-align: center;
    vertical-align: top;
    /* border-right: 1px solid #b8cfe6; */
    position: relative;
    white-space: normal;
}
.acta-theme #header .frame-applications ul li:hover

 {
    background-color: #f1efef;
}

.acta-theme #header .frame-applications ul li.active

 {
    background-color: #f1efef;
}
.acta-theme .frame-notify span

 {
    background-color: #b1262a;
 }

.acta-theme .frame-notify .button-notify

 {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #ffffff;
    cursor: pointer;
    z-index: 3;
}

.acta-theme .frame-notify .button-notify i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 35px;
    color: #8d8583;
    transform: translate(-50%, -50%);
}
.acta-theme #header .frame-search .button-biotope i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 35px;
    color: #8d8583;
    transform: translate(-50%, -50%);
}
.acta-theme #header .frame-search .button-biotope {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #ffffff;
    cursor: pointer;
    z-index: 3;
}

.acta-theme .frame-notify {

    border-left: 1px solid #b6b5b3;

    border-right: 1px solid #b6b5b3;
  
}

.acta-theme #header .minify-btn i {

    color: #8d8583;
   
}

.acta-theme #header .frame-profile-right i {
    color: #b1262a;
    font-family: fontawesome;
    font-size: 43px;
}
.acta-theme #header .frame-profile-left h3
{
    color: #8d8583;
  
}
.acta-theme #header .frame-profile .frame-card

 {
    padding: 0 10px;
    background-color: #ffffff;
}
.acta-theme #header .frame-applications ul::-webkit-scrollbar-thumb {
    background: #b1262a; 
    border-radius: 4px;
}
.acta-theme #header .frame-home {
 
    border-right: 1px solid #b6b5b3;
 
}
.acta-theme #page .maximize-btn i

 {
 
    color: #8d8583;
   

}

.acta-theme .acta-theme #navigation

 {

  
    border-right: 1px solid #b1aeaf;
}
.acta-theme #requestChat:hover #requestChatButton, #requestChat:hover .list-group-item-outside

 {
    color: #8d8583 !important;
    background-color: #ffffff !important;
    animation: none;
        /* border: 5px solid #8d8583; */
}
.acta-theme #requestChat:hover #requestChatButton, #requestChat:hover .list-group-item-outside {
    color: #8d8583!important;
    background-color: #ffffff!important;
    animation: none;
}
.acta-theme #requestChat:hover .list-group-item-outside:before

 {
    border-top-color: #ffffff !important;
}
/* .acta-theme #header .frame-applications ul li a i:before {
    font-family: cadanfonts;
    font-size: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #8f8f8e;
    transform: translate(-50%, -50%);
    transition: all .3s linear 0s;
} */

/*.acta-theme #header .minify-btn i {
    padding: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translateY(-50%);
    border: 2px solid transparent;
    font-size: 0;
    line-height: 0;
    position: relative;
    cursor: pointer;
    color: #8f8f8e;
    text-align: center;
    top: 50%;
    right: 10px;
} */