/**
Theme Name: Astra Child - LSP Tespoin
Theme URI: #
Description: Theme for LSP Tespoin - Child Theme for Astra Theme
Template:    astra
Author: Lima Multimedia
Author URI: https://limamultimedia.com
Version: 1.1.0
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: lima

**/

/**
* CONFIG STYLE CHILD
* more stlye moved main-stlye.css
*/

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/nunito/v32/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshdTk3j77e.woff2) format('woff2');
    unicode-range: U +0460 -052F, U +1C80 -1C8A, U +20B4, U +2DE0 -2DFF, U + A640-A69F, U + FE2E-FE2F;
}

 



:root{
    --ctm-c-primer: #d20305;
    --ctm-c-second: #0f172a;
    --ctm-c-tertier: #d97706;
    --ctm-c-neutral: #334155;
    --ctm-c-neutral-b: #394657;
    --ctm-c-blue-light:#eff4ff;
    --ctm-c-blue-light-old:#dde9ff;
    --ctm-c-tertier-light:#ffede6;
    --ctm-c-tertier-light-old:#fdd8d3;

    --ctm-border:1em ;

}

html{
    font-size: 100%;
}

.text-primer{
    color: var(--ctm-c-primer); 
}

.text-second{
    color: var(--ctm-c-second); 
}

.text-tertier{
    color: var(--ctm-c-tertier); 
}

.text-neutral{
    color: var(--ctm-c-neutral); 
}

.text-red{
    color: #9b1c1c; 
}
.text-green{
    color: #03543f; 
}

.font-400{
    font-weight: 400;
}

.font-500{
    font-weight: 500;
}

.font-600{
    font-weight: 600;
}

.font-700{
    font-weight: 700;
}


.font-800{
    font-weight: 800;
}



.flex-btn{
    display: flex;
    gap: 14px;
    flex-wrap: wrap; 
}


.ctm-btn {
    border: 0;
    border-radius: 6px; 
    display: inline-block; 
    font-weight: 500; 
    font-size: 1rem;
    background: transparent;
    padding: .37em .75em;
    text-align: center;
    text-decoration: none;
    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap; 
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.ctm-btn-sm{
    font-size: .75rem;
    line-height: .9rem;
    padding: .31em .63em;

}

.ctm-btn-sm span,
.ctm-btn-sm i{
    font-size: .75rem;
    line-height: .9rem;
}

a.ctm-btn{
    color: #fff;
    text-decoration: none;
}

.ctm-btn-blue{
    background: #0d6efd;
    color: #fff;
    border-color: #0d6efd;
}

.ctm-btn-green{
    background: #198754;
    color: #def7ec;
    border-color: #198754;
}

.ctm-btn-red{
    background: #dc3545;
    color: #fde8e8;
    border-color: #dc3545;
}

.ctm-btn-grey{
    background: #6c757d;
    color: #dfdfdf;
    border-color: #6c757d;
}

.ctm-btn-blue:hover{
    background: #0b5ed7; 
    border-color: #0b5ed7;
}

.ctm-btn-green:hover{
    background: #157347; 
    border-color: #157347;
}

.ctm-btn-red:hover{
    background: #bb2d3b; 
    border-color: #bb2d3b;
}


.ctm-btn-grey:hover{
    background: #5c636a; 
    border-color: #5c636a;
}

.ctm-btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.ctm-btn-outline-blue{
    background: none;
    border:1px solid #0b5ed7;
    color:#0b5ed7!important;
}

.ctm-btn-outline{
    background: none!important;
    border: 1px solid!important;
}

.d-sm{
    display: none;
}

.d-md{
    display: block;
}

.mb-8, .mobile-mb-8 {
    margin-bottom: .5rem !important;
}

.fs-md {
    font-size: 1rem;
}

.info-small {
    font-size: .725rem;
}
 
.line-ellipsis {
    display: -webkit-box;           
    -webkit-box-orient: vertical;  
    -webkit-line-clamp: 1;         
    overflow: hidden;     
}

.multi-line-ellipsis {
    display: -webkit-box;           
    -webkit-box-orient: vertical;  
    -webkit-line-clamp: 2;         
    overflow: hidden;     
}

.multi-line-8-elips {
    display: -webkit-box;           
    -webkit-box-orient: vertical;  
    -webkit-line-clamp: 8;         
    overflow: hidden;     
}


.ctm-table { 
  border-collapse: collapse;
  width: 100%;
}

.ctm-table th.col-number,
.ctm-table td.col-number{
    width: 50px;   
}

.ctm-table th.col-kode,
.ctm-table td.col-kode{
    width: 200px;    
}

.ctm-table td.col-kode{ 
    text-transform: uppercase; 
}


.ctm-table td, .ctm-table th {
    border: 1px solid #ddd; 
    padding: 8px 12px;
} 

.ctm-table tr:nth-child(even){background-color: #f2f2f2;}

.ctm-table tr:hover {background-color: #ddd;}

.ctm-table thead th {
    text-align: left;
    background-color: var(--ctm-c-blue-light);
}

/**
* END OF CONFIG AND FILE stlye
* more stlye moved main-stlye.css
*/