.selectnodedoc .sections .border-cell p
{
    background-color: rgba(83, 112, 242, 0) !important;
}

.selectnodedoc .img-bullet, .selectnodedoc .tree-row p ,.selectnodedoc .border-cell{
    background-color: rgba(83, 112, 242, 0.17) !important;
}


.pmode-style main{    
    min-height: 38vh !important;

}
.white-section  * .img-w-bullet-parent.img-bullet,.blue-section  * .img-w-bullet-parent.img-bullet ,
.blue-section * .scope-material * #img-bullet.img-bullet.img-w-bullet-parent,.white-section * .scope-material * #img-bullet.img-bullet.img-w-bullet-parent{
    background-image: url("../../resources/images/default/DownArrowGN.png") !important;
}

.white-section  * .img-bullet,.blue-section  * .img-bullet {
    background-image: url("../../resources/images/default/CheckMarkCircleMaterial.png") !important;
}
.white-section  * .img-w-bullet-green-doc{
    background-image: url("../../resources/images/default/CheckMarkGN.png") !important; 
    opacity: 1 !important;
}
.div-mat{
    background-color:white; 
}
.subHeaderMaterial
{
    padding :0px !important;
    /* height: 80vh ;*/
    height: 29vh; 
    overflow: hidden;
   
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pmode-style .subHeaderMaterial{
   /* margin-top: 9vh;
      position: fixed;*/
    z-index: 999986;
}

.pmode-style #sect-0
{
      min-height: 53vh !important;
    margin-top: 9vh;
}

.subHeaderMaterialLong
{
     background-attachment: fixed;
    height: 80vh ;
}

.materialheaderimage{
    background-position: 50% 0%;
}

.pmode-style .shadowMaterial{
    background-image: url(../../resources/images/default/shadow.png) !important;
}

.shadowMaterial{
    padding :0px !important; 
    height: 30.8vh; 
    background-image: url(../../resources/images/default/shadowSmall.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 60%;
}
.materialpanorama2{
    padding: 0px !important;
    background-repeat: no-repeat;
    background-position:100%;
    background-size: 50% 100%;
    height: 83vh;
    margin: -12px;
    background-image: url(../../resources/images/default/shadow2.png);
}

.materialpanorama{
    padding: 0px !important;
    background-repeat: no-repeat;
    background-position: center 51vh;
    height: 83vh;
    margin: -12px;
    background-image: url(../../resources/images/default/shadow.png);
}

@media screen and (min-width: 2000px){
    .materialpanorama{
        background-position: 100% 80% !important;
    }
}
@media screen and (min-width: 320px) and (max-width: 1025px){
    /*.materialpanorama{
        background-position: center 55% !important;
    }*/
}


.title-all-general{
    position: relative;
    padding: 0 !important;
    height: 100%;
}

.title-all-general-big{

     padding-top: 47.7vh !important;
    padding-bottom: 4.7vh !important;
}

.white-section *.title-material-head,.blue-section *.title-material-head{
    letter-spacing: .1em;
    font-family: 'cellfusion' !important;
    color: white !important;
    text-transform: uppercase;
    font-size: 2.3em;
    text-align: right !important;
    line-height: 1em;
    padding: 0 !important;
}

.material-style .title-hight{
    font-size: 3.2em;
}



.boxs-material ,overview .text-boxs{
    background: none !important;
    color:#a9a9a8 !important;
    font-family: standar !important;
}

.withoutOpa{
    opacity: 1 !important; 
}

.white-section,.blue-section{
    /*min-height: 35vh;*/
    min-height: 15vh;
}

.div-mat{
    opacity: 1;
    background-position-x: 90%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 15vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.div-mat-first{
    opacity: 1;
    background-position-x: 90%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
}


.white-section{
    background-color: white; 
}

.white-section *{
    color:#747474 !important;
}

.blue-section{
    background: rgba(83,112,242,.9);
}

.blue-section *{
    color: white !important;
}

.white-section * .option-background-material, .blue-section * .option-background-material
{
    background: none !important;
}

.white-section * .option-background-material *
{
    color:#5370f2 !important;
}

.white-section * overview .unactive
{
    color:gray !important;
}

.blue-section * .option-background-material *
{
    color:white !important;
}

.white-section  * .slider li ,.blue-section  *  .slider li{
    top: 0;
    left: 0;
    height: 100%;
    padding: 0px !important;
    line-height: 21px;
    letter-spacing: 0px;
    font-size: 1.15em;

}  

.white-section * .slider-hight , .white-section  * .slider-hight ,.blue-section  * .slider-hight , .blue-section  * .slider-hight 
{
    min-height: 1vh;
}

.white-section * .bar ,  .blue-section  * .bar 
{
    padding-top: 2%;
    direction: ltr !important;
    padding-bottom: .5%;
}

.white-section overview .overview-bar, .blue-section overview .overview-bar
{
    padding-top: 6px;
    padding-bottom: 2px;
}


.title-material{
    font-family: "cellfusion";
    font-size: 2.8em;
    /* padding-top: 2.5%;*/
    padding-top: 0 !important;
}

.title-material p{
    margin: 12px 0 12px 0px;
}

.title-material[id^="sect-"] p {
    margin: 6px 0;
}

.pmode-style .title-material{
 padding-top: 0 !important;   
}

.white-section  .title-material{
    text-align: left;
}

.blue-section  .title-material{
    text-align: right;
    padding-right: 6.5%;
}

.blue-section .sect-Video{
    text-align: right !important;
    padding-right: 5% !important;
}

.white-section .sect-Video{
    text-align: left !important;
    padding-left: 5% !important;
}

.white-section .sect-Documentation{
    text-align: left !important;
    padding-left: 5% !important;
}

.blue-section .sect-Live{
    text-align: right;
    padding-right: 5% !important;
}

.white-section .sect-Live{
    text-align: left;
    padding-left: 5% !important;
}


.blue-section * .table-bullets table,.white-section  * .table-bullets table{
    min-height: 100px;
}

.white-section * .text-pos-material{
    /* padding-left: 7%;*/
    padding-left: 0;
    padding-right: 35%;
}

.blue-section * .text-pos-material{
    padding-left: 34%;
    /*  padding-right: 7%;*/
    padding-right: 0;
    /* direction: rtl;*/
}

.white-section * .audio-inactive{
    background: url("../../resources/images/default/speaker2MaterialBlue.png")no-repeat !important ;
    margin-left: 17px !important;
}
.white-section * .audio-active{
    background:url("../../resources/images/default/speaker1MaterialBlue.png") no-repeat !important ;
}


.blue-section * .audio-active,.white-section * .audio-active-rev{
    background:url("../../resources/images/default/speaker1MaterialWhite.png") no-repeat !important ;
}

.blue-section * .audio-inactive,.white-section * .audio-inactive-rev{
    background:url("../../resources/images/default/speaker2MaterialWhite.png") no-repeat !important ;
}


.blue-section * .audio-active-rev{
    background:url("../../resources/images/default/speaker1MaterialBlue.png") no-repeat !important ;
}

.blue-section * .audio-inactive-rev{
    background:url("../../resources/images/default/speaker2MaterialBlue.png") no-repeat !important ;
}
.white-section * .bulletLongText,.blue-section  *  .bulletLongText
{
    width: 50%;
}

.white-section * .popup-bullets,.blue-section  *  .popup-bullets
{
    padding: 35px !important;
}

.white-section * .bulletLongText  *{
    color:rgb(83, 112, 242) !important ;   
}

.white-section * .bulletLongText    
{
    left: 52%;
    /*direction: rtl;*/
    background-color: rgba(243,243,249,1);
}
.blue-section  *  .bulletLongText *{
    color:white !important;
}

.blue-section  *  .bulletLongText {
    left:  0%;
    background-color: rgba(106,132,248,1);

}

.blue-section  *  .bulletLongText *{
    direction: ltr;

}

.left-bullet ,.right-bullet{
    padding: 0px !important;
}

.left-bullet .bullet{
    text-align: left;
    margin-left: -26px !important;
}



.right-bullet .bullet
{
    text-align: right;
}

.white-section * .right-bullet
{
    display: none;
}

.blue-section * .left-bullet
{
    display: none;
}

.left-bullet #img-bullet
{ 
    background-position: left !important;
    padding: 16px 0px 0px 0px !important;
}

.right-bullet #img-bullet
{ 
    background-position: right !important;
    padding: 16px 0px 0px 0px !important;
}

.white-section * video,.blue-section  *  video
{
    margin-bottom:  0% !important;
}

.white-section * .slider-hexagons ,.blue-section * .slider-hexagons 
{
    background: none !important;
}

.white-section * .hex
{
    height: 169px;
    width: 200px;
    background-size: 100%;
    background-image: url('../../resources/images/default/HEXmaterialDesignOver.png');
}

.blue-section * .hex:hover,.blue-section *  .hex-active
{
    background-image: url('../../resources/images/default/HEXmaterialDesignOver.png');
}

.white-section * .hex:hover , .white-section *  .hex-active
{
    background-image: url('../../resources/images/default/HEXmaterialDesignNormal.png');
}

.blue-section * .hex
{
    background-image: url('../../resources/images/default/HEXmaterialDesignNormal.png');
    height: 169px;
    width: 200px;
    margin-bottom: 35px;
    background-size: 100%;
}



.material-style * .slider-hexagons .hex
{
    top: 0;
    left: 0;
    padding: 0 !important;
}

.material-style * .slider-hexagons .hex-2
,.material-style * .slider-hexagons .hex-12
,.material-style * .slider-hexagons .hex-22
,.material-style * .slider-hexagons .hex-32
,.material-style * .slider-hexagons .hex-42
{
    left:-35px;
}

.material-style * .slider-hexagons .hex-3
,.material-style * .slider-hexagons .hex-13
,.material-style * .slider-hexagons .hex-23
,.material-style * .slider-hexagons .hex-33
,.material-style * .slider-hexagons .hex-43
{
    left:-70px;
}

.material-style * .slider-hexagons .hex-4
,.material-style * .slider-hexagons .hex-14
,.material-style * .slider-hexagons .hex-24
,.material-style * .slider-hexagons .hex-34
,.material-style * .slider-hexagons .hex-44
{
    left:-102px;
}

.material-style * .slider-hexagons .hex-5
,.material-style * .slider-hexagons .hex-15
,.material-style * .slider-hexagons .hex-25
,.material-style * .slider-hexagons .hex-35
,.material-style * .slider-hexagons .hex-45
{
    left: -133px;
}

.material-style * .slider-hexagons .hex-6
,.material-style * .slider-hexagons .hex-16
,.material-style * .slider-hexagons .hex-26
,.material-style * .slider-hexagons .hex-36
,.material-style * .slider-hexagons .hex-46
{
    left: 80px;
}

.material-style * .slider-hexagons .hex-7
,.material-style * .slider-hexagons .hex-17
,.material-style * .slider-hexagons .hex-27
,.material-style * .slider-hexagons .hex-37
,.material-style * .slider-hexagons .hex-47
{
    left:47px;
}

.material-style * .slider-hexagons .hex-8
,.material-style * .slider-hexagons .hex-18
,.material-style * .slider-hexagons .hex-28
,.material-style * .slider-hexagons .hex-38
,.material-style * .slider-hexagons .hex-48
{
    left:14px;
}

.material-style * .slider-hexagons .hex-9
,.material-style * .slider-hexagons .hex-19
,.material-style * .slider-hexagons .hex-29
,.material-style * .slider-hexagons .hex-39
,.material-style * .slider-hexagons .hex-49
{
    left:-20px;
}

.material-style * .slider-hexagons .hex-10
,.material-style * .slider-hexagons .hex-20
,.material-style * .slider-hexagons .hex-30
,.material-style * .slider-hexagons .hex-40
,.material-style * .slider-hexagons .hex-50
{
    left:-54px;
}


.material-style * .slider-hexagons .hex-6,.material-style * .slider-hexagons .hex-7,.material-style * .slider-hexagons .hex-8
,.material-style * .slider-hexagons .hex-9,.material-style * .slider-hexagons .hex-10
{
    top:-30px;
}

.material-style * .slider-hexagons .hex-11,.material-style * .slider-hexagons .hex-12
,.material-style * .slider-hexagons .hex-13,.material-style * .slider-hexagons .hex-14
,.material-style * .slider-hexagons .hex-15
{
    top:-60px;
}

.material-style * .slider-hexagons .hex-16,.material-style * .slider-hexagons .hex-17
,.material-style * .slider-hexagons .hex-18,.material-style * .slider-hexagons .hex-19
,.material-style * .slider-hexagons .hex-20
{
    top:-90px;
}

.material-style * .slider-hexagons .hex-21,.material-style * .slider-hexagons .hex-22
,.material-style * .slider-hexagons .hex-23,.material-style * .slider-hexagons .hex-24
,.material-style * .slider-hexagons .hex-25
{
    top:-120px;
}

.material-style * .slider-hexagons .hex-26,.material-style * .slider-hexagons .hex-27
,.material-style * .slider-hexagons .hex-28,.material-style * .slider-hexagons .hex-29
,.material-style * .slider-hexagons .hex-30
{
    top:-150px;
}

.material-style * .slider-hexagons .hex-31,.material-style * .slider-hexagons .hex-32
,.material-style * .slider-hexagons .hex-33,.material-style * .slider-hexagons .hex-34
,.material-style * .slider-hexagons .hex-35
{
    top:-170px;
}

.material-style .slider-hexagons{
    height: auto !important;
}

.white-section * .hex span,.blue-section * .hex span
{
    text-align: right;
    color:white !important;
}

.white-section * .messages-hex,.blue-section * .messages-hex
{
    padding: 10px;
}

.white-section * .slider-hexagons,.blue-section * .slider-hexagons
{
    /*padding-left: 6% !important;*/
    padding: 0px !important;
}

.white-section * .messages-hex
{
    left: 67.5% !important; 
    background-color: rgb(83, 112, 242) !important; 
    position: static;
}

.blue-section * .messages-hex
{
    left: 65% !important; 
    background-color: white !important; 
}

.white-section * .messages-hex * ,.white-section * .messages-hex
{
    color: white !important;

}

.blue-section * .messages-hex *,.blue-section * .messages-hex 
{
    color: rgb(83, 112, 242) !important; 
}

.white-section * .pyramid-all,.blue-section * .pyramid-all{
    padding-left: 7%;
    padding-right: 7%;
}

.white-section * pyramid #img-bullet,.blue-section * pyramid #img-bullet{
    padding-left: 31.5px !important;
    height: 30px;
    margin-top: 0px !important;
    background-size: 31.5px !important;
}

.white-section * pyramid .pyramid-0 ,.blue-section * pyramid .pyramid-0{
    margin-top: 0px !important;
}

.white-section * pyramid .pyramid-1,.blue-section * pyramid .pyramid-0{   
    margin-top: -3.5% !important;
}

.white-section * pyramid .pyramid-2,.blue-section * pyramid .pyramid-0{
    margin-top: -6% !important;
}

.white-section * pyramid .pyramid-3,.blue-section * pyramid .pyramid-0{
    margin-top: -10% !important;
}

.white-section * pyramid .pyramid-4,.blue-section * pyramid .pyramid-0{
    margin-top: -11% !important;
}

.white-section * .tree-title, .white-section * .toolbarTree {
    background-color: rgb(83, 112, 242) !important; 
}

.white-section * .tree-title .title,.white-section  * .toolbarTree p{
    color:white !important;

}


.blue-section * .tree-title,.blue-section  * .toolbarTree {
    background-color: white  !important; 
}

.blue-section * .tree-title .title,.blue-section  * .toolbarTree p{
    color:rgb(83, 112, 242) !important;

}

.material-style .count-hex-material
{
    text-align: right;
}

.triangulo_inf_ancla {
    padding: 0 !important;
}

.triangulo_inf {
    width: 0 !important;
    height: 0 !important;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 20px solid black;
    /*margin-left: 50%;*/
    margin-left: -20%;
}

.white-section  .triangulo_inf{
    /*border-top: 20px solid rgb(83, 112, 242) !important;*/
    border-top:  20px solid rgb(89, 114, 231) !important
}

.blue-section  .triangulo_inf{
    border-top: 20px solid white !important;

}

.first-section .triangulo_inf{
    border-top: 20px solid #1C1D1F !important;
}

.blue-section * .audio-Button,.white-section * .audio-Button
{
    margin-left: -39% !important;
}

.blue-section * .audio-button-overview,.white-section * .audio-button-overview
{
    margin-left: 3% !important;
}

.blue-section * .arrow-material ,.white-section * .arrow-material{
    height: 42px;
    width: 42px;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.8;
    position: relative;
    cursor: pointer;
}

.blue-section * .arrow-right-page
{
    background-image: url(../../resources/images/default/RightArrowWhite.png);   
    left: 40%;
}

.blue-section * .arrow-right-page:hover
{
    background-image: url(../../resources/images/default/RightArrow.png); 
}

.white-section * .arrow-right-page{
    left: 40%;
    background-image: url(../../resources/images/default/RightArrow.png);
}

.white-section * .arrow-right-page:hover{
    background-image: url(../../resources/images/default/RightArrowWhite.png);
}

.blue-section * .arrow-left-page
{
    left: 40%;
    background-image: url(../../resources/images/default/LeftArrowWhite.png);   
}

.blue-section * .arrow-left-page:hover
{
    background-image: url(../../resources/images/default/LeftArrow.png);   
}

.white-section * .arrow-left-page{
    left: 40%;
    background-image: url(../../resources/images/default/LeftArrow.png);
}

.white-section * .arrow-left-page:hover{
    background-image: url(../../resources/images/default/LeftArrowWhite.png);
}

.div-arrow-material
{
    padding: 0 !important;
}


.white-section * .option-materila-right{
    display: none;
}

.blue-section * .option-materila-left{
    display: none;
}

.white-section * .bullets-sections * .option-materila-right{
    display: none;
}

.white-section * .bullets-sections * .option-materila-left{
    display: block;

}

.blue-section * .bullets-sections * .option-materila-left{
    display: none;
}

.blue-section * .bullets-sections * .option-materila-right{
    display: block;
}

.white-section * .slider-page-numbers.s-blue{
    display: none;
}

.blue-section * .slider-page-numbers.s-white{
    display: none;
}

.white-section  * .img-bullet  , .white-section  * #img-bullet,
.blue-section  * .img-bullet  , .blue-section  * #img-bullet
{ 
    background-size: auto !important;
}

.white-section * .img-w-bullet-active
{
    background-image: url("../images/default/CheckMarkMaterialBU.png") !important; 
}

.blue-section * .img-w-bullet-active
{
    background-image: url("../images/default/CheckMarkWE.png") !important; 
}

/*
.white-section * .img-bullet ,.white-section * #img-bullet 
{ 
    background-image: url("../images/default/CheckMarkGN.png") !important; 
}*/


.blue-section * .scope-material * #img-bullet.img-bullet { 
    background-image: url("../../resources/images/default/CheckMarkCircleMaterial.png") !important; 
}
.blue-section * .scope-material * #img-bullet.img-w-bullet-new { 
    background-image: url("../images/default/CheckMarkMaterialBU.png") !important; 
}


