@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: normal;
    src: local('Cabin'), url('font/Cabin-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Cabin';
    font-style: italic;
    font-weight: normal;
    src: local('Cabin Italic'), url('font/Cabin-Italic.woff') format('woff');
}



@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 500;
    src: local('Cabin Medium'), url('font/Cabin-Medium.woff') format('woff');
}


@font-face {
    font-family: 'Cabin';
    font-style: italic;
    font-weight: 500;
    src: local('Cabin Medium Italic'), url('font/Cabin-MediumItalic.woff') format('woff');
}


@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 600;
    src: local('Cabin SemiBold'), url('font/Cabin-SemiBold.woff') format('woff');
}


@font-face {
    font-family: 'Cabin';
    font-style: italic;
    font-weight: 600;
    src: local('Cabin SemiBold Italic'), url('font/Cabin-SemiBoldItalic.woff') format('woff');
}


@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: bold;
    src: local('Cabin Bold'), url('font/Cabin-Bold.woff') format('woff');
}


@font-face {
    font-family: 'Cabin';
    font-style: italic;
    font-weight: bold;
    src: local('Cabin Bold Italic'), url('font/Cabin-BoldItalic.woff') format('woff');
}

@font-face {
    font-family:"JosefinSans";
    font-style:normal;
    font-weight:bold;
    src : url("font/JosefinSans-Bold.ttf");
}
@font-face {
    font-family:"JosefinSans";
    font-style:normal;
    font-weight:normal;
    src : url("font/JosefinSans-Regular.ttf");
}

