.main-panel {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}
.main-panel::-webkit-scrollbar {  width: 3px}
.main-panel::-webkit-scrollbar-thumb{ background-color: grey;}
a {
    color: #195e9a;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4{
	margin: 0 10px 0 0;
}
.master-title{color: #2a926f;background-repeat:no-repeat; }
.master-title .sub-master-title{ color : firebrick}
.brick{color: #fb404b}

.btn-success.btn-fill { background-color: #36b289;  border-color: #32a47d; }
.btn-success.btn-fill:hover, .btn-success.btn-fill:focus, .btn-success.btn-fill:active, .btn-success.btn-fill.active, .open > .btn-success.btn-fill.dropdown-toggle {
    background-color: #2c8070;
}
.btn-primary.btn-fill {   background-color: #428bca;border-color:#357ebd}
.btn-primary.btn-fill:hover, .btn-primary.btn-fill:focus, .btn-primary.btn-fill:active, .btn-primary.btn-fill.active, .open > .btn-primary.btn-fill.dropdown-toggle {
    background-color: #3379b5;
}
.btn-danger.btn-fill {    background-color: #F3565D; border-color:#f13e46 }
.btn-danger.btn-fill:hover, .btn-danger.btn-fill:focus, .btn-danger.btn-fill:active, .btn-danger.btn-fill.active, .open > .btn-danger.btn-fill.dropdown-toggle {
    background-color: #f1353d;
}

/*input[type=text]{  background-color: #f5f5f5;}*/
.navbar-header  .modyria-title{
    font-family: arkhat;
    font-size: 20pt;
    color:navy;
}
.sidebar .logo, .bootstrap-navbar .logo {	text-align: center;font-weight: bold;  font-size: 16px;}
.badge-danger{background-color: #ff3232}

.padding-left-right-zero{   padding-left: 0;  padding-right: 0;}
.margin-left-right-zero{   margin-left: 0;  margin-right: 0;}
.padding-left-zero{   padding-right: 0;}
.padding-right-zero{   padding-left: 0;}
.padding-left-right-15{   padding-left: 15px;  padding-right: 15px;}

.icon_title{ width: 59px;
    float: left;
    text-align: center;
    font-size: 30pt;
    margin-top: -10px;
    margin-bottom: -18px;}

.card .content-without-top{padding-top: 0}

.pagin-stats{margin:5px 15px 10px	}
.selectallwrapper label{ margin-bottom: 0px;}
.selectallwrapper input[type=checkbox]{ float: left; margin-right: 7px; }

.nav>li>a{
    padding: 10px;
}
.margin-top-10 {
    margin-top: 10px;
}
.inbox-logo,.outbox-logo,.archive-logo,.deleted-logo,.onemessage-logo{
    background: transparent url("../../assets/img/inbox-logo.png") no-repeat scroll center top;
    width: 97px; height: 92px;
    float: left;
    margin-right: 15px;
    top: -54px;
    position: relative;
    margin-bottom: -39px;
}
.outbox-logo{
    background: transparent url("../../assets/img/outbox-logo.png") no-repeat scroll center top;
}
.archive-logo{
    background: transparent url("../../assets/img/archive-logo.png") no-repeat scroll center top;
}
.deleted-logo{
    background: transparent url("../../assets/img/deleted-logo.png") no-repeat scroll center top;
}
.onemessage-logo{
    background: transparent url("../../assets/img/onemail-logo.png") no-repeat scroll center top;
}
.from-image{
    position: absolute;
    right: 30px;
    border-radius: 5px;
    padding: 1px;
    border: 1px silver solid;
    top: 15px;
}
.tbl-striped tbody>tr:nth-of-type(odd) {   background-color: #f9f9f9;}
.tbl-striped tbody>tr:first-child{border-top: 1px solid #e2e1e1;background-color: #78cbb0;
    font-family: arkhat;
    color: #272727;}
.tbl-striped tbody>tr{    line-height: 32px;
    padding: 4px 0;
    border-bottom: 1px solid #e8e8e8; }

.div-striped>div:nth-of-type(odd) {   background-color: #f9f9f9;}
.div-striped>div:first-child,.tbl_head{border-top: 1px solid #e2e1e1;background-color: #78cbb0;
    font-family: arkhat;
    color: #272727;}
.div-striped>div{    line-height: 32px;
    padding: 4px 0;
    border-bottom: 1px solid #e8e8e8; }

@media (max-width: 767px) {
    .div-striped .visible-xs {
        display: inline!important;
    }
}
.panel-title,.help_link{cursor: pointer; margin:0;}
.panel-title a:hover, .panel-title a:focus {  color: #fb404b;
}
.text-align-center{text-align: center}
.text-align-justify{text-align: justify}
p.indent{
  margin-left: 85px;
  border-left: 15px solid #f6f6f6;
  padding-left: 10px;
}
.my_notification {
    background-color: #FB404B;
    text-align: center;
    border-radius: 10px;
    min-width: 18px;
    padding: 0 5px;
    height: 18px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 18px;
}
.margin5rl{ margin-right:5px; margin-left: 5px }
 /*- - - - - -  - COLORS  - - - - -*/
.silver{ color: silver}
.red{color: red}
.green{ color: green}
.orangered{color: #df7c00;}
/*- - - - - - - - - - - - - - - - - */


.pointer{ cursor: pointer;}
.s20pt ,.s21pt{font-size: 16pt}
.line_noti.li a{
    line-height: 24px;
    padding-left:10px;
}
.line_noti i{ font-size: 14pt}
.radius5px{border-radius: 5px}
.mail_latest{   background:  transparent url(/images/messages/mail_latest.png) no-repeat 10px 8px;}
.mail_newest{   background:  transparent url(/images/messages/mail_newest.png) no-repeat 10px 8px;}
/*.gmap{   background:  transparent url(/images/img/gmap.png) no-repeat;    margin:0 auto;}*/
/*.tasks{   background:  transparent url(/images/img/tasks.png) no-repeat;    margin:0 auto;}*/
.forum_icon{   background:  transparent url(/images/forum/forum_icon.png) no-repeat 100%;
    color: #8c27c1;
    line-height: 43px;
    border-bottom: 1px solid #ddd;
    text-align: right;
    padding-right: 46px;
    font-size: 14pt;
}

.photo-great{cursor: pointer;
    border-radius: 20px;
    border: 2px solid silver;
    width: 92%}
.object-center{margin: 0 auto;}

.sidebar-wrapper { overflow-y: auto}
.sidebar-wrapper::-webkit-scrollbar {  width: 3px}
.sidebar-wrapper::-webkit-scrollbar-thumb{
    background-color: rgb(115, 36, 45);
}
#forum-head-home{
    background-color: #cf43ed;
    border-radius: 5px;
    margin-top: 15px;
    color: #FFF;
    padding: 10px;
    line-height: 22px;
    font-weight: bold;
}
.dropdown-menu{
    top:inherit;
}
.div-sep{
    width: 98%;
    margin: 0 auto;
    border-top: 3px solid rgba(0, 128, 0, 0.1);
    padding-top: 3px;
    border-bottom: 3px solid rgba(255, 0, 0, 0.1);
    margin-bottom: 20px;
}
.text-left{    text-align: right;}
.text-right{   text-align: left;}
.royalblue{color:royalblue}
.p404{
    width: 100%;
    text-align: center;
    font-family: arkhat;
    padding: 20px;
}
.img404{
    background:  transparent url( ../img/p404.png) no-repeat scroll 50% 50%;
    height: 128px;
    width: 100%;

}
/*--------------DIALOG*/
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.dialog {
    z-index: 1000;
    position: absolute;
    right: 0;
    left: 0;
    top: 20px;
    margin-right: auto;
    margin-left: auto;
    min-height: 300px;
    max-width: 740px;
    background-color: #fafafa;
    padding: 12px;
    border: solid 1px #ccc;
    border-radius: 15px;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.dialog__close-btn {
    border: 0;
    background: none;
    color: #de2828;
    position: absolute;
    top: 12px;
    left: 8px;
    font-size: 1.5em;
    cursor: pointer;
}
.whole{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    overflow: visible;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}


.baha{
    animation:scaleme 1s;
    -webkit-animation:scaleme 1s;
}
@-webkit-keyframes scaleme {
    0% { opacity: 1; }
    100% {   height:0; }
}

/*- - - - - - - - - FOOTER -*/

footer{
    position: fixed;
    bottom: 0;
    background-color: #FFFFFF;
    height: 40px;
    border-top: 1px solid #dbdbdb;
}
footer .copyright {
    color: #797979;
    padding: 0 15px;
    line-height: 38px;
    font-size: 14px;
    font-family: arkhat;
}
footer .pullleft{    float:right;}
footer .pullright{    float: left;}

@media (min-width: 992px) {
    .footer-fixed {
        width: calc(100% - 260px);

    }
}

.inwane{
    font-family: arkhat;
    color: seagreen;
    line-height: 40px;
}
.big_icon_front{padding: 5px;cursor: pointer}
.big_icon_front img{ display: inherit}
.mail_front {
    border: 1px solid silver;
    margin: 50px 15px 20px;
    border-radius: 8px;
    background: rgba(219, 255, 132, 0.3) url('/images/messages/enveloppe-border.png') repeat-x bottom ;
}
.folio_front {
    border: 1px solid silver;
    margin: 50px 15px 20px;
    border-radius: 8px;
    background: rgba(219, 255, 132, 0.3) url('/images/folio/folio-border.png') repeat-x bottom ;
}
.profile_contour{
    border: 1px solid silver;
    margin: 50px 15px 20px;
    border-radius: 8px;
    background-color: #f2f9ff;
    border-bottom: 6px solid grey;
}
#minimizeSidebar{
    z-index: 10;
    color:#f3f3f3;
    position: absolute;
    right:-19px;
    top:12px;
    float: right;
}
.pending-message{
    background: transparent url("../../assets/img/pending-message.png")  no-repeat scroll center top;
    width: 125px;
    height: 125px;

}
.sp-pending-message{
    position: absolute;
    width: 92%;
    margin: 10px auto;
    border-bottom: 0;
    animation: fa-rotata 4s linear infinite;
}
.rotate-it{
    animation: fa-rotata 4s linear infinite;
}
@keyframes fa-rotata {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.sp-loading-image{
    position: absolute;
    width: 92%;
    margin: 10px auto;
    height: 154px;
}
.flag_dz{
    margin-top: 9px; float: left; margin-left: 10px;margin-right: 20px;
}
@media (min-width: 768px){
    .navbar-nav {
        float: right;
    }
}
.waiting{
    background: transparent url("../../assets/img/loading-squares.gif")  no-repeat scroll center top;
    padding-top:130px ;
}
.photo-gold{
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    border: 5px solid gold;
    margin: 0 auto;
    background-color: #FFF;
}
.photo-silver{
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    border: 5px solid #d7d7d7;
    margin: 0 auto;
    background-color: #FFF;
}

@media (min-width: 992px) {
    .sidebar-mini .sidebar .user .photo-gold,.sidebar-mini .sidebar .user .photo-silver {
        width: 60px;
        height: 60px;
    }
}
.row {
    margin-left: 0px;
    margin-right: 0px;
}


/* General styling */
.content {
    margin: 0 auto;
    width: 100%;
  }
  
  .textCenter {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  
  .badge {
    margin-right: 5px;
    background-color: #dc3545; /* Example color */
    color: white;
    padding: 2px 6px;
    border-radius: 10px;
  }
  
  /* Image positioning */
  .mail-img, .folio-img {
    max-width: 100px; /* Adjust size as needed */
    position: absolute;
    right: 25px;
    top: -70px;
  }
  
  /* Desktop styles (default Bootstrap md breakpoint is 768px) */
  @media (min-width: 768px) {
    .mail-img, .folio-img {
      max-width: 100px;
      position: absolute;
      right: 25px;
      top: -70px;
    }
  }
  
  /* Mobile styles */
  @media (max-width: 767px) {
    .mail-img, .folio-img {
      position: static; /* Remove absolute positioning on mobile */
      margin: 10px auto; /* Center the image */
      max-width: 80px; /* Smaller size for mobile */
    }
  
    .col-6 {
      padding: 10px 0; /* Add spacing between items */
    }
  
    .text-center a {
      font-size: 14px; /* Smaller text on mobile */
    }
  
    .badge {
      font-size: 12px; /* Smaller badge on mobile */
    }
  }