.blue-section * .scope-material * #img-bullet.img-w-bullet { 
    background-image: url("../images/default/CheckMarkMaterialWE.png") !important; 
}



.white-section * .scope-material * #img-bullet.img-w-bullet-new { 
    background-image: url("../images/default/CheckMarkMaterialBU.png") !important; 
}

.white-section * .scope-material * #img-bullet.img-w-bullet { 
    background-image: url("../images/default/CheckMarkGN.png") !important; 
}

.blue-section *  .img-screen, .white-section *  .img-screen{
    padding: 0px 22px !important;
}

.blue-section *  .popup-bullets, .white-section *  .popup-bullets{
    margin: 0px;
    margin-top: -65px;
    /*height: 100%; *change material*/
    height: 115%; /**change material*/
}

.blue-section *  .close-bulletLongText, .white-section *  .close-bulletLongText{
    top: -1%;
    left: 96%;
}

.blue-section *  .close-bulletLongText,.white-section * .close-bulletLongText-inv
{
    background:url("../../resources/images/default/closeWT.png") no-repeat !important ;
}

.white-section *  .close-bulletLongText,.blue-section * .close-bulletLongText-inv
{
    background:url("../../resources/images/default/closeBL.png") no-repeat !important ;
}

.blue-section *  .bar-hexagons,.white-section *  .bar-hexagons
{
    margin-left: 14.3% !important;
    padding-right: 0;

}