.katex, .katex .mathit, .katex .mathbf {
    font-size: 14pt!important;
    font-family: Arial!important;
}
h2 .katex{
    font-size: 35pt!important;
    font-weight: bold;
}
* { margin:0;}
body {font-family:Arial;font-size:14pt;-webkit-hyphens:none;font-style:normal;text-align: justify}
img	{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
p:not(.no-indent){text-indent:25px;}
p.indent-big{text-indent:68px!important;}
a {text-decoration:underline;word-wrap:break-word;}
ol{font-size: 14pt;padding-left: 0px!important;}
ul{font-size: 14pt;padding-left: 35px!important;}
ol li{
    margin: 0 0 0px!important;
}
ul li{
    margin-left: 35px!important;
}
h1 {font-family:"JosefinSans"!important;font-size:30pt;text-align:center;font-weight:bold;margin-bottom:15px;}
h2 {font-family: "Cabin"!important;font-size:25pt;text-align:center;color:#b61f3e;font-weight:normal; margin: 30px 5px 30px;}
h3 {font-family:"Cabin"!important;font-size:20pt;margin-top: 15px!important; color:#2a3d91; font-weight:bold;}
h4 {font-size:16pt;font-family:"Cabin"!important;color:#ef4036;font-style: italic;font-weight: bold; text-indent: 25px!important;}


.clear
{clear: both;}
.space
{margin-top:1em;}
.space_large
{margin-top:2em;}
.space_small
{margin-top:0.4em;}
.bold
{font-weight:bold;}
.italic
{font-style:italic;}
.center
{text-align: center;}

.right
{text-align: right;}
.normal-font{
	font-style:normal;
    font-weight:normal;
}


.mat .bkgr-white{
    background-color:#ffffff!important;
    color:#ffffff;
}
.mat .number-circ-unitate {
    position: absolute;
    height: 100px;
    width: 55px;
    right: 0px;
    top: 20px;
    text-align: center;
    color: white;
    font-size: 35pt;
    font-weight: bold;
    border-top-left-radius: 180px;
    border-bottom-left-radius: 180px;
    padding-top: 8px;
    background-color: rgb(13,87,87);
    border-right: 8px solid white;
    border-top: 6px solid white;
    border-bottom: 6px solid white;
}
.mat h2{ color:RGB(106,51,63)}
.mat h3.special{font-size: 24pt!important;font-weight: bold!important;}
.mat h3:not(.special):not(.calculate):not(.special-game) span:not(.imp){background-color:RGB(242,101,57); color:#ffffff; border-radius:20px; border:1px solid #58585a; padding: 10px 20px 5px 20px; line-height: 2}

.mat .g-font{
    font-family: 'Grandstander'!important;
}
.mat .know{
    background-color: #fdb813!important;
}
.mat .special-game{
    background-color:RGB(242,102,112); color:#ffffff; border:1px solid #58585a;padding: 10px 20px 5px 10px;
}
.mat .border-black{
    border-radius:20px; border:3px solid #58585a;
    padding: 5px 10px;
}
.mat .bkgr-unity{
    padding-top: 20px;
    padding-bottom: 1px;
}
table.brd-org{
    width: 100%;
}
table.brd-org tr td, table.brd-org tr th{
    vertical-align: top;
    padding: 10px;
}
table.brd-org tr td p{
    text-indent: 0!important;
}


.block-semestru{
    display:inline-table;
    position: relative;
    height:70px;
    width:65px;
    background-color:rgb(124,148,151);
}
.two-pages{
    display: none;
}
.number-semestru{
    position:absolute;
    height:70px;
    width:70px;
    border:3px solid white;
    left:30px;
    top: 0px;
    /*width: 120px;*/
    border-radius: 50%;
    text-align: center;
    border: 2px solid #fff;
    color:white;
    font-size: 35pt;
    font-weight:bold;

}

.number-semestru.u2{
    background-color: rgb(13,87,87);
}
.ulv, .ularrow, .ulsquare, .ulbv {
    list-style: none;
    padding: 0!important;
}

/* .ulv.black > li {*/
/*     padding-left: 15px;*/
/*     background: url("images/bulletBlack.png") -6px 1px no-repeat !important;*/
/*}*/
/*.ulv.red > li {*/
/*    padding-left: 25px;*/
/*    background: url("images/bulletM.png") -6px 1px no-repeat !important;*/
/*}*/
/*.ulv.floated-table > li {*/
/*    margin-right: 40px!important;*/
/*    padding-bottom: 10px;*/
/*    display: inline-table;*/
/*}*/
/*.ulv.green > li {*/
/*    padding-left: 25px;*/
/*    background: url("images/bulletGreen.png") -6px 1px no-repeat !important;*/
/*}*/
/*.ulv.yellow > li {*/
/*    padding-left: 25px;*/
/*    background: url("images/bulletYellow.png") -6px 1px no-repeat !important;*/
/*}*/
/*.ulsquare.red > li {*/
/*    padding-left: 25px;*/
/*    background: url("images/square8.jpg") -4px 3px no-repeat !important;*/
/*}*/
/*.ularrow > li {*/
/*    padding-left: 25px;*/
/*    background: url("images/arrow-black.jpg") 1px -3px no-repeat !important;*/
/*}*/
/*.ulsquare.blue > li {*/
/*    padding-left: 25px;*/
/*    background: url("images/square9.jpg") -4px 1px no-repeat !important;*/
/*}*/
/*.ulsquare.orange > li {*/
/*    padding-left: 25px;*/
/*    background: url("images/square3.jpg") -4px 2px no-repeat !important;*/
/*}*/

.ulv.floated > li {
    /*margin-right: 20px!important;*/
    padding-bottom: 10px;
    display: inline-block;
}
.footer{
    padding-right: 30px;
    padding-left: 10px;
    color:#939598;
    font-size: 14pt;
}

/*.ulsquare > li  {*/
/*    padding-left: 18px;*/
/*    background: url("images/square4.png") -3px 4px no-repeat !important;*/
/*}*/
/*.ulsquare.floated > li  {*/
/*    margin-right: 20px!important;*/
/*    padding-bottom: 10px;*/
/*    display: inline-block;*/
/*}*/


*[class*="col-"]{
    padding-left: 0px;
}
.calculate {
    margin-bottom: 0!important;
    -o-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -o-transform-origin: 120px 0px;
    -moz-transform-origin: 120px 0px;
    -webkit-transform-origin: 120px 0px;
    -ms-transform-origin: 120px 0px;
    transform-origin: 120px 0px;
    position: relative;
    z-index: 2;
    width: 300px;
}

.important {
   margin-bottom: 0!important;
    -o-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -o-transform-origin: 120px 0px;
    -moz-transform-origin: 120px 0px;
    -webkit-transform-origin: 120px 0px;
    -ms-transform-origin: 120px 0px;
    transform-origin: 120px 0px;
    position: relative;
    z-index: 2;
    width: 200px;
}

.important span.imp{
    background-color: rgb(210,35,42)!important;
    color: #ffffff;
    padding: 10px 40px 5px 20px;
}
.calculate span, .special span.verify{
    background-color: rgb(246,150,121)!important;
    color: #ffffff;
    padding: 10px 40px 7px 20px;
    font-size: 18pt!important;
}
.mat .special{
    margin:0 0 3px!important;
}
.mat .left{
    text-align: left;
}
.mat.special span.verify{
    background-color: rgb(246,150,121)!important;
    color: #ffffff;
    padding: 10px 40px 5px 20px;
}
.bkgr-calc{
    border:1px solid rgb(147,149,152);
    padding:20px 12px 12px 35px;
}
.bkgr-imp{
    background-color:rgb(255,253,223);
    padding:20px 12px 12px 35px;

}
.bkgr-hidd-imp{
    background-color: rgb(255,253,223)!important;
    color:rgb(255,253,223)!important;
}


.color-purple
{color: RGB(124,81,161)!important; }
.bkgr-purple {
    background-color: RGB(233,225,238)!important;
    padding: 7px 7px 7px 0;
}
.box-purple{
    border: 2px solid RGB(117,34,132)!important;
    padding:7px;
    margin:10px 0;
}



.border-black-dash{
    border:2px dashed black;
}
.border-marsala{
    border:2px solid #ca4c4a;
    padding: 7px;
    margin-top: -10px;
}

.bkgr-white{
    background-color: #ffffff;
}
.bkgr-orange{
    background-color: #f68712!important;
}
.border-orange{
    border:2px solid rgb(242,101,57);
    padding: 7px;
    margin-top: 10px;
}
.border-lorange{
    border:2px solid #f69e22;
    padding: 7px;
    margin-top: 10px;
}
.bkgr-yellow{
    background-color: #ffd04c;
}
.round-border{
    border-radius:8px;
}

.round-big-border{
    border-radius:20px;
}

.bkgr-portofoliu {
    border-top-color: #da2043;
    border-top-width: 2px;
    border-top-left-radius: 30px;
    border-bottom-color: #da2043;
    border-bottom-width: 2px;
    border-bottom-right-radius: 30px;
    border-top-style: solid;
    border-bottom-style: solid;
    position:relative;
    padding: 15px;
    display:inline-block;
}


.mask-left{
    position: absolute;
    bottom:-3px;
    left:0px;
    width:50%;
    height: 4px;
    background-color:#fff;
}
.mask-right{
    position: absolute;
    top:-2px;
    right:0px;
    width:50%;
    height: 3px;
    background-color:#fff;
}

.mat .empty-box {
    border: 2px solid #000000;
    display: inline-block;
    height: 23px;
    margin: 0 5px -5px;
    width: 23px;
}



.number-unitate{
    box-shadow: 0px -10px white;
    border-radius: 7px 30px 30px;
    padding: 10px;
    display:block;
    color:white;
    font-size: 35pt;
    font-weight:bold;
    margin-top: -20px;
}
.left-number{
    border-radius: 0 0 45px !important;
    padding: 10px 20px 0 10px !important;
}



.bkgr-titlu-unitate{
    display:inline-table;
    width: calc(100% - 100px);
}
.block-inline{
    display:inline-table;
    margin-left:-4px;
    width: 50px;
    position: relative;
}
.titlu-unitate{
    /*border-radius: 50px 0px 0px 30px;*/
    /*padding: 30px 50px;*/
    /*margin: 0 0 0 50px!important;*/
    text-align: left!important;
}
.block-container{
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    float: left;
    clear: both;
    width: 100%;
}

.block-number-content{
    padding-left: 0px;
    float: left;
    min-height: 37px;
    width: 100%;
}

/*.block-number-content p{*/
    /*text-indent: 0px;*/
/*}*/
.block-number-content p:last-child{
    margin-bottom: 0px;
}





ol.number-list {
    counter-reset: number;
    margin: 0px;
    list-style-position: inside;
}
ol.number-list > li {
    list-style: none;
}
ol.number-list > li:before {
    content: counter(number) ") ";
    counter-increment: number;
    margin-left: 20px;
}

ol.number-list-dot {
    counter-reset: number;
    margin-left: 50px;
    list-style-position: inside;
    /*padding-left: 0px!important;*/
}
ol.number-list-dot > li {
    list-style: none;
}
ol.number-list-dot > li:before {
    content: counter(number) ". ";
    counter-increment: number;
    margin-left: -25px!important;
    font-weight: bold;
}

ol.roman-list {
    counter-reset: list;
    margin: 0px;
}
ol.roman-list > li {
    list-style: none;
}
ol.roman-list > li:before {
    content: counter(list, lower-roman) ") ";
    counter-increment: list;
}
ol.upper-roman {
    counter-reset: list;
    margin: 0px;
}
ol.upper-roman > li {
    list-style: none;
}
ol.upper-roman > li:before {
    content: counter(list, upper-roman) ". ";
    counter-increment: list;
}
.bold-list > li:before{
    font-weight: bold;
}
.lower_alpha {
    counter-reset: list;
    margin: 0px;
    list-style-position: inside;
	
}
.lower_alpha > li {
    list-style: none;
}
.lower_alpha > li:before {
    content: counter(list, lower-alpha) ") ";
    counter-increment: list;
    margin-left: 20px;
	
}

.lower_alpha.floated > li {
    margin-right: 20px!important;
    padding-bottom: 10px;
    display: inline-block;
}
.lower_alpha.floated-table > li {
    margin-right: 40px!important;
    padding-bottom: 10px;
    display: inline-table;
}
.upper_alpha {
    counter-reset: list;
    margin: 0px;
}
.upper_alpha > li {
    list-style: none;
}
.upper_alpha > li:before {
    content: counter(list, upper-alpha) ". ";
    counter-increment: list;
    font-weight: bold;
}


.upper_alpha.floated > li {
    margin-right: 20px!important;
    padding-bottom: 10px;
    display: inline-block;
}

.ulnotbullet{
    list-style: none;
    padding: 0!important;
   margin-left: 45px;
}
.ulnotbullet > li{
    text-indent: -45px;
}
.ulnotbullet.floated{
    text-align: left!important;
}
.ulnotbullet.floated.center{
    text-align: center!important;
}
.ulnotbullet.floated > li  {
    margin-right: 20px!important;
    padding-bottom: 10px;
    display: inline-block;
}
.ulnotbullet.floated-table > li {
    margin-right: 40px!important;
    padding-bottom: 10px;
    display: inline-table;
}
.ulv, .ularrow, .ulsquare {
    list-style: none;
    padding: 0!important;
}

.inline-content{
    display: inline;
}

.rwd-table {
    border: 1px solid #f26424;
    border-collapse: collapse;
    width: 100%;
}
.rwd-table tr th, .rwd-table tr td {
    border: 1px solid #f26424;
    padding: 10px;
}

.rwd-table tr th{
    background-color: #fdccae;
}


.mat table.evaluare tr td:first-child {
    border-right: 2px solid RGB(117,34,132)!important;
    font-weight: bold;
}


.mat table.evaluare tr td:nth-child(2) {
    color:#2e3192;
    font-weight: bold;
}
table.evaluare tr td, table.evaluare tr th{
    vertical-align: top;
    padding: 10px;
}
table.evaluare tr td p{
    text-indent: 0!important;
}


.inline-img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}
.bottom-img {
    display: inline;
    vertical-align: bottom;
    margin-left:20px;
}
.top-img {
    display: inline;
    vertical-align: top;
}
.relative{
    position: relative;
    /*display: inline-block;
    padding-right: 30px;*/
}
.katex-display {
    display: inline-block!important;
    text-indent:0px!important;
    margin:0!important;
}

.katex-display > .katex{
    white-space: normal!important;
}


.round-border{
    border-radius:8px;
}

/*.mat .titlu-unitate{*/
/*    background-color: #f26539;*/
/*    font-size: 18pt !important;*/
/*    padding: 5px 10px;*/
/*    color: #ffffff;*/
/*    width: calc(100% - 50px);*/
/*}*/
.mat .sub-titlu{
    background-color: #f26539;
    /*box-shadow: 5px 0px #fbbea1;*/
    color:#ffffff;
    /*border:1px solid #ffffff;*/
    padding: 3px 6px 3px 0;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;


}
.text-cuprins.bkgr-blue{
    font-family: "Cabin"!important;
}
.text-cuprins p
{text-align:left;margin:0px;overflow: hidden;text-indent: 0px !important;padding-left: 15px;}
.text-cuprins p:after {
    float: left; width: 0; white-space: nowrap;
    content:
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
}
.text-cuprins p span.text-cuprins:first-child{
    padding-right: 5px;
}
.text-cuprins p span:not(.bkgr-blue) span:not(.bkgr-blue) {
    background-color: #ffffff;
}
.titlu-cuprins p span span {
    background-color: #f26539!important;
}
.text-cuprins p span.text-cuprins:nth-child(2){
    float: right;
    /*font-weight:bold;*/
    position: relative;
    background-color: #ffffff;
    padding: 0 5px;
    /*color:white;*/
    /*border-radius: 5px 0 0 0;*/
    /*line-height: 1;*/
    /*margin-top: 5px;*/
    /*width: 40px;*/
    /*text-align: center;*/
}


.alignleft {
    float: left;
    margin:0!important;
    /*padding-left: 15px;*/
    /*text-indent: 0!important;*/
    /*font-weight: bold;*/
    /*padding-top: 10px;*/
    /*color:#999999;*/
    /*font-size: 20pt!important;*/

}
.alignright {
    float: right;
    margin:0!important;
    font-size: 18pt !important;
    padding-top: 3px;
    /*padding: 0 5px 0 10px;*/
    /*font-weight: bold;*/
    /*color:#999999;*/
    /*font-size: 20pt!important;*/

}

.inline-right{
    float: right;
}

.amleft{
    float: left;
    margin-right: 25px;
    display: block!important;
}
.amright{
    float: right;
    margin-left: 25px;
    display: block!important;
}


/*.colt-unitate p {*/
/*margin: 5px 0 5px!important;*/
/*}*/
.border-cuprins{
    background-color: #ffffff;
    border-radius: 5px 5px 5px 0;
    padding: 0 3px;
}

.no-padding{
    padding:0!important;
}

.special.prez span{
    line-height: 36px!important;
    text-shadow: 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white;
}


.box-page-cuprins{
    border-radius: 5px;
}
.no-border{
    border-radius: 0!important;
}

.no-border-line{
    border: none!important;
}
.no-margin{
    margin: 0 0!important;
}

.margin-20{
    margin-left: 20px;
    /*margin-top: -20px;*/
}

.block-container111{
    position: relative;
    padding-left: 20px;
    padding-bottom: 10px;
    float: left;
    clear: both;
    width: 100%;
}

.bkgr-know111 {
    border-top-color: #0e76bc!important;
    border-top-width: 2px;
    border-bottom-color: #0e76bc!important;
    border-bottom-width: 2px;
    border-top-style: solid;
    border-bottom-style: solid;
    position:relative;
    padding-top: 20px;
    display:inline-block;
    margin-top: -26px;
    z-index: -1;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.diagonal {
  position: relative;
  width: calc(100% - 100px);
  background-color: white;
  box-shadow: 1px 1px 0px 1px #faa635;
  display: inline-block;
  margin-left: -50px!important;
  border-radius: 0 0 30px 30px; 
}

.diagonal:before {
    z-index: -1;
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 30px;
    top: 0px;
    left: 0;
    background-color:
    transparent;
    box-shadow: 0px 105px 0px 1px #faa635;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(1deg);
    border-radius: 0 0 45px;
    transform-origin: left top;
}

.text-unitate1{
    font-family:"JosefinSans"!important;
    height: 88px;
    padding: 12px 100px 0 25px;
    display:block;
    color: white;
    /*font-size: 12pt;*/
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
	/*transform-origin: left top 0;*/
}


.number-lesson{
    display:inline;
    font-size: 40pt;
    font-weight:bold;
    border-radius: 0 0 0 30px;
    background:#fff;
    height: 100%;
    padding: 0 5px;
}

.titlu-unitate1{
    border-radius: 50px 0px 0px 30px;
    padding: 0px 10px;
    margin: 0 50px 0 0!important;
    height: 100px;
}

.page {
    font-size: 18pt;
    font-weight:bold;
    margin: 15px 20px 0 0;
}

.number111{
    font-weight:bold;
    font-size: 16pt;
    text-align: center;
    left: 0px;
    top: 0px;
}

.div-indent{
    text-indent: 20px;
}

.mask-left1{
    position: absolute;
    bottom:-3px;
    right:0px;
    width:40%;
    height: 4px;
    background-color:#fff;
}
.mask-right1{
    position: absolute;
    top:-2px;
    left:0px;
    width:50%;
    height: 3px;
    background-color:#fff;
}

.bkgr-know1 {
    border-top-color: #0e76bc!important;
    border-top-width: 2px;
    border-top-right-radius: 15px;
    border-bottom-color: #0e76bc!important;
    border-bottom-width: 2px;
    border-bottom-left-radius: 15px;
    border-top-style: solid;
    border-bottom-style: solid;
    position:relative;
    padding: 15px;
    display:inline-block;

}

.garda {
    position: relative;
    width: calc(100% - 100px);
    background-color: white;
    border:  2px solid #faa635;
    display: inline-table;
    border-radius: 30px 30px 5px 0;
    padding: 20px
}
.garda h1{
    font-weight: normal!important;
}

.garda-unitate{
    box-shadow: 0px -10px white;
    border-radius: 7px 30px 30px;
    padding: 10% 35%;
    display:block;
   	color:#faa635;
    font-size: 35pt;
    font-weight:bold;
    margin-top: -20px;
}

.colt-unitate {

    width: 64px;
    float: left;
    z-index: -1;
    border-radius: 0 0 10px 0px;
    margin-left: -20px;
    margin-top: -20px;
}

.bkgr-imp1{
    background-color:#eaf5ed;
    padding:7px;
    border-radius:0px 0px 0px 0px;
}


.lower_alpha_dot {
    counter-reset: list;
    margin: 0px;
    list-style-position: inside;

}
.lower_alpha_dot > li {
    list-style: none;
}
.lower_alpha_dot.floated > li {
    margin-right: 20px!important;
    padding-bottom: 10px;
    display: inline-block;
}
.lower_alpha_dot > li:before {
    content: counter(list, lower-alpha) ". ";
    counter-increment: list;
    margin-left: 35px;
    font-weight: bold;

}

.border-right-orange{
    border-right: 3px solid #f26539;
}
.border-left-orange{
    border-left: 3px solid #f26539;
    padding-left: 15px!important;
}
.border-left-red{
    border-left: 3px solid #b72842;
    padding-left: 15px!important;
}
.border-orange-sub-title{
    border:2px solid rgb(242,101,57);
    border-radius: 15px;
    padding: 10px;
}
span.border-orange-sub-title{
    line-height: 2.6;
}

.special .l1{
    color:rgb(238,86,161);
}
.special .l2{
     color:rgb(127,81,161);
 }
.special .l3{
     color:rgb(50,198,244);
 }
.special .l4{
    color:rgb(247,150,34);
}
.special .l5{
    color:rgb(184,41,69);
}
.special .l6{
    color:rgb(14,179,156);
}

ol.number-list.green{
    padding-left: 0!important;
}
ol.number-list.green > li:before {
    content: counter(number) ". ";
    counter-increment: number;
    color:rgb(141,198,63);
    font-weight: bold;
}
.indent{
    text-indent: 25px;
}
.nowrap{
    white-space: nowrap;
}
.img-underline{
    vertical-align: sub;
    display: inline-block;
}
.border-bott{
    border-bottom: 2px solid #000000;
}
.inline-baseline-img{
    vertical-align: sub;
    display: inline-block;
}
/* adaugate 2026  */

.indiciu {
	font-style:italic;
}


.number-competente {
    width: 28px;
    height: 28px;
    /*border-radius: 50%;*/

    background: #00a9c6;
    color: white;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-indent: 0!important;
    font-weight: bold;
}


.pagina {
    max-width: 900px;
    margin: 0 auto 30px auto;
    background-color: var(--culoare-fundal);
    padding: 35px 40px 60px 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    position: relative;
    min-height: 80vh;
}
/* ============================================
   BARA SUPERIOARA UNITATE
   ============================================ */
.bara-unitate {
    display: flex;
    align-items: center;
    /*background: #00abc8;*/
    color: white;
    font-family:"Cabin"!important;
    /*margin: -35px -40px 25px -40px;*/
    /*padding: 12px 30px;*/
    font-weight: bold;
    font-size: 24pt;
    /*letter-spacing: 1px;*/
	
}

.bara-unitate .eticheta-unitate {
    font-size: 24pt;
    margin-left: 12px;
	margin-right: 12px;
    padding: 30px 12px 2px;
}

.bara-unitate .numar-unitate {
    background: #ef2d32;
    color: white;
    padding: 2% 40px 2.4%;
    /*border-radius: 3px;*/
    /*margin-right: 12px;*/
    font-size: 44pt;
    text-align: center;
    font-weight: bold;
    text-indent:0!important;
}

.bara-unitate .titlu-unitate-bara {
    font-weight: bold;
    font-size: 28pt;
	text-align: center;
    padding: 0px 12px 12px;
    text-indent: 0!important;
}

.banner-rosu {
    background-color: #ef2d32;
    color: white;
    padding: 4px 8px;
    font-weight: bold;
    font-family:"Cabin"!important;
    font-size: 18pt;
    /*display: inline-block;*/
    margin: 10px 0 0 0; /* Am scos marginea de jos pentru a se lipi de caseta */
    width: 100%;
}

.edu-box {
    border: 1px solid #ef2d32;
    padding: 10px 10px;
    margin-left: 15px;
    margin-right: 15px;
}


/* ============================================
   INFOGEOGRAFIC 
   ============================================ */


.number{
    background-color: #00abc8;
    color: #ffffff;
    /*position: absolute;*/
    font-weight: bold;
    left: 0;
    padding: 0 10px;


}
.infografic-eticheta {
    background: white;
    color: #3a55a5;
    padding: 2px 0 2px 6px;
    font-weight: bold;
    margin-right: 3px;
}

.infografic-eticheta .banner-rosu {
    background: #ef4036;
    color: white;
    padding: 0 4px;
}
.color-white{
    color:white!important;
}
.color-vio{
    color:#7640a4!important;
}
.bkgr-blue{
    background-color:#2e71a7!important;
}

.bkgr-blue2{
    background-color:#59caf5!important;
}
.bkgr-vio{
    background-color:#7640a4!important;
}
.bkgr-pink{
    background-color:#f24ea0!important;
}
.bkgr-green{
    background-color:#26b69b!important;
}
.bkgr-red{
    background-color:#ef2d32!important;
}
.bkgr-ora{
    background-color:#f68712!important;
}
/* ============================================
   CARTONASE COLORATE pentru infografice
   ============================================ */
.cartonas {
    border-radius: 10px;
    padding: 12px 15px;
    margin-bottom: 14px;
}

.cartonas-portocaliu {
    background: #fff8f0;
    border: 2px solid #F4A261;
}
.titlu-portocaliu{
    color: #F4A261;
}
.cartonas-roz {
    background: #fcf0f1;
    border: 2px solid #c40b46;
}
.titlu-roz{
    color: #c40b46;
}
.cartonas-verde {
    background: #f9fdf2;
    border: 2px solid #8EC683;
}
.titlu-verde{
    color: #8EC683;
}
.cartonas-albastru {
    background: #DCEEF7;
    border: 2px solid #4FB9E8;
}
.titlu-albastru{
    color: #4FB9E8;
}
.cartonas-galben {
    background: #FFF4D6;
    border: 2px solid #E8C766;
}
.titlu-galben{
    color: #E8C766;
}
.cartonas .titlu-cartonas {
    text-align: center;
    margin-bottom: 8px;
    padding-bottom: 5px;
    font-weight: bold;
}
.cartonas p{text-indent: 0!important;}
.cartonas .eticheta-rand {

    margin-right: 4px;
}

.cartonas .rand { margin: 6px 0; }

.color-red{
    color:#ef4036!important;
}
.border-bott-red{
    border-bottom:1px solid #ef4036;
}

/* ============================================
   STILURI SPECIFICE 09inf
   Paletă culori extrase din PDF:
   - Teal închis (bara unitate, titluri): #0f5b6a
   - Teal mediu (definiții, accente): #00abc8
   - Coral / roșu (ribbons, numere exerciții): #ef4036
   - Galben pal (observații): #fffae6
   ============================================ */

/* Bara unitate - culoare TEAL ÎNCHIS, nu cyan */
.inf .bara-unitate .titlu-unitate-bara{
    background: #08baaa !important;
    margin:0!important;
    flex: 1 1 auto;
    text-align: left;
}
.inf .bara-unitate .numar-unitate {
    background: #b72842 !important;
    margin:0!important;
    flex: 0 0 auto;
    white-space: nowrap;
}
.inf .bara-unitate .numar-unitate:first-child { border-right: 10px solid #ffffff; }
.inf .bara-unitate .numar-unitate:last-child { border-left: 10px solid #ffffff; }
.inf .bara-unitate {
    background: #08baaa !important;
}


/* Cod Python - blocuri de cod */
.inf pre.cod, .inf .cod-python {
    font-family: "Courier New", monospace;
    font-size: 15pt;
    background-color: #f5f5f5;
    border-left: 4px solid #fbc1a2;
    padding: 10px 16px;
    margin: 0px 0 0 35px;
    white-space: pre;
    text-indent: 0 !important;
    line-height: 1.1;
    border-radius: 0!important;
    color: #333;
    word-break: normal!important;
    word-wrap: normal!important;
    overflow-wrap: normal!important;
    display: block;
    width: -webkit-max-content;
    width: max-content;
    max-width: calc(100% - 35px);
    overflow-x: auto;
    overflow-y: hidden;
}
.inf pre.codw{
    font-family: "Courier New", monospace;
    font-size: 15pt;
    padding: 10px 0;
    margin: 0px 0 0 25px;
    white-space: pre;
    text-indent: 0 !important;
    line-height: 1.1;
    background-color: transparent!important;
    border:none!important;;
    color: #333;
    word-break: normal!important;
    word-wrap: normal!important;
    overflow-wrap: normal!important;
    display: block;
    width: -webkit-max-content;
    width: max-content;
    max-width: calc(100% - 25px);
    overflow-x: auto;
    overflow-y: hidden;

}
ol pre.codw{
    margin: 0px 0 0 35px!important;
    max-width: calc(100% - 35px);
}
.inf code, .inf .cod-inline {
    font-family: "Courier New", monospace;
    font-size: 14pt;
    /*background-color: #f5f5f5;*/
    padding: 0 0!important;
    color:#000000!important;
    background-color: transparent!important;
    /*border-radius: 3px;*/
}
/*.inf .comentariu {*/
/*    !*color: #1f7a4f;*!*/
/*    font-style: italic;*/
/*}*/

/* Titluri de lecție din unitate (1. ..., 2. ..., 3. ...) */
.inf h2.titlu-capitol {
    color: #b61f3e;
    /*padding: 2px 0;*/
    font-family: "Cabin" !important;
    font-weight: bold;
    /*font-size: 20pt;*/
    /*margin: 18px 0 8px 0;*/
    border-bottom: none;
}
.inf h2.titlu-capitol .nr-lectie {
    color: #b61f3e;
    font-style: normal!important;
    font-weight: normal!important;
    font-family: "JosefinSans"!important;
    margin-right: 4px;
    font-size: 30pt;
}

/* Casetă de definiție / regulă - fundal teal pal */
.inf .definitie {
    background-color: #feeade;
    /*border-left: 5px solid #0f5b6a;*/
    padding: 10px 15px;
    margin: 0 0 0 24px;
    /*border-radius: 0 8px 8px 0;*/
    /*text-indent: 0 !important;*/
}
/*.inf .definitie p { text-indent: 0 !important; margin: 0; }*/

/* Observație - fundal galben pal */
.inf .observatie {
    background-color: #fff8d7;
    border-left: 4px solid #f0b800;
    padding: 8px 12px;
    margin: 10px 0;
    text-indent: 0 !important;
}
.inf .observatie .titlu-obs {
    color: #b4781e;
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
}

/* Tabel pentru exemple Python */
.inf .tabel-python {
    border-collapse: collapse;
    width: 100%;
    margin: 10px 0;
    /*font-size: 12pt;*/
}
.inf .tabel-python tr td, .inf .tabel-python tr th {
    border: 1px solid #ffffff;
    padding: 8px 10px;
    vertical-align: top;
}
.inf .tabel-python tr th {
    background-color: #23576c;
    text-align: center;
    color: #ffffff;
}
.inf .tabel-python tr {

    background-color: #f5f5f6!important;
    text-align: left;

}
.inf .tabel-python tr:nth-child(even) {
    background-color: #e5e6e8!important;
    text-align: left;

}
.inf .tabel-python tr td p { text-indent: 0 !important; margin: 0 0 4px 0;}
.inf .tabel-python tr td.cod {
    font-family: "Courier New", monospace;
    font-size: 14pt;
    /*background-color: #f9f9f9;*/
    white-space: pre-wrap;
}


.inf .tabel-python .cap-tabel {
    color: #0f5b6a;
    font-weight: bold;
    font-family: "Cabin" !important;
    margin: 8px 0 4px 0;
    text-indent: 0!important;
}
p.cap-tabel{
    font-style: italic;
    text-indent: 0!important;
    margin-bottom: 0!important;
}
/* Etichete secțiune - "Problemă rezolvată", "Soluție", "Să exersăm!" etc. - BLUE text, fără background */
.inf .ribbon-rosu,
.inf .ribbon-teal,
.inf .ribbon-violet {
    color: #1f57af;
    font-weight: bold;
    font-family: "Cabin" !important;
    /*font-size: 16pt;*/
    display: inline-block;
    margin: 12px 0 4px 0;
    background: transparent;
    padding: 0;
}
.inf .color-blue{
    color:#2e71a7!important;
}
.inf .bkgr-blue{
    background-color:#2e71a7!important;
}


.inf .ribbon-blue {
    color: #0d88d3;
    font-weight: bold;
    font-family: "Cabin" !important;
    /*font-size: 16pt;*/
    /*display: inline-block;*/
    margin: 12px 0 4px 0;
    /*background: transparent;*/
    /*padding: 0;*/
}
p.ribbon-blue {
    font-size: 16pt;
}
.inf .ribbon-rosu.subtitle,
.inf .ribbon-teal.subtitle {
    /*font-size: 14pt;*/
    font-style: italic;
}
.inf h2 code{
    color: #b61f3e !important;
    font-size:25pt!important;
}
/* Numerele de exerciții - pătrat mic BLUE cu colțuri puțin rotunjite, număr alb */
.inf .nr-exercitiu {
    background-color: #0d88d3;
    color: #ffffff;
    font-family: "Cabin", sans-serif !important;
    font-weight: bold;
    display: inline-block;
    min-width: 22px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    /*border-radius: 3px;*/
    padding: 0 4px 0;
    margin-right: 6px;
    text-indent: 0 !important;

    vertical-align: top;

}

/* "Model de implementare" subtitlu */
.inf .model-impl {
    /*color: #0f5b6a;*/
    color:#000000;
    font-weight: bold;
    font-style: italic;
    margin: 8px 0 4px 0;
    /*text-indent: 0 !important;*/
}

/* Eticheta pentru imagine ("Imaginea 1", etc.) */
.inf .eticheta-imagine {
    text-align: left;
    font-style: italic;
    /*color: #555;*/
    margin: 4px 0 8px 0;
    /*font-size: 13pt;*/
    text-indent: 0 !important;
}

/* Listă cu marker pătrat negru pentru bulete tipice */
.inf ul.bullet-square {
    list-style: none;
    padding-left: 18px;
}
.inf ul.bullet-square > li {
    position: relative;
    padding-left: 17px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    margin-left:0!important;
}
.inf ul.bullet-square > li:before {
    content: "\25A0";
    color: #000000;
    position: absolute;
    left: 0;
    top: -3px;
}

/* Cuprins pentru manualul de informatica - culoare albastru, ca model */
.inf .text-cuprins p { text-align: left; }

/* Pictograme legendă - aliniere */
.inf .legend-grid {
    margin-top: 10px;
}
.inf .legend-item {
    margin-bottom: 12px;
}
.inf .legend-item .legend-titlu {
    background-color: #ef4036;
    color: white;
    padding: 2px 10px;
    border-radius: 3px 12px 12px 3px;
    font-family: "Cabin" !important;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 3px;
    font-size: 14pt;
}
.inf .legend-item.bkgr-teal .legend-titlu {
    background-color: #0f5b6a;
}

/* Numere competente - PILL/oval, nu cerc - culoare TEAL */
.inf .titlu-competente { color: #2a3d91 !important; }
.inf .number-competente {
    width: auto;
    min-width: 32px;
    height: 26px;
    /*border-radius: 14px;*/
    background: #2e71a7;
    color: white;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    padding: 0 8px;
    text-indent: 0 !important;
    font-weight: bold;
    font-family: "JosefinSans", "Cabin", sans-serif !important;
    /*font-size: 13pt;*/
    margin-right: 4px;
}

/* Lista cu chipuri (1. Ana 2. Barbu 3. ...) - alb cu bordură albastră, font monospace */
.inf .lista-chip {
    list-style: none;
    padding: 0 !important;
    text-align: center;
    margin: 10px 0;
}
.inf .lista-chip > li {
    display: inline-block;
    font-family: "Courier New", monospace !important;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #1f57af;
    padding: 4px 14px;
    margin: 4px 4px;
    border-radius: 4px;
    /*font-size: 13pt;*/
}

/* Pentru cuprins inf - folosește teal închis în loc de albastru deschis */
.inf .text-cuprins .bkgr-blue { background-color: #2e71a7 !important; }
.inf .text-cuprins .bkgr-blue.bkgr-coral { background-color: #ef4036 !important; }

/* Variante de culoare pentru badge-urile din legenda paginii 3 (Prezentarea manualului) */
.inf .legend-item.text-only .legend-titlu {
    background: transparent !important;
    padding: 0 0 2px 0;
    border-radius: 0;
    border-bottom: 1px solid currentColor;
    color: #ef4036;
}
.inf .legend-item.text-blue .legend-titlu {
    background: transparent !important;
    padding: 0 0 2px 0;
    border-radius: 0;
    border-bottom: 1px solid #1f57af;
    color: #1f57af;
}
.inf .legend-item.text-red .legend-titlu {
    background: transparent !important;
    padding: 0 0 2px 0;
    border-radius: 0;
    border-bottom: 1px solid #ef4036;
    color: #ef4036;
}
.inf .legend-item.bkgr-darkred .legend-titlu {
    background-color: #b61f3e;
}
.inf .legend-item.plain .legend-titlu {
    background: transparent !important;
    color: #1f2330;
    padding: 0;
    border-radius: 0;
    /*font-size: 13pt;*/
}

/* Variante de culori pentru titluri și badge-uri */
.inf .color-darkred { color: #b61f3e !important; }
.inf .bkgr-darkred { background-color: #b61f3e !important; }
.inf h2 code.color-darkred{
    color: #b61f3e !important;
    font-size:25pt!important;
}
.inf h3 code{
font-size:20pt!important;color:#2a3d91!important;
}
@media (max-width:1024px) {
    td.cod, td.codw{
        white-space: inherit!important;
    }
}

.inf .color-orange{color:#f0461c!important;}
.inf .tabel-invizibil{border-collapse:collapse;margin:6px 0 6px 45px;}
.inf .tabel-invizibil td{border:0;padding:2px 18px 2px 0;vertical-align:top;}
.inf .tabel-invizibil td.eticheta{white-space:nowrap;}
.inf .tabel-invizibil td.pas{text-align:right;}
.inf .tabel-invizibil pre.codw{margin:0;padding:0;max-width:100%;}
.inf .nr-exercitiu-ae{background-color:#b61f3e!important;}
.inf .linie-nota{border:none;border-top:1px solid #000000;width:120px;margin:12px 0 6px 0;}
.inf ul.bullet-liniuta{list-style:none;padding-left:0px!important;}
.inf ul.bullet-liniuta > li{position:relative;padding-left:17px!important;margin-left:0!important;}
.inf ul.bullet-liniuta > li:before{content:"\2013";color:#000000;position:absolute;left:0;}
.inf h4.subtitlu-coral, .inf .subtitlu-coral{font-size:16pt;font-family:"Cabin"!important;color:#f0461c!important;font-style:italic!important;font-weight:bold;text-indent:25px!important;}
.inf h4.subtitlu-negru, .inf .subtitlu-negru{font-size:16pt;font-family:"Cabin"!important;color:#231f20!important;font-weight:bold;text-indent:25px!important;}
.inf h4.subtitlu-violet, .inf .subtitlu-violet{color:#2a3d91!important;font-style:normal!important;font-weight:bold;text-indent:25px!important;}
.inf h3.titlu-fisa{color:#ed1b24;border-bottom:2px solid #ed1b24;padding-bottom:6px;}
.inf h3.titlu-investigatie{color:#9b0a2e;font-family:"Cabin"!important;font-weight:bold;text-align:left;display:table;margin-top:22px;}
.inf h3.titlu-investigatie::after{content:"";display:block;height:2px;margin-top:5px;background:linear-gradient(to right,#ef2d32,rgba(239,45,50,0));}
.inf .url-box{border:1px solid #000000;padding:0 4px;}
.inf .nota-subsol{margin-top:10px;padding-top:4px;text-indent:0!important;}
.inf ol.lower_alpha_dot.marker-normal > li:before{font-weight:normal;}
.inf .banner-teal{display:inline-block;width:auto;padding:3px 12px;margin:10px 0 6px 0;text-indent:0!important;font-size:16pt;background-color:#43bfa6;color:#ffffff;font-family:"Cabin"!important;font-weight:bold;}
.inf .bara-unitate .numar-unitate.numar-u1 { background:#f68712 !important; }
.inf .bara-unitate .numar-unitate.numar-u2 { background:#59caf5 !important; }
.inf .bara-unitate .numar-unitate.numar-u3 { background:#7641a4 !important; }
.inf .bara-unitate .numar-unitate.numar-u4 { background:#f24ea0 !important; }
.inf .bara-unitate .numar-unitate.numar-u5 { background:#26b59b !important; }
.inf .bara-unitate .numar-unitate.numar-u6 { background:#b5203e !important; }
.inf pre.codw.center { margin-left:auto; margin-right:auto; max-width:100%; }
.inf .katex .mathtt, .inf .katex .texttt { font-family: "Courier New", monospace; }
.inf .cod-col-dreapta { border-left: 1px solid #000000; padding-left: 16px; }

@media (max-width: 899px) {
    .inf .tabel-invizibil { width: 100%; margin-left: 0; }
}

@media (max-width: 767px) {
    .inf code, .inf .cod-inline { word-break: break-word; overflow-wrap: anywhere; }
    .inf .tabel-python td.cod { word-break: break-word; overflow-wrap: anywhere; white-space: pre-wrap; }
    .inf .tabel-22 { margin-left: 0; margin-right: 0; }
    .inf .tabel-22 tr td, .inf .tabel-22 tr th { padding-left: 0; padding-right: 0; }
    .inf .tabel-22 td.cod { width: auto !important; }
    .inf .tabel-22 pre.codw { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: 0; min-width: 100%; max-width: 100%; }
    .inf table.tabel-io { width: 100%; table-layout: fixed; }
    .inf table.tabel-io td, .inf table.tabel-io th { word-break: break-word; overflow-wrap: anywhere; }
    .inf .tabel-invizibil td { white-space: normal; word-break: break-word; overflow-wrap: anywhere; }
    .inf .tabel-invizibil td.eticheta { white-space: normal; word-break: normal; overflow-wrap: normal; }
    .inf table { max-width: 100%; }
    .inf p.indent-big { text-indent: 0 !important; }
    .inf .katex-display { display: block !important; overflow-x: auto; overflow-y: hidden; max-width: 100%; }
    .inf pre.cod, .inf pre.codw, .inf .cod-python { display: block; margin-left: 0; max-width: 100%; overflow-x: auto; overflow-y: hidden; white-space: pre !important; word-break: normal !important; overflow-wrap: normal !important; word-wrap: normal !important; }
    .inf table.tabel-euclid { display: block; width: -webkit-max-content; width: max-content; max-width: calc(100% - 20px); overflow-x: auto; }
}

.inf table.tabel-euclid { border-collapse: collapse; margin: 6px 0 10px 20px; }
.inf table.tabel-euclid td { font-family: "Consolas", "Courier New", monospace; text-align: right; padding: 2px 6px; border: none; text-indent: 0; }
.inf table.tabel-euclid th { font-weight: normal; text-align: center; padding: 2px 6px; border: none; }
.inf table.tabel-euclid td.concl { text-align: left; font-family: inherit; padding-left: 12px; white-space: nowrap; }
.inf table.tabel-euclid td.rest, .inf table.tabel-euclid th.rest { text-align: left; }


.inf pre.cod.no-margin, .inf pre.codw.no-margin { max-width: 100%; }
.inf ol pre.cod, .inf ol pre.codw,
.inf ol pre.cod.no-margin, .inf ol pre.codw.no-margin { max-width: calc(100% - 35px); }
.inf .tabel-python td pre.cod, .inf .tabel-python td pre.codw { padding-top: 0; padding-bottom: 0; }
.inf pre.cod:not(:has(br)):not(:has(.comentariu)),
.inf pre.codw:not(:has(br)):not(:has(.comentariu)) {
    white-space: pre-wrap !important;
    word-break: break-all !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    display: table;
    width: auto;
    max-width: 100%;
}
@media (min-width: 768px) {
    .inf .col-sm-3 pre.cod, .inf .col-sm-3 pre.codw {
        margin-left: 0;
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .inf pre.cod:not(:has(br)):not(:has(.comentariu)),
    .inf pre.codw:not(:has(br)):not(:has(.comentariu)) {
        display: block;
        width: auto;
        max-width: 100%;
        overflow-x: hidden;
        white-space: pre-wrap !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
        word-wrap: break-word !important;
    }
}
.inf .comentariu.italic {
    font-style: italic;
}

@media (max-width: 767px) {
    .inf .url-box { overflow-wrap: anywhere; }
}
@media print {
    .inf pre.cod, .inf pre.codw, .inf .cod-python {
        overflow-x: visible;
        overflow-y: visible;
        white-space: pre-wrap;
        width: auto;
        max-width: 100%;
    }
    .inf table.tabel-euclid {
        display: table;
        width: auto;
        max-width: 100%;
        overflow-x: visible;
    }
}

.inf .bara-unitate { align-items: stretch; }
.inf .bara-unitate .titlu-unitate-bara { display: flex; flex-direction: column; justify-content: flex-end; min-height: 90px; padding: 10px 16px 12px; }
.inf .bara-unitate .titlu-unitate-bara .linie-titlu { display: block; }
.inf .bara-unitate .numar-unitate { flex: 0 0 16%; display: flex; align-items: center; justify-content: center; padding: 10px 0; }
.inf .bara-unitate .titlu-unitate-bara { font-size: 22pt; line-height: 1.25; }
@media (max-width: 767px) { .inf .bara-unitate .titlu-unitate-bara { font-size: 17pt; min-height: 70px; } .inf .bara-unitate .numar-unitate { font-size: 34pt; } }
.inf .bara-unitate .titlu-unitate-bara { min-width: 0; overflow-wrap: anywhere; }