Very specific CSS for Atum template in a 13 inches MacBook Pro environment

user.css

.row {margin-right: calc(var(--gutter-x)*-0.8); margin-left: calc(var(--gutter-x)*-0.8);}

/* Tables */
.table tbody th {font-weight: 300}
.table > :not(caption) > * > * { font-size: .95em;padding: .30rem .15rem;}	
.table > :not(caption) > * > .dd-none d-md-table-cell { font-size: .95em;padding: .30rem .15rem;}
#articleList > :not(caption) > * > * {padding: .30rem .2rem;}
#levelList > :not(caption) > * > * { font-size: .95em;padding: 1rem .4rem;}
#styleList  > :not(caption) > * > * {padding: .30rem .8rem;}
#manageList > :not(caption) > * > *  {padding: .30rem .3rem;}
#pluginList > :not(caption) > * > *  {padding: .30rem .4rem;}
#moduleList > :not(caption) > * > *  {}

#articleList tbody .text-center.d-none.d-md-table-cell, #articleList .article-status.text-center{text-align: left !important;padding-inline-start: 0;}


/* Some background/colors modified */
.align-items-center, .sidebar-wrapper, .sidebar-wrapper .sidebar-toggle {background-color:#F4F8F9; color: #ccc}
.header .page-title, .header-item-content.joomlaversion, .sidebar-wrapper .item .menu-dashboard, .sidebar-wrapper .item .menu-quicktask, .sidebar-wrapper .item a, .j-links-link { color:#666;}
.header, .header .logo{background-color: #B2CED5;}
.main-nav a.mm-active, .ms-show, .main-nav ul{background-color: #B2CED5;}
.item-level-1{}
.sidebar-wrapper .item a{}
.j-links-link{}
.icon-plus::before{color: #fff;}


.icon-home, .media-tree-item.active > a .item-icon{color:orange !important;}


/* Nav */

.main-nav{ width: 100%;}
#sidebarmenu{}
.sidebar-wrapper, .item-level-1 {
 max-width: 12rem;
}


.main-nav li .menu-dashboard > a {padding:0.9rem 0.9rem 0.9rem 0.3rem;}
.sidebar-wrapper .item > a .fas{margin: 0.85rem 0.85rem 0.85rem 0.5rem}
.main-nav .has-arrow::after{width: 1rem;}

.sidebar-wrapper .item-level-2>a{padding-inline-start:1rem;}

.header .header-title .container-title {
    width: 150%;
}

/*
	TOOLBAR
*/
joomla-toolbar-button.ms-auto {margin-left: 2rem !important;}
.js-stools-container-bar .btn-toolbar {justify-content: flex-start;}

.js-stools-container-filters-visible {max-width: 90%}
.js-stools-container-filters-visible .form-select{max-width: 80%;}

.js-stools-container-selector + .js-stools-container-bar{margin-inline-start: 0;}

/*
	MEDIA
*/

.media-browser-item-info{line-height: 18px;}
.media-drive-name{padding: 4px 0; }
.media-disk-name {
background-color: #fff;
margin-bottom: 0.5rem;
}
.media-disk {width: 150px;}
.media-sidebar {
    padding-left: 1rem;
}

/*
	com_menus
	
*/

.form-grid .span-2-inline {grid-column: var(--span-1);}

/*
	com_content Articles
*/
#fieldset-image-intro.options-form, #fieldset-image-full.options-form, #fieldset-linka.options-form,  #fieldset-linkb.options-form,  #fieldset-linkc.options-form {width: 100%;}

/*
	CHOICES
*/

.choices__inner {padding: .4rem .25rem;}
.choices__input{font-size: .85rem;}
.choices[data-type*=select-multiple] .choices__input{}

/*
	SUBFIELDS in FIELDS
*/

table#subfieldList{}
joomla-field-subform #subfieldList{ display: block;max-width: 100%}

/*
	OVERRIDES
*/
#overrides .mt-2 .col-md-3{width: 23%;}
#editor .options-form {margin-inline-start: 1.5rem;width: 100%;}
#editor .col-md-3.tree-holder{width: 23%;}
/* 
SYSTEM 
*/
.stats-module .cpanel-modules .list-group-item a{text-decoration: none;color: #fff;}

.form-group, .mb-3 {
 padding: 1rem;
 }
 
 
/* 
MEDIA QUERIES for 13 inches MacBook Pro
Screen width : 1170px
*/

@media all and (max-width: 1170px){
   .control-group .controls{max-width: 80%;}
   .control-group .control-label { max-width: 140px;}
label#jform_params_multi_column_order-lbl, #jform_params_link_intro_image-lbl, #jform_params_show_subcategory_content-lbl, #jform_params_show_pagination_results-lbl
{width: 170px;}
.subform-repeatable-group .control-group {width: 40px;}
.form-select {font-size: .85rem;}
}

@media (min-width:768px) {
	.col-md-3{width: 15%;}
	joomla-tab[orientation="vertical"]{width: 150%;}
	joomla-tab[orientation="vertical"] > div[role="tablist"]{max-width: 20%;}

	#fieldset-basic.options-form{width: 100%;}
	.table.respTable{width: 100%;}
	}