.blue-section * .background-table-material{
    color: rgb(83, 112, 242) !important;
    background-color:white !important;
}

.white-section * .background-table-material * {
    color:white !important;
}

.white-section * .background-table-material{
    background-color: rgb(83, 112, 242) !important;

}
.blue-section * .background-table-material * {
    color:rgb(83, 112, 242) !important;
}
.blue-section * .background-table-material{
    background-color: white !important;

}

.white-section * .structure-user .node-parent-active,.white-section *  .structure-user .node-parent-active a {
    color: /*#15AAAB */rgb(116, 116, 116)  !important;
}


.white-section * .structure-user .active-node,.white-section * .structure-user .active-node a {
    color: /*#0C08A7*/rgb(116, 116, 116)  !important;
}
.white-section *  .ramas-open ,.white-section *  .ramas-open-end ,.white-section *   .ramas-first-open,.white-section *  .ramas-close,.white-section * .ramas-first-Open{
    background-size: 60%;
}

.white-section * .structure-user-div,
.white-section * .text-boxs-News,
.white-section * .form
{
    background: lavender !important; 
}  

.blue-section * .structure-user .ramas-open ,.blue-section * .structure-user .ramas-open-end ,.blue-section * .structure-user  .ramas-first-open{
    background-size: 14px;
}

