/*==============================================*/
/* Author:  Pascal KISSIAN (pascal@kissian.net) */
/* Resume:  http://pascal.kissian.net           */
/*                                              */
/* Copyright (c) 2016-2025 Pascal KISSIAN       */
/*==============================================*/
/*  default yakpro web portal system style      */
/*----------------------------------------------*/

.yak_number                 { text-align: right;}
.yak_admin_title            { font-size: 1.5em; font-weight: bold; }
.yak_news_list_padding      { padding: 5px; } 
.yak_news_comment_padding   { padding: 5px; } 

.yak_text_xxxl  { font-size:110px; line-height: normal; }
.yak_text_xxl   { font-size: 60px; line-height: normal; }
.yak_text_xl    { font-size: 40px; line-height: normal; }
.yak_text_l     { font-size: 36px; line-height: normal; }
.yak_text_xxm   { font-size: 26px; line-height: normal; }
.yak_text_xm    { font-size: 18px; line-height: normal; }
.yak_text_m     { font-size: 16px; line-height: normal; }
.yak_text       { font-size: 14px; line-height: normal; }
.yak_text_s     { font-size: 11px; line-height: normal; }
.yak_text_xs    { font-size:  9px; line-height: normal; }

@media (min-width: 1400px)
{
    .yak_text_xxxl  { font-size:130px; line-height: normal; }
    .yak_text_xxl   { font-size: 80px; line-height: normal; }
    .yak_text_xl    { font-size: 60px; line-height: normal; }
    .yak_text_l     { font-size: 40px; line-height: normal; }
    .yak_text_xxm   { font-size: 32px; line-height: normal; }
    .yak_text_xm    { font-size: 24px; line-height: normal; }
    .yak_text_m     { font-size: 18px; line-height: normal; }
    .yak_text       { font-size: 16px; line-height: normal; }
    .yak_text_s     { font-size: 14px; line-height: normal; }
    .yak_text_xs    { font-size: 10px; line-height: normal; }
}

@media (min-width: 1200px)  and (max-width: 1399px)
{
    .yak_text_xxxl  { font-size:110px; line-height: normal; }
    .yak_text_xxl   { font-size: 60px; line-height: normal; }
    .yak_text_xl    { font-size: 40px; line-height: normal; }
    .yak_text_l     { font-size: 36px; line-height: normal; }
    .yak_text_xxm   { font-size: 26px; line-height: normal; }
    .yak_text_xm    { font-size: 18px; line-height: normal; }
    .yak_text_m     { font-size: 16px; line-height: normal; }
    .yak_text       { font-size: 14px; line-height: normal; }
    .yak_text_s     { font-size: 11px; line-height: normal; }
    .yak_text_xs    { font-size:  9px; line-height: normal; }
}

@media (min-width: 992px) and (max-width: 1199px)
{
    .yak_text_xxxl  { font-size: 77px; line-height: normal; }
    .yak_text_xxl   { font-size: 42px; line-height: normal; }
    .yak_text_xl    { font-size: 28px; line-height: normal; }
    .yak_text_l     { font-size: 26px; line-height: normal; }
    .yak_text_xxm   { font-size: 18px; line-height: normal; }
    .yak_text_xm    { font-size: 16px; line-height: normal; }
    .yak_text_m     { font-size: 14px; line-height: normal; }
    .yak_text       { font-size: 12px; line-height: normal; }
    .yak_text_s     { font-size: 11px; line-height: normal; }
    .yak_text_xs    { font-size:  9px; line-height: normal; }
}

@media (min-width: 768px) and (max-width: 991px)
{
    .yak_text_xxxl  { font-size: 54px; line-height: normal; }
    .yak_text_xxl   { font-size: 30px; line-height: normal; }
    .yak_text_xl    { font-size: 22px; line-height: normal; }
    .yak_text_l     { font-size: 18px; line-height: normal; }
    .yak_text_xxm   { font-size: 16px; line-height: normal; }
    .yak_text_xm    { font-size: 14px; line-height: normal; }
    .yak_text_m     { font-size: 12px; line-height: normal; }
    .yak_text       { font-size: 12px; line-height: normal; }
    .yak_text_s     { font-size: 11px; line-height: normal; }
    .yak_text_xs    { font-size:  9px; line-height: normal; }
}

@media (min-width: 481px) and (max-width: 767px)
{
    .yak_text_xxxl  { font-size: 38px; line-height: normal; }
    .yak_text_xxl   { font-size: 24px; line-height: normal; }
    .yak_text_xl    { font-size: 22px; line-height: normal; }
    .yak_text_l     { font-size: 18px; line-height: normal; }
    .yak_text_xxm   { font-size: 16px; line-height: normal; }
    .yak_text_xm    { font-size: 14px; line-height: normal; }
    .yak_text_m     { font-size: 12px; line-height: normal; }
    .yak_text       { font-size: 12px; line-height: normal; }
    .yak_text_s     { font-size: 11px; line-height: normal; }
    .yak_text_xs    { font-size:  9px; line-height: normal; }
}

@media (max-width: 480px)
{
    .yak_text_xxxl  { font-size: 32px; line-height: normal; }
    .yak_text_xxl   { font-size: 22px; line-height: normal; }
    .yak_text_xl    { font-size: 20px; line-height: normal; }
    .yak_text_l     { font-size: 16px; line-height: normal; }
    .yak_text_xxm   { font-size: 14px; line-height: normal; }
    .yak_text_xm    { font-size: 13px; line-height: normal; }
    .yak_text_m     { font-size: 11px; line-height: normal; }
    .yak_text       { font-size: 10px; line-height: normal; }
    .yak_text_s     { font-size:  9px; line-height: normal; }
    .yak_text_xs    { font-size:  8px; line-height: normal; }
}

.yak_font_bold          { font-weight: bold;    }
.yak_font_oblique       { font-style: oblique;  }
.yak_font_italic        { font-style: italic;   }
.yak_font_normal        { font-style: normal;   }

.yak_text_line-through  { text-decoration: line-through;    }
.yak_text_overline      { text-decoration: overline;        }
.yak_text_underline     { text-decoration: underline;       }
.yak_text_normal        { text-decoration: none;            }


.ui-datepicker-year     { color: #000000; font-weight: normal;}

.yak_responsive_table_container { min-height: .01%; overflow-x: auto;}

@media screen and (max-width: 767px) {
    .yak_responsive_table_container {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .yak_responsive_table_container > .table { margin-bottom: 0; }
    .yak_responsive_table_container > .table > thead > tr > th,
    .yak_responsive_table_container > .table > tbody > tr > th,
    .yak_responsive_table_container > .table > tfoot > tr > th,
    .yak_responsive_table_container > .table > thead > tr > td,
    .yak_responsive_table_container > .table > tbody > tr > td,
    .yak_responsive_table_container > .table > tfoot > tr > td { white-space: nowrap; }
}

@media print
{
    .force-page-break                   { page-break-before: always; break-before: always;   }
    .no-print, .no-print *              { display: none !important;         }
    .no-print-space, .no-print-space *  { visibility: hidden !important;    }
}