.blue-section * .structure-user .ramas-open ,.blue-section * .structure-user .ramas-open-end ,.blue-section * .structure-user  .ramas-first-open,
.blue-section *  .ramas-open ,.blue-section *  .ramas-open-end ,.blue-section *   .ramas-first-open
{ 
    background-image: url("../images/default/arrowupWE.png") !important;
    background-color: rgb(129,153,251) !important;
    background-repeat: no-repeat;
        background-size: 14px;
          background-position-x: 5px;
}

.blue-section * .structure-user .ramas-close,.blue-section * .structure-user  .ramas-close-end,
.blue-section * .structure-user .ramas-end ,.blue-section * .structure-user .ramas-first-close,.blue-section * .structure-user .ramas-t
{
    background-size: 14px;
}

.blue-section * .structure-user .ramas-close,.blue-section * .structure-user  .ramas-close-end,
.blue-section * .structure-user .ramas-end ,.blue-section * .structure-user .ramas-first-close,.blue-section * .structure-user .ramas-t,
.blue-section *  .ramas-close,.blue-section *   .ramas-close-end,
.blue-section *  .ramas-end ,.blue-section *  .ramas-first-close,.blue-section *  .ramas-t
{

    background-color: lavender !important;
}
.blue-section * .structure-user .ramas-close,.blue-section * .structure-user  .ramas-close-end,
 .blue-section * .structure-user .ramas-first-close,
.blue-section *  .ramas-close,.blue-section *   .ramas-close-end,.blue-section *  .ramas-first-close

{ 
    background-image: url("../images/default/arrowrightWE.png") !important;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position-x: 5px;
}

.blue-section * .structure-user .ramas-end,.blue-section * .structure-user .ramas-t,
.blue-section *  .ramas-end ,.blue-section *  .ramas-t
{
    background-image: none !important;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position-x: 19px;
    background-position-y:50%;
}

.blue-section * .structure-user .ramas-t
{
    background-size: 14px ;
    background-position-x: 5px;
}

.blue-section * .tree-row p.node ,.blue-section * .border-cell{
    border-bottom: 1px solid rgb(214,214,214);
    border-right: 1px solid rgb(214,214,214);
}


.white-section * .structure-user .ramas-open ,.white-section * .structure-user .ramas-open-end ,.white-section * .structure-user  .ramas-first-open,
.white-section *  .ramas-open ,.white-section *  .ramas-open-end ,.white-section * .ramas-first-Open,
.white-section *  .form *  .ramas-open ,.white-section *  .form *  .ramas-open-end ,.white-section *  .form * .ramas-first-open
{
    background-color: lavender !important;
}
.white-section * .structure-user .ramas-open ,.white-section * .structure-user .ramas-open-end ,.white-section * .structure-user  .ramas-first-open,
.white-section *  .ramas-open ,.white-section *  .ramas-open-end ,.white-section * .ramas-first-Open,
.white-section *  .form *  .ramas-open ,.white-section *  .form *  .ramas-open-end ,.white-section *  .form * .ramas-first-open,
header .ramas-open-end,header .ramas-open,header .ramas-first-open,.white-section * .ramas-first-open

{ 
    background-image: url("../images/default/arrowupBU.png") !important;
    background-repeat: no-repeat;
}

.white-section * .elements * .ramas-open-end 
{
    background-size: 14px;
    background-position-x: 5px;
}
.white-section * .elements * .ramas-t,.white-section * .elements * .ramas-end{
    background-size: 10px;   
    background-position-x: 10px;
    background-position-y: 50%;
}

header .ramas-open-end,header .ramas-open,header .ramas-first-open{
    background-size: 3%;
    background-position: 2% 49% !important;
}




.white-section * .form * .ramas-open ,.white-section *  .form *  .ramas-open-end ,.white-section *  .form *   .ramas-first-open,.white-section *  .form *  .ramas-close,.white-section *  .form * .ramas-first-open
,.white-section * .form .ramas-close-end{
    background-size: 14px !important;
}

.white-section * .structure-user .ramas-open ,.white-section * .structure-user .ramas-open-end ,.white-section * .structure-user  .ramas-first-open,.white-section * .structure-user .ramas-close{
    background-size: 14px !important;
}


.white-section * .group-form {

    border-top: 1px solid rgba(83, 112, 242,.2) ;
}

.white-section * .elements  .ramas-first-open{
    background-size: 3%;
    /*background-position-x: 1.5%;*/
    background-position-x: 5px;
}

.white-section * .structure-user  .ramas-close-end,
.white-section * .structure-user .ramas-end ,.white-section * .structure-user .ramas-first-close,.white-section * .structure-user .ramas-t
{
    background-size: 14px;

}

.white-section * .structure-user .ramas-end{
    background-position-y: 47%;
}
.white-section *  .ramas-close,.white-section *   .ramas-close-end,
.white-section *  .ramas-end ,.white-section *  .ramas-first-close,.white-section *  .ramas-t,
.white-section * .structure-user .ramas-close,.white-section * .structure-user  .ramas-close-end,
.white-section * .structure-user .ramas-end ,.white-section * .structure-user .ramas-first-close,.white-section * .structure-user .ramas-t,
.white-section * .form .ramas-close,.white-section * .form  .ramas-close-end,
.white-section * .form .ramas-end ,.white-section * .form .ramas-first-close,.white-section * .form .ramas-t,
.white-section *  .ramas-close,.white-section *   .ramas-close-end
{
    background-color: lavender !important;

}

.blue-section *  .ramas-close,.blue-section *   .ramas-close-end,
.blue-section *  .ramas-end ,.blue-section *  .ramas-first-close,.blue-section *  .ramas-t,
.blue-section * .structure-user .ramas-close,.blue-section * .structure-user  .ramas-close-end,
.blue-section * .structure-user .ramas-end ,.blue-section * .structure-user .ramas-first-close,.blue-section * .structure-user .ramas-t,
.blue-section * .form .ramas-close,.blue-section * .form  .ramas-close-end,
.blue-section * .form .ramas-end ,.blue-section * .form .ramas-first-close,.blue-section * .form .ramas-t,
.blue-section *  .ramas-close,.blue-section *   .ramas-close-end
{
    background-color: rgb(129,153,251) !important;

}

.white-section *  .ramas-end,
.white-section * .structure-user .ramas-close,.white-section * .structure-user  .ramas-close-end,
.white-section * .structure-user .ramas-end ,.white-section * .structure-user .ramas-first-close,.white-section * .structure-user .ramas-t,
.white-section * .form .ramas-close,.white-section * .form  .ramas-close-end,.white-section * .form .ramas-first-close,
header .ramas-close-end,header .ramas-t,header .ramas-close,header .ramas-end,
.white-section * .elements * .ramas-close-end, .white-section * .elements * .ramas-close,.white-section * .elements * .ramas-first-close,.white-section * .ramas-close,
header .ramas-first-close
{ 
    background-image: url("../images/default/arrowrightBU.png") !important;
    background-repeat: no-repeat !important;
}

.white-section * .elements * .ramas-t,.white-section * .elements * .ramas-end,.white-section * .form .ramas-end,.white-section * .form .ramas-t, header .ramas-end,header .ramas-t
{
    background-image: none !important;
    /*background-image: url("../images/default/DashrBU.png") !important;*/
    background-repeat: no-repeat !important;
}

.white-section * .elements * .ramas-first-close,
.white-section * .form .ramas-first-close,
.white-section * .elements * .ramas-close,
.white-section * .elements * .ramas-open,
.white-section * .elements * .ramas-close-end{
    background-size: 14px;
}

.white-section * .elements * .ramas-first-open
{
    background-position-y: 41%;
}

.white-section * .elements * .ramas-first-Open,
.white-section * .elements * .ramas-first-open
{

    background-size: 6%;
}

.white-section * .elements * .ramas-first-open
{

    /*background-size: 3%;*/
    background-size: 14px;
}

header .ramas-close-end,header .ramas-close{
    background-size: 14px ;
    background-position: 3% 49% !important;
}

header .ramas-t,header .ramas-end,header .ramas-first-close{
    background-size: 14px ;
    background-position-x: 12px !important;
}

.white-section * .structure-user .ramas-t{
    background-size: 13px;
    background-position-x: 10px;
}

.white-section *  .ramas-t,.white-section *  .ramas-end
{
    background-size: 38%;
    background-position-x: 27%;
}
.white-section * .structure-user .rama-left,.blue-section * .structure-user .rama-left,
.white-section *  .rama-left,.blue-section *  .rama-left,header .rama-left
{ 
    background-image: none !important;
}

.white-section * .popup-quick
{
    background-color: rgb(83, 112, 242) !important;
    color:white !important;
}

.white-section * .popup-quick *
{
    color:white !important;
}

.blue-section * .popup-quick
{
    background-color: white !important;
    color:rgb(83, 112, 242) !important;
}

.blue-section * .popup-quick *
{
    color:rgb(83, 112, 242) !important;
}

.white-section * .bullet-active,.white-section *  .bullet:hover,.white-section *  .bullet.active,
.white-section  * .bullet-material-active,.white-section  *  .bullet-material:hover ,.white-section  *  .bullet-material.active
{
    color:#0AB75C !important;
}
.blue-section * .bullet-active,.blue-section *  .bullet:hover,.blue-section *  .bullet.active,
.blue-section  * .bullet-material-active,.blue-section  *  .bullet-material:hover ,.blue-section  *  .bullet-material.active{
    color:greenyellow !important;
}


.white-section * .arrow-moreinfoFW-inactive{
    content:url("../../resources/images/default/RightArrowWhite.png") ;
}

.white-section *  .arrow-moreinfoFW{
    content:url("../../resources/images/default/RightArrow.png") ;
}

.white-section *  .arrow-moreinfoRW-inactive{
    content:url("../../resources/images/default/LeftArrowWhite.png") ;
}

.white-section *  .arrow-moreinfoRW{
    content:url("../../resources/images/default/LeftArrow.png") ;
}


.blue-section * .arrow-moreinfoRW{
    content:url("../../resources/images/default/RightArrow.png") ;
}

.blue-section *  .arrow-moreinfoRW-inactive{
    content:url("../../resources/images/default/RightArrowWhite.png") ;
}

.blue-section *  .arrow-moreinfoFW{
    content:url("../../resources/images/default/LeftArrow.png") ;
}

.blue-section *  .arrow-moreinfoFW-inactive{
    content:url("../../resources/images/default/LeftArrowWhite.png") ;
}


.white-section *.send-button{
    color:white !important;
}

.white-section * .slide ,.blue-section * .slide{
}

.active-panorama
{
    box-shadow:  none !important;
}

.white-section * .text-boxs
{
    background: white;
}

.blue-section * .text-boxs
{
    background: rgba(83,112,242,.9);
}


.white-section * .treeOverview-body{
    background: lavender;
}

.material-style .bar-material
{
    padding-right: 0;
    padding-left: 0;
    margin-top: 20px;
}

.material-style * .table-bullets{
    padding: 0;
}


.material-style * .img-monitor {
   position: absolute;
    left: 0%;
    top: 3%;
    padding: 0px !important;
    cursor: pointer;
    height: auto;
}

.material-style * .arrow-sections-up
{
    margin: 0;
    padding-bottom: 1px;
    width: 50px;
    margin-top: -100px;
    z-index: 999999999999999999999;
    left: 48.5%;
    position: fixed;
    cursor: pointer;
}


.material-style * .arrow-sections-down,
.material-style  * .img-div-arrow
{
    margin-top: -45px;
    cursor: pointer;
}

.white-section * .img-div-arrow-first
{
    margin-top: -35px;
    background-image: url(../../resources/images/default/DownArrowWhiteOutline.png) !important;
}

.white-section * .img-div-arrow
{
    background-image: url(../../resources/images/default/DownArrowWhite.png);
}

.blue-section * .img-div-arrow
{
    background-image: url(../../resources/images/default/DownArrowBlue.png);
}

.white-section * .img-div-arrow-pm,.img-div-arrow-pm-f
{
   
    background-image: url(../../resources/images/default/DownArrowBlue.png);
}

.blue-section * .img-div-arrow-pm
{
    background-image: url(../../resources/images/default/DownArrowWhite.png);
}


.img-div-arrow-up
{   
    background-image: url(../../resources/images/default/UpArrowWhite.png) !important;
}

.material-style * .img-div-arrow{
   /* height: 56px;*/
    height: 38px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.blue-section * .intereactive-text,.white-section * .intereactive-text-rev{
    color:white !important;
    margin-top: 3px;
    font-size: 21px;
    font-weight:bold;
}

.white-section * .intereactive-text,.blue-section * .intereactive-text-rev{
    font-size: 21px;
    color: rgba(83,112,242,1) !important;
    margin-top: 3px;
    font-weight:bold;
}

.blue-section * .intereactive-img,.white-section * .intereactive-img-inv{
    background-image: url(../../resources/images/default/interactiveWE.png);
    height: 30px;
    width: auto;
    background-size: 29px;
    background-repeat: no-repeat;
    background-position: right;
}

.white-section * .intereactive-img,.blue-section * .intereactive-img-inv{
    background-image: url(../../resources/images/default/interactiveBU.png);
    height: 30px;
    width: auto;
    /* background-size: contain;
       background-size: 19%;*/
    background-repeat: no-repeat;
    background-position: right;
}

.white-section * .node-function-active {
    color: rgba(83,112,242,1) !important;
}



.material-style * pyramid * .bulletLongText
{
    direction: ltr;
}



/*


.material-style * .messages-hex
{
        min-height: 500px;
        max-height: 700px;
        height: auto;
        width: 30%;
}



.material-style * pyramid * ,.material-style *  .slider li,.material-style * .messages-hex
{
    line-height: 26px !important;
    letter-spacing: 1px !important;
   font-size: 19px !important;
}

.material-style *  .textSlider:after {
    display: none; 
}
*/

.slogan-material
{
    font-family: 'cellfusion' !important;
    color:#B8B8B8 !important;
    font-size: 1.3em;
    text-align: right !important;
    line-height: 1.1;
}
.video-material{
    padding-bottom: 0vh;
}

.white-section * .structure-tree-div
{
    background: lavender !important;
}

.blue-section * .structure-tree-div,.blue-section * .structure-user-div
{
    background: rgb(129,153,251) !important;
}

.material-style * .popup-quick
{
    top:80%;
}

.white-section  * #img-bullet.img-bullet,.blue-section  * #img-bullet.img-bullet {
    background-size: 44% !important;
    opacity: 1 !important;
    background-position: 66% 27% !important;
}

.material-style * overview .overview-item img:hover ,.white-section *  .active-panorama img{
    box-shadow: inset -3px -3px 0 #0AB75C !important;
}


.white-section * tree .img-w-bullet
{
    background-image: url("../../resources/images/default/CheckMarkGN.png") !important; 
    opacity: 1 !important;
}

.material-style msg #messageComp {
    margin: 8px 0px 8px 8px!important;
    padding: 0% 5% 5% 5% !important;
    background-color: rgba(121, 143, 241, 0.72) !important;
    border-radius: 25px;
    color: white;
}

.material-style msg
{
    left: 1.4%!important;
    right: 0% !important;
}

.material-style msg a{
    color:#b1dcfb;
}

.structure-user .node-parent-active a.level-1 {
    color: /*rgb(6 ,59 ,58)*/rgb(116, 116, 116)  !important;
    
}

.structure-user .node-parent-active a.level-2 {
    
    color: /*rgb(11, 114 ,113)*/rgb(116, 116, 116) !important;
}

.structure-user .node-parent-active a.level-3 {
    color: /*rgb(16 ,179 ,177)*/rgb(116, 116, 116)  !important;
}

.material-style overview .text-boxs,.material-style overview .bar-option-material {
    background: none !important;
}

.messages-hex {    
    height: 600px !important;
}


@media screen and (max-width: 1350px){
    .slogan-material{
        display: none;
    }
}


.white-section .popup-hiring
{
   background: rgba(83,112,242,.9);
   
}
.white-section .popup-hiring *
{
   color: white !important;
   
}

.material-style .ramas-open-end ,.material-style .ramas-close-end
{
    background-position: 1px 49% !important;
}

.picker__date-display 
{
    background-color: lavender !important;
}
.picker__date-display *
{
    color: rgba(83,112,242,.9) !important;
}

.picker__weekday-display
{
    background-color: rgba(83,112,242,.9) !important; 
    color: white !important;
}

.picker__nav--prev:hover, .picker__nav--next:hover{
    background: rgba(83,112,242,.2) !important; 
}

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected{
    background-color: rgba(83,112,242,.9) !important;
    color:white !important;
}

.white-section .label-check
{
    color: rgb(83, 112, 242) !important;
}

.blue-section .label-check
{
    color: white !important;
}

@media screen and (max-width: 992px) {
    
    .left-bullet .bullet {
   margin-left: 0px !important;
    }
    
   .white-section * .text-pos-material ,.blue-section * .text-pos-material
   {
       padding: 0;
   }
}

@media screen and (max-width: 900px) {
    
   .material-style * overview .overview-item img:hover, .white-section * .active-panorama img{
	 /*  width: 95% !important;*/
    
   }
}

@media screen and (max-width: 992px) {
    
   .material-style * overview .overview-item img:hover, .white-section * .active-panorama img{
	 /*  width: 92% !important;*/
	  padding-right: 0px !important;
     padding-bottom: 0px !important;
	 border:none !important;
   }
}

.go-top {
	display:none;
	padding: 29px;
        background-image: url("../../resources/images/default/TopArrow.png") !important;
        background-repeat: no-repeat;
        font-size: 20px;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:60px;
	right:20px;
        z-index: 90000;
}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

.text-div-structure.fulldiv{
        height: 95.3vh;
            padding: 6vh;
    }
    
    .text-div-structure.fulldiv   .text-document{
        height: 100% !important;
    }

    .material-style * overview .overview-item img:hover ,.white-section * .active-panorama img{
        box-shadow: 4px 4px 0 #0AB75C !important;
    }