/*

www.olgang.com - Cloud based simulation platform for Railway Engineering.
(C) 2021 by EPRail Research and Consulting S.L


                  .;;:`                                                            
                ;;;;;;;;:                                                          
              `;;;;;;;;;;;                                                         
              ;;;;;::;;;;;;                                                        
          ,;;;;;;      :;;;:                                                       
        ,;;;;;;;        .;;;                                                       
       :;;;;;;;          ;;;.                                                      
      `;;;;:,:,           ;;;;     `;                       ;;;;    ;;      :;;;.  
      ;;;;           `;: ;;;;;;`   `;                       ;;;;;   ;;     ;;;;;;; 
    `;;;;            ;;;;;;;;;;;`  `;                       ;;;;;   ;;    ;;;;.;;;;
  `;;;;;`            ;;;;;;;;;;;;  `;     ;;; ;.   .;;;:    ;;;;;   ;;   ;;;    `; 
 `;;;;;;              ;;;     ;;;. `;   `;;:;;;,  .;;;;;;   ;;;;;;  ;;   ;;;       
 ;;;;;::             ,;;       ;;; `;   ;;   ,;,        ;   ;;;`;;  ;;   ;;.       
.;;;               ;;;;;       ;;; `;   ;`    ;,        ;`  ;;; ;;. ;;  .;;    ````
;;;                ;;;;;       ;;; `;   ;     ;,    ;;;;;`  ;;; ;;; ;;   ;;`   ;;;;
;;;                .;;;;       ;;; `;   ;     ;,  ;;;.  ;`  ;;;  ;;`;;   ;;:   ;;;;
;;;                  .;;:     ;;;, `;   ;`    ;,  ;:    ;`  ;;;  ;;:;;   ;;;     ;;
`;;;                  ;;;;   ;;;;  `;   ;;   ,;,  ;`    ;`  ;;;  .;;;;   .;;;. ,;;;
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;,  `;   ,;; :;;,  ;;`.;;;`  ;;;   ;;;;    ;;;;;;;;;
 `;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:    ;;   ,;;;`;,   ;;;; ;`  ;;;   ;;;;      ;;;;,.;
  `;;;;;;;;;;;;;;;;;;;;;;;;;;;,               ;.                                   
    `,:::::;;;;;;;;;;;;;:::,`                ,;                                    
                                         ;;;;;;                                    
                                          :;;                                      

*/

/*Override htContextMenu para mantenerlo visible siempre */
.htContextMenu {
    z-index: 99999999;
}

.modal {
    background-color: rgba(0, 0, 0, 0.56) !important;
}

.selectedTrackLineBarInfo {
    font-weight: bold !important;
}

.on0 {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    font-weight: 400 !important;
    font-size: 25px !important;
}

.on1 {
    font-family: 'Roboto', 'Helvetica', 'Ariafffffffffl', sans-serif !important;
    font-weight: 300 !important;
    font-size: 25px !important;
}

.on2 {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    font-weight: 300 !important;
    font-size: 24px !important;
}

.on3 {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
}

.on4 {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    font-weight: 300 !important;
    font-size: 20px !important;
}

.on5 {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    font-weight: 300 !important;
    font-size: 18px !important;
}

.on6 {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
}

.on7 {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px !important;
}

.on8 {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    font-weight: 300 !important;
    font-size: 12px !important;
}

.on9 {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    font-weight: 300 !important;
    font-size: 10px !important;
}

.hiddenTogglePermision {
}

.disableEditionPermision {
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/*body[data-browsertype="desktop"] #bodyApp{
    display:none;min-width:300px!important;height:100%;margin-bottom:0px!important;overflow-x:hidden;overflow-y:hidden;
}

body[data-browsertype="mobile"] #bodyApp{
    display:none;min-width:300px!important;height:100px;margin-bottom:0px!important;overflow-x:hidden;overflow-y:hidden;
}*/

footer {
    position: fixed;
    bottom: 0;
    margin: 0;
    width: 100%;
    height: 30px;
    background-color: #f5f5f5;
}

.nav-pills > li > a {
    border-radius: 0 !important;
}

.nav-pills > li {
    margin: 1px !important;
    font-size: 15px !important;
    font-weight: normal;
}

    .nav-pills > li > a > span {
        font-size: 9px !important;
        font-weight: normal;
        margin-left: 11px !important;
    }

@media (min-width: 768px) {
    .table-row {
        display: table;
        table-layout: fixed;
    }

        .table-row [class^="col-"] {
            display: table-cell;
            float: none;
        }
}

.thumbnail {
    position: relative;
    overflow: hidden;
}

.caption {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.82) !important;
    width: 100%;
    height: 100%;
    padding: 2%;
    display: none;
    text-align: center;
    color: #6f6e6e !important;
    z-index: 2;
    cursor: default;
}

.favoriteWorkspace {
    background-color: #009688;
    color: lightgray;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../app/assets/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(../app/assets/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../app/assets/fonts/MaterialIcons-Regular.woff) format('woff'), url(../app/assets/fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

.withLicenseSimulator {
    background-color: #4487D9 !important;
    color: white !important;
    border: solid;
    border-width: thin;
    border-color: white;
    padding-top: 6px !important;
    font-size: 35px !important;
}

.withoutLicenseSimulator {
    background-color: #daddda !important;
    color: #6f6e6e !important;
    border: solid;
    border-color: white;
    border-width: thin;
    padding-top: 6px !important;
    font-size: 35px !important;
}


#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    #wrapper.toggled {
        padding-left: 229px;
    }

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 239px;
    width: 0;
    height: 100%;
    margin-left: -239px;
    overflow-y: auto;
    background: #3F51B5;
    color: white;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 239px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -229px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 239px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sidebar-nav li {
        text-indent: 20px;
        line-height: 40px;
    }

        .sidebar-nav li a {
            display: block;
            text-decoration: none;
            color: white;
        }

            .sidebar-nav li a:hover {
                text-decoration: none;
                color: #fff;
                background: rgba(255,255,255,0.2);
            }

            .sidebar-nav li a:active,
            .sidebar-nav li a:focus {
                text-decoration: none;
            }

    .sidebar-nav > .sidebar-brand {
        height: 65px;
        font-size: 18px;
        line-height: 60px;
    }

        .sidebar-nav > .sidebar-brand a {
            color: white;
        }

            .sidebar-nav > .sidebar-brand a:hover {
                color: #fff;
                background: none;
            }

@media(min-width:768px) {
    #wrapper {
        padding-left: 239px;
    }

        #wrapper.toggled {
            padding-left: 0;
        }

    #sidebar-wrapper {
        width: 239px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/*.defaultBackground {
    background: url(../app/assets/img/defaultBackground.gif) no-repeat center center fixed;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

@media(max-width:450px) {
    .defaultBackground {
        background: url(../app/assets/img/defaultBackground.gif) no-repeat center center fixed;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: 90%;
    }
}*/
.defaultBackground {
    background: url(../app/assets/img/logoOlgaNGvectorDosMin.svg) no-repeat center center fixed;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 40%;
}

@media(max-width:450px) {
    .defaultBackground {
        background: url(../app/assets/img/logoOlgaNGvectorDosMin.svg) no-repeat center center fixed;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: 90%;
    }
}

@media(min-width:2000px) {
    .defaultBackground {
        background: url(../app/assets/img/logoOlgaNGvectorDosMin.svg) no-repeat center center fixed;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: 20%;
    }
}

.loginBackground {
    background: url(../app/assets/img/backgroundLoginUser.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.dashBackground {
    background: url(../app/assets/img/backgroundUser.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.afterLogin {
    font-size: 30px !important;
    margin-top: -30px !important;
    margin-left: 45px !important;
}

.arrow-toggle.collapsed .fa-chevron-down {
    display: none;
}

.arrow-toggle .fa-chevron-down {
    display: inline-block;
}

.arrow-toggle.collapsed .fa-chevron-up {
    display: inline-block;
}

.arrow-toggle .fa-chevron-up {
    display: none;
}

.elementData {
    font-size: 16px;
    line-height: 1.42857143;
    color: #000000;
}

.loginSuccessfulStyleLogo {
}

.nonEditCursor {
    cursor: default !important;
}

.isFavorite {
    color: white !important;
    background: #eaa122 !important;
}

.noFavorite {
    color: grey !important;
    background: white !important;
}

.environmentBlockIcon {
    font-size: 71px !important;
    color: #FF6600 !important;
}

.projectSimBlockIcon {
    font-size: 35px !important;
}

.projectPropertiesBlockIcon {
    font-size: 35px !important;
}

.simulatorBlockIcon {
    font-size: 45px !important;
}

.frame-square {
    background: #fff;
    border: 2px solid #000;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    width: 316px;
    height: 187px;
    margin-right: .5em;
    margin-bottom: .3em;
}

.crop {
    height: 100%;
    overflow: hidden;
    position: relative;
    img;

{
    display: block;
    min-width: 100%;
    min-height: 100%;
    margin: auto;
    position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
}

}

.retina .crop img {
    transform: scale(.5, .5);
}

@media(max-width:767px) {
    .imgCrop {
        width: 100% !important;
        margin: auto;
    }
}

@media(min-width:767px) {
    .imgCrop {
        max-height: 183px !important;
        margin: auto;
    }
}

.mapActions {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

.activeBtTypeSubstation {
    background-color: #2e669d !important;
    color: white !important;
}

.activeMapAction {
    -webkit-box-shadow: 0px 0px 0px 4px #000000 !important;
    -moz-box-shadow: 0px 0px 0px 4px #000000 !important;
    box-shadow: 0px 0px 0px 4px #000000 !important;
    color: white !important;
}

@media(max-width:767px) {
    .modal90 {
    }
}

@media(min-width:767px) {
    .modal90 {
        width: 90% !important;
    }
}

@media(max-width:767px) {
    .modal100 {
    }
}

@media(min-width:767px) {
    .modal100 {
        width: 90% !important;
    }
}

.slopesActive {
    background-color: #FF6600 !important;
    color: white !important;
}

.curvesActive {
    background-color: #2e669d !important;
    color: white !important;
}

.maxTractionForceActive {
    background-color: #2e669d !important;
    color: white !important;
}

.speedLimitsActive {
    background-color: #ae0a0a !important;
    color: white !important;
}

.maxElectricalBrakeForceActive {
    background-color: #ae0a0a !important;
    ;
    color: white !important;
}


.tunnelsActive {
    background-color: #5c9326 !important;
    color: white !important;
}

.blockTableGraph {
    margin-top: 4px !important;
    /*height: calc(100vh - 160px)!important;**/
}

.graphContainer {
    background-color: white !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    padding-right: 21px !important;
    padding-left: 4px !important;
}

.graphContainerSectionLineDetails {
    height: calc(100vh - 410px) !important;
}

.graphStyle {
    margin-top: 5px !important;
}

.headingCommonProperties {
    background-color: #1D485E !important;
    color: white !important;
    font-size: 16px !important;
    font-weight: 400;
}

.headingCommonConfig {
    margin-top: -5px !important;
    font-size: 31px !important;
    margin-right: -8px !important;
}

.headingCommonWarning {
    color: orange;
    margin-right: 5px !important;
    font-size: 22px !important;
    margin-top: -1px !important;
    margin-left: -16px !important;
}

.headingCommonOk {
    color: rgb(7, 193, 50);
    margin-right: 5px !important;
    font-size: 22px !important;
    margin-top: -1px !important;
    margin-left: -16px !important;
}

.customBtList a {
    cursor: pointer;
}

.customBtDiv :hover {
    cursor: pointer;
}

.rectPanel {
    border-radius: 0 !important;
}

.expandCollapsePanels {
    padding-right: 10px !important;
    font-size: 30px !important;
    cursor: pointer;
}

@media(max-width:990px) {
    .resetSizeInfrastructure {
        padding-left: 0px !important;
    }

    .topBlockProject {
        padding-top: 22px !important;
    }

    .maindashContentGenericTop {
        margin-top: 0px;
        padding-top: 6px;
    }

    .maindashContentProjectTop {
        margin-top: 0px;
        padding-top: 13px;
        padding-right: 0;
        margin-right: -9px;
    }
}

@media(min-width:990px) {
    .resetSizeInfrastructure {
        padding-left: 15px !important;
    }

    .topBlockProject {
    }

    .maindashContentGenericTop {
        margin-top: -15px;
    }

    .maindashContentProjectTop {
        margin-top: 15px;
        padding-right: 0;
    }
}

.tSectionsSep {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.customModalFooter {
    padding-top: 5px !important;
    padding-right: 15px !important;
    padding-left: 10px !important;
    padding-bottom: 2px !important;
}

.deleteHover:hover a {
    color: #d9534f !important;
}

.cloneHover:hover a {
    color: #f0ad4e !important;
}

.openHover:hover a {
    color: #0d9f2f !important;
}

.editHover:hover a {
    color: #5bc0de !important;
}

.btn-defaultReport {
    background-color: grey;
    color: white;
}

    .btn-defaultReport:hover {
        background-color: grey;
        color: white;
    }

@media(max-width:990px) {
    .scenarioStyle {
        padding-left: 0 !important;
        margin-top: 10px !important;
        padding: 0;
    }

    .scenarioDecoIzq {
    }

    .scenarioDecoDcha {
        visibility: hidden;
    }
}

@media(min-width:990px) {
    .scenarioStyle {
        padding-left: 10px !important;
        margin-top: 10px !important;
        padding-right: 4px !important;
    }

    .scenarioDecoIzq {
        visibility: hidden;
    }

    .scenarioDecoDcha {
    }
}

.togglebuttonScheduleType label input[type=checkbox]:checked + .toggle {
    background-color: #c8c8c8 !important;
}

    .togglebuttonScheduleType label input[type=checkbox]:checked + .toggle:after {
        background-color: white !important;
    }

@media(max-width:990px) {
    .typeOperationSC {
        visibility: hidden;
    }
}

@media(min-width:990px) {
    .typeOperationSC {
        padding-left: 10px !important;
        margin-top: 10px !important;
        padding-right: 4px !important;
    }
}

.progress-indicator > li .bubbleLast:after, .progress-indicator > li .bubbleLast:before {
    height: 0px !important;
}

.progress-indicator > li .bubbleMain {
    border-radius: 0px !important;
    width: auto !important;
    background-color: #ececec !important;
}

    .progress-indicator > li .bubbleMain:after, .progress-indicator > li .bubbleMain:before {
        background-color: #ececec !important;
    }

.customBubble {
    border-radius: 0px !important;
    background-color: #ececec !important;
}

.customBubbleC2 {
    border-radius: 0px !important;
    background-color: #ececec !important;
}

.progress-indicator > li .customBubbleC2 {
    background-color: #ececec !important;
}

.progress-indicator > li .customBubble {
    background-color: #ececec !important;
}

    .progress-indicator > li .customBubble:after, .progress-indicator > li .customBubble:before {
        background-color: #ececec !important;
        height: 0px !important;
    }

.progress-indicator > li .customBubbleC2:after, .progress-indicator > li .customBubbleC2:before {
    color: #ececec !important;
    background-color: #ececec !important;
}

.customBubbleText1 {
    margin-top: -30px !important;
    margin-bottom: 10px !important;
    margin-left: 17px !important;
    color: #4d4c4c !important;
    font-weight: bold;
    font-size: 100% !important;
}

.customBubbleText2 {
    margin-top: -23px !important;
    margin-bottom: 10px !important;
    margin-left: 21px !important;
    color: #6b6b6b !important;
    font-weight: bold !important;
}

.customBubbleText3 {
    margin-top: -23px !important;
    margin-bottom: 10px !important;
    margin-left: 21px !important;
    color: #6b6b6b !important;
    font-weight: bold !important;
}

.progress-indicator.stacked > li .bubbleMain:after, .progress-indicator.stacked > li .bubbleMain:before {
    left: 50%;
    margin-left: -2.5px;
    width: 5px;
    height: 100%;
}

.bubbleMain {
    height: 30px !important;
}

.bubbleTopology {
    border-radius: 0 !important;
    width: 100% !important;
}

.progress-indicator > li .bubbleTopology:after, .progress-indicator > li .bubbleTopology:before {
    height: 0 !important;
}

.bubbleTopologyText {
    margin-top: -26px !important;
    color: white;
    font-weight: bold;
}

.checkTopology {
    padding-right: 3px !important;
}

.progress-indicatorTopology {
    font-size: 95% !important;
}

.progress-indicator > li .bubbleMiddleStagesNoStopStart:after {
    left: 0;
}

.progress-indicator > li .bubbleMiddleStagesNoStopStart:before {
    display: block;
    position: absolute;
    top: 9px;
    width: 100%;
    height: 3px;
    content: '';
    background-color: #bbb;
}

.progress-indicator > li .bubbleMiddleStagesNoStopEnd:before {
    right: 0;
}

.progress-indicator > li .bubbleMiddleStagesNoStopEnd:after {
    display: block;
    position: absolute;
    top: 9px;
    width: 100%;
    height: 3px;
    content: '';
    background-color: #bbb;
}

.progress-indicator > li .bubbleFirstStages:after {
    left: 0;
}

.progress-indicator > li .bubbleFirstStages:before {
    display: block;
    position: absolute;
    top: 9px;
    width: 100%;
    height: 3px;
    content: '';
    background-color: #bbb;
}

.active_stageBubble {
    background-color: #336699 !important;
}

.active_stageDecorationLv1 {
    margin-left: 50%;
    position: absolute;
    display: block;
}

.active_stageDecorationLv2 {
    margin-top: 8px;
    background-color: #336699 !important;
    margin-left: -9px !important;
    width: 19px;
    content: '';
    height: 4px;
}

.inactive_stageBubble {
    background-color: #bbb !important;
}

.inactive_stageDecorationLv1 {
    margin-left: 50%;
    position: absolute;
    display: block;
}

.inactive_stageDecorationLv2 {
    margin-top: 8px;
    background-color: #bbb;
    margin-left: -9px !important;
    width: 19px;
    content: '';
    height: 4px;
}

.start_stageFirstStopFirstElement {
    margin-right: 50%;
    display: block;
    position: absolute;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: rgba(255,255,255,0.2);
}

.active_stageFirstStopFirstElement {
    display: block;
    position: absolute;
    margin-left: 50%;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: #336699;
}

.active_stageEndStopLastElement {
    margin-right: 50%;
    display: block;
    position: absolute;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: #336699 !important;
}

.end_stageEndStopLastElement {
    display: block;
    position: absolute;
    margin-left: 50%;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: white;
}

.inactive_stageFirstStop {
    margin-right: 50%;
    display: block;
    position: absolute;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: #bbb;
}

.active_stageFirstStop {
    display: block;
    position: absolute;
    margin-left: 50%;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: #336699;
}

.active_stageMiddleStop {
    margin-right: 50%;
    display: block;
    position: absolute;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: #336699;
}

.activeR_stageMiddleStop {
    display: block;
    position: absolute;
    margin-left: 50%;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: #336699;
}

.active_stageEndStop {
    margin-right: 50%;
    display: block;
    position: absolute;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: #336699;
}

.inactive_stageEndStop {
    display: block;
    position: absolute;
    margin-left: 50%;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: #bbb;
}


.start_stageNoStopFirstElement {
    margin-right: 50%;
    display: block;
    position: absolute;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: rgba(255,255,255,0.2);
}

.inactive_stageNoStopFirstElement {
    display: block;
    position: absolute;
    margin-left: 50%;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: #bbb;
}


.inactive_stageNoStopLastElement {
    margin-right: 50%;
    display: block;
    position: absolute;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: #bbb;
}

.end_stageNoStopLastElement {
    display: block;
    position: absolute;
    margin-left: 50%;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: white;
}

.inactive_stageNoStopMiddle {
    margin-right: 50%;
    display: block;
    position: absolute;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: #bbb;
}

.inactiveR_stageNoStopMiddle {
    display: block;
    position: absolute;
    margin-left: 50%;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: #bbb;
}

.progress-indicator > li .bubbleReset:after, .progress-indicator > li .bubbleReset:before {
    display: block;
    position: absolute;
    top: 9px;
    height: 0px !important;
    height: 0px;
    content: '';
    background-color: #bbb;
}

.fake-table-row {
    display: table;
}

    .fake-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }

.arrowSections {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    margin-left: -16px !important;
    font-size: 40px !important;
    position: absolute;
    margin-top: -10px !important;
    color: #059b98;
}

.arrowSectionsEnd {
    background: #059b98;
    height: 100%;
    width: 6px !important;
    position: absolute;
    left: 35px;
    top: 0;
    margin-left: -20px !important;
    margin-top: 10px !important;
    background: rgb(2,132,130); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(2,132,130,1) 0%, rgba(28,22,15,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(2,132,130,1) 0%,rgba(28,22,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(2,132,130,1) 0%,rgba(28,22,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#059b98', endColorstr='#1c160f',GradientType=0 ); /* IE6-9 */
}

.subSectionsDecoration1 {
    width: 20px !important;
    color: white;
    margin-top: -50px !important;
}

.subSectionsDecoration1Element {
    margin-top: -12px !important;
    font-size: 50px !important;
    margin-left: -15px !important;
    color: #666666;
}

.subSectionsDecoration2 {
    width: 20px !important;
    color: white;
    margin-top: -44px !important;
    margin-left: 180px !important;
    margin-right: -6px !important;
}

.subSectionsDecoration2Element {
    margin-top: -12px !important;
    font-size: 50px !important;
    margin-right: -20px !important;
    color: #666666;
}

.selectionTableServicesSubsectionsStyle {
    width: 290px !important;
    position: relative;
    overflow: hidden;
    transform: translateZ(0px);
    margin-bottom: -300px !important;
    padding-top: 11px !important;
    padding-left: 15px !important;
    position: relative;
    z-index: 9999;
    margin-right: -290px !important;
}

.gm-style-iw + div {
    display: none;
}

.gm-style-iw {
    margin-right: -5px !important;
    overflow: hidden !important;
    width: 150px;
}


@media (min-width:500px) {
    .hiddeOnXs {
    }
}

@media (max-width:499px) {
    .hiddeOnXs {
        display: none;
    }

    .container-recentActivity {
        margin-left: -5px;
        margin-right: 5px;
    }
}

@media ( min-width:499px) {


    .container-recentActivity {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media (min-width:990px) {
    .decorationTriangleTop {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 40px 0 0 40px !important;
        border-color: transparent transparent transparent #ffffff;
    }
}

@media (max-width:990px) {
    .decorationTriangleTop {
        width: 0;
        height: 0;
        border-style: solid;
        margin-left: -1px;
        border-width: 26px 0 0 26px !important;
        border-color: transparent transparent transparent #ffffff;
    }
}

.graphReportContainer {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #eeeeee;
}

.graphReportContainerTitle {
    border-radius: 0 !important;
    font-weight: 500;
    background-color: white !important;
}

.annotationGraphCopyright {
    margin-top: 60px !important;
}

.btn-fab-min {
    border-radius: 50%;
    font-size: 24px;
    height: 36px !important;
    margin: auto;
    min-width: 36px !important;
    width: 36px !important;
    padding: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    position: relative;
    line-height: normal;
}

.downArrowTrafficNavigation {
    -ms-transform: rotate(90deg) !important; /* IE 9 */
    -webkit-transform: rotate(90deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(90deg) !important;
    margin-left: -12px !important;
    margin-top: -12px !important;
}

.upArrowTrafficNavigation {
    -ms-transform: rotate(270deg) !important; /* IE 9 */
    -webkit-transform: rotate(270deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(270deg) !important;
    margin-left: -12px !important;
    margin-top: -13px !important;
}

.leftArrowTrafficNavigation {
    -ms-transform: rotate(180deg) !important; /* IE 9 */
    -webkit-transform: rotate(180deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(180deg) !important;
    margin-left: -12px !important;
    margin-top: -13px !important;
}

.style-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.style-scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.style-scrollbar::-webkit-scrollbar-thumb {
    background-color: #3f51b5;
}

.progress-indicator > li .bubbleMainNoShadow:after, .progress-indicator > li .bubbleMainNoShadow:before {
    height: 20px !important;
}


/* TEST*/
td, th {
    vertical-align: middle !important;
}

body[data-browsertype="desktop"] .left {
    float: left;
    height: calc(100vh - 60px) !important;
    min-height: 603px !important;
    display: inline-block;
    white-space: nowrap;
    width: 50px;
    transition: width 1s;
}

body[data-browsertype="desktop"] .right {
    float: left;
    height: calc(100vh - 160px) !important;
    min-height: 554px !important;
    width: calc(100% - 50px) !important;
    transition: width 1s;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px;
}

body[data-browsertype="mobile"] .left {
    float: left;
    height: 100px;
    min-height: 100px;
    display: inline-block;
    white-space: nowrap;
    width: 50px;
    transition: width 1s;
}

body[data-browsertype="mobile"] .right {
    float: left;
    height: 100px;
    min-height: 100px;
    width: calc(100% - 50px) !important;
    transition: width 1s;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px;
}


/*.left {
}*/

/*.right {
    width: calc(100% - 50px) !important;
    transition: width 1s;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px;
    height: calc(100vh - 160px) !important;
    min-height: 554px !important;
}*/

.no-touchevents .left:hover {
    width: 250px;
}

    .no-touchevents .left:hover + .right {
        width: calc(100% - 250px) !important;
    }

.no-touchevents .headerAssistant:hover ~ .right {
    width: calc(100% - 250px) !important;
}

.no-touchevents .item:hover {
    background-color: #ccc;
}

.touchevents .item:hover {
    background-color: #ccc;
}

.left .glyphicon {
    margin: 15px;
    width: 20px;
    color: #fff;
}

.right .glyphicon {
    color: #a9a9a9;
}

span.glyphicon.glyphicon-refresh {
    font-size: 17px;
    vertical-align: middle !important;
}

.item {
    height: 50px;
    overflow: hidden;
    color: #fff;
}

.title {
    background-color: #eee;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px;
    box-sizing: border-box;
}

.search:hover {
    border-color: #4aa9fb;
    border-width: 1px;
}

.search {
    padding: 3px 8px 3px !important;
}

input[type=search] {
    padding: 10px 0px 10px;
    border: 0px solid #fff;
    background: #eee;
    -webkit-appearance: none;
    width: 90%;
    float: none;
}

    input[type=search]:focus {
        outline: none;
    }

.type {
    height: 47px;
    ;
}

.date {
    background-color: #f7f7f7;
}

.docdate {
    vertical-align: bottom !important;
}

.distr {
    margin: 0 0 5px;
    font-size: 12px;
}

.ndoc {
    margin: 0 0 5px;
}

.storage {
    margin: 0;
    color: #aaa !important;
    font-size: 12px;
}


.shrink {
    visibility: hidden;
}

nav.navbar.shrink {
    min-height: 35px;
}

nav.shrink a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 15px;
}

nav.shrink .navbar-brand {
    font-size: 5px !important;
}

nav.shrink .navbar-toggle {
    padding: 4px 5px;
    margin: 8px 15px 8px 0;
}

/*** TIMELINE TEST ***/

/**Internal project timeline START*/


/***** FIX TUTORIAL*/
.page-header h1 {
    font-size: 3.26em;
    text-align: center;
    color: #efefef;
    text-shadow: 1px 1px 0 #000;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
    margin-top: 10px;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eee;
        left: 50%;
        margin-left: -1.5px;
    }

.tldate {
    display: block;
    width: 200px;
    background: #d9dfdf;
    border: 3px solid #d9dfdf;
    color: #666666;
    margin: 0 auto;
    padding: 3px 0;
    font-weight: bold;
    text-align: center;
    font-size: large;
}

.timeline li, .timeline div li {
    margin-bottom: 25px;
    position: relative;
}

    .timeline li:before, .timeline li:after, timeline div li:before, .timeline div li:after {
        content: " ";
        display: table;
    }

    .timeline li:after, .timeline div li:after {
        clear: both;
    }

    .timeline li:before, .timeline li:after, .timeline div li:before, .timeline div li:after {
        content: " ";
        display: table;
    }

    .timeline li .timeline-panel, .timeline div li .timeline-panel {
        width: 46%;
        float: left;
        background: #fff;
        border: 1px solid #d4d4d4;
        padding: 5px;
        position: relative;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    }

        .timeline li .timeline-panel:before, .timeline div li .timeline-panel:before {
            position: absolute;
            top: 26px;
            right: -15px;
            display: inline-block;
            border-top: 15px solid transparent;
            border-left: 15px solid #ccc;
            border-right: 0 solid #ccc;
            border-bottom: 15px solid transparent;
            content: " ";
        }

        .timeline li .timeline-panel:after, .timeline div li .timeline-panel:after {
            position: absolute;
            top: 27px;
            right: -14px;
            display: inline-block;
            border-top: 14px solid transparent;
            border-left: 14px solid #fff;
            border-right: 0 solid #fff;
            border-bottom: 14px solid transparent;
            content: " ";
        }

        .timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after, .timeline div li .timeline-panel.noarrow:before, .timeline div li .timeline-panel.noarrow:after {
            top: 0;
            right: 0;
            display: none;
            border: 0;
        }

    .timeline li.timeline-inverted .timeline-panel, .timeline div li.timeline-inverted .timeline-panel {
        float: right;
    }

        .timeline li.timeline-inverted .timeline-panel:before, .timeline div li.timeline-inverted .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        .timeline li.timeline-inverted .timeline-panel:after, .timeline div li.timeline-inverted .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }

    .timeline li .tl-circ, .timeline div li .tl-circ {
        position: absolute;
        top: 23px;
        left: 50%;
        text-align: center;
        color: #fff;
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin-left: -18px;
        border: 3px solid #f7f7f7;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        z-index: 99999;
    }

.tl-heading h4 {
    margin: 0;
    color: #ffffff;
    padding-left: 5px;
    font-weight: 400;
}

.tl-body p, .tl-body ul {
    margin-bottom: 0;
}

.tl-body > p + p {
    margin-top: 5px;
}


@media (max-width: 991px) {
    .timeline li .timeline-panel, .timeline div li .timeline-panel {
        width: 44%;
    }
}

@media (max-width: 700px) {
    .page-header h1 {
        font-size: 1.8em;
    }

    ul.timeline:before {
        left: 40px;
    }

    .tldate {
        width: 140px;
    }

    ul.timeline li .timeline-panel, ul.timeline div li .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline li .tl-circ, ul.timeline div li .tl-circ {
        top: 22px;
        left: 22px;
        margin-left: 0;
    }

    ul.timeline > li > .tldate, ul.timeline > div > li > .tldate {
        margin: 0;
    }

    ul.timeline > li > .timeline-panel, ul.timeline > div > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before, ul.timeline > div > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after, ul.timeline > div > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

.timeLineBoxParent {
    display: flex;
}

.timeLineBoxNarrow {
    width: 157px;
}

.timeLineBoxNarrowWide {
    flex: 1;
    margin-right: -1px;
}

.timeline-inverted .timeLineBoxNarrowLeft {
    width: 0px;
    display: none;
}

.timeline-noinverted .timeLineBoxNarrow {
    width: 0px;
    display: none;
}

@media (max-width: 1100px) {

    .timeLineBoxNarrowLeft {
        width: 0px;
        display: none;
    }

    .timeLineBoxNarrow {
        width: 0px;
        display: none;
    }

    .adjustColaboratorInfo {
        margin-top: -7px;
    }
}

@media (min-width: 700px) {

    .adjustTimelineWideExtra {
        margin-top: -70px;
    }

    .firstTimelineElement {
        margin-top: 0px !important;
    }
}

/ /****** FIX TUTORIAL END*/
.page-headerProjectTimeline h1 {
    font-size: 3.26em;
    text-align: center;
    color: #efefef;
    text-shadow: 1px 1px 0 #000;
}

.projectTimeLine {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
    margin-top: 10px;
}

    .projectTimeLine:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eee;
        left: 50%;
        margin-left: -1.5px;
    }

.tldateProjectTimeLine {
    display: block;
    width: 140px;
    background: #d9dfdf;
    border: 3px solid #d9dfdf;
    color: #666666;
    margin: 0 auto;
    padding: 3px 0;
    font-weight: bold;
    text-align: center;
    font-size: large;
}

.projectTimeLine li {
    /*margin-bottom: 15px;*/
    margin-bottom: 25px;
    position: relative;
}

    .projectTimeLine li:before, .projectTimeLine li:after {
        content: " ";
        display: table;
    }

    .projectTimeLine li:after {
        clear: both;
    }

    .projectTimeLine li:before, .projectTimeLine li:after {
        content: " ";
        display: table;
    }

    .projectTimeLine li .projectTimeLine-panel {
        width: 46%;
        float: left;
        background: #fff;
        border: 1px solid #d4d4d4;
        padding: 5px;
        position: relative;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    }

        .projectTimeLine li .projectTimeLine-panel:before {
            position: absolute;
            /*top: 26px;*/
            top: 16px;
            right: -15px;
            display: inline-block;
            border-top: 15px solid transparent;
            border-left: 15px solid #ccc;
            border-right: 0 solid #ccc;
            border-bottom: 15px solid transparent;
            content: " ";
        }

        .projectTimeLine li .projectTimeLine-panel:after {
            position: absolute;
            /*top: 27px;*/
            top: 17px;
            right: -14px;
            display: inline-block;
            border-top: 14px solid transparent;
            border-left: 14px solid #fff;
            border-right: 0 solid #fff;
            border-bottom: 14px solid transparent;
            content: " ";
        }

        .projectTimeLine li .projectTimeLine-panel.noarrow:before, .projectTimeLine li .projectTimeLine-panel.noarrow:after {
            top: 0;
            right: 0;
            display: none;
            border: 0;
        }

    .projectTimeLine li.projectTimeLine-inverted .projectTimeLine-panel {
        float: right;
    }

        .projectTimeLine li.projectTimeLine-inverted .projectTimeLine-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        .projectTimeLine li.projectTimeLine-inverted .projectTimeLine-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }

    .projectTimeLine li .tl-circ {
        position: absolute;
        top: 16px !important;
        left: 50%;
        text-align: center;
        color: white;
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin-left: -16px;
        border: 3px solid #f7f7f7;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        z-index: 998;
    }

.tl-headingProjectTimeline h4 {
    margin: 0;
    color: #ffffff;
    padding-left: 5px;
    font-weight: 400;
}

.tl-bodyProjectTimeline p, .tl-bodyProjectTimeline ul {
    margin-bottom: 0;
}

.tl-bodyProjectTimeline > p + p {
    margin-top: 5px;
}

@media (max-width: 991px) {
    .projectTimeLine li .projectTimeLine-panel {
        width: 44%;
    }
}

/**Adaptacion*/
ul.projectTimeLine:before {
    left: 40px;
}

ul.projectTimeLine li .projectTimeLine-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
}

ul.projectTimeLine li .tl-circ {
    top: 22px;
    left: 22px;
    margin-left: 0;
}

ul.projectTimeLine > li > .tldate {
    margin: 0;
}

ul.projectTimeLine > li > .projectTimeLine-panel {
    float: right;
}

    ul.projectTimeLine > li > .projectTimeLine-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    ul.projectTimeLine > li > .projectTimeLine-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
/**Adaptación*/

.projectTimeLineBoxParent {
    display: flex;
}

.projectTimeLineBoxNarrow {
    width: 157px;
}

.projectTimeLineBoxNarrowWide {
    flex: 1;
    margin-right: -1px;
}

.projectTimeLine-inverted .projectTimeLineBoxNarrowLeft {
    width: 0px;
    display: none;
}

.projectTimeLine-noinverted .projectTimeLineBoxNarrow {
    width: 0px;
    display: none;
}

@media (max-width: 1100px) {

    .projectTimeLineBoxNarrowLeft {
        width: 0px;
        display: none;
    }

    .projectTimeLineBoxNarrow {
        width: 0px;
        display: none;
    }

    .adjustColaboratorInfo {
        margin-top: -7px;
    }
}

@media (min-width: 700px) {

    .adjustprojectTimeLineWideExtra {
        margin-top: -70px;
    }

    .firstprojectTimeLineElement {
        margin-top: 0px !important;
    }
}

@media (min-width: 600px) {

    .hiddenXScustom {
        display: block !important;
    }
}

@media (max-width: 600px) {

    .hiddenXScustom {
        display: none !important;
    }
}

/**Internal project timeline END*/

.enfcaProjectTimeLineColorMain {
    background-color: #059b98;
}

.enfcaNewProjectTimeLineIcon {
    background: #35c44e !important;
    border-color: #35c44e !important;
    cursor: pointer;
}

.enfcaNewProjectTimeLineBody {
    background: white;
}

.enfcaEditProjectTimeLineIcon {
    background: orange !important;
    border-color: orange !important;
    cursor: pointer;
}

.enfcaEditProjectTimeLineBody {
    background: white;
}

.enfcaDeleteProjectTimeLineIcon {
    background: #eb3a21 !important;
    border-color: #eb3a21 !important;
    cursor: pointer;
}

.enfcaDeleteProjectTimeLineBody {
    background: white;
}

.enfcaEditTopologyProjectTimeLineIcon {
    background: orange !important;
    border-color: orange !important;
    cursor: pointer;
}

.enfcaEditTopologyProjectTimeLineBody {
    background: white;
}
/**GENERIC TIMELINE STYLES START*/
.editCircleContainerTimeLineIcon {
    background: orange !important;
    border-color: orange !important;
    cursor: default;
}

.newCircleContainerTimeLineIcon {
    background: #35c44e !important;
    border-color: #35c44e !important;
    cursor: default;
}

.deleteCircleContainerTimeLineIcon {
    background: #eb3a21 !important;
    border-color: #eb3a21 !important;
    cursor: default;
}


/**GENERIC TIMELINE STYLES END*/
.enfcaEditInfrastructureProjectTimeLineIcon {
    background: orange !important;
    border-color: orange !important;
    cursor: pointer;
}

.genericEditIcon {
    background: orange !important;
    border-color: orange !important;
    cursor: pointer;
}

.enfcaEditInfrastructureProjectTimeLineBody {
    background: white;
}

.enfcaEditLibTrainsProjectTimeLineIcon {
    background: orange !important;
    border-color: orange !important;
    cursor: pointer;
}

.enfcaEditLibTrainsProjectTimeLineBody {
    background: white;
}

.genericNewIcon {
    background: #35c44e !important;
    border-color: #35c44e !important;
    cursor: pointer;
}

.enfcaSTCAnewStudyTimeLineIcon {
    background: #35c44e !important;
    border-color: #35c44e !important;
    cursor: pointer;
}

.enfcaNewProjectTimeLineBodyTop {
    background: white;
}

.enfcaSTCAnewStudyTimeLineBody {
    background: white;
}

.enfcaSTCAeditStudyTimeLineIcon {
    background: orange !important;
    border-color: orange !important;
    cursor: pointer;
}

.enfcaEditProjectTimeLineBodyTop {
    background: white;
}

.enfcaSTCAeditStudyTimeLineBody {
    background: white;
}

.enfcaDeleteProjectTimeLineBodyTop {
    background: white;
}

.genericDeleteIcon {
    background: #eb3a21 !important;
    border-color: #eb3a21 !important;
    cursor: pointer;
}

.enfcaSTCAdeleteStudyTimeLineIcon {
    background: #eb3a21 !important;
    border-color: #eb3a21 !important;
    cursor: pointer;
}

.enfcaSTCAdeleteStudyTimeLineBody {
    background: white;
}

.enfcaSECAnewStudyTimeLineIcon {
    background: #35c44e !important;
    border-color: #35c44e !important;
    cursor: pointer;
}

.enfcaSECAnewStudyTimeLineBody {
    background: white;
}

.enfcaSECAnewStudyTimeLineBodyTop {
    background: white;
}


.enfcaSECAeditStudyTimeLineIcon {
    background: orange !important;
    border-color: orange !important;
    cursor: pointer;
}

.enfcaSECAEditProjectTimeLineBodyTop {
    background: white;
}

.enfcaSECAeditStudyTimeLineBody {
    background: white;
}

.enfcaSECADeleteProjectTimeLineBodyTop {
    background: white;
}

.enfcaSECAdeleteStudyTimeLineIcon {
    background: #eb3a21 !important;
    border-color: #eb3a21 !important;
    cursor: pointer;
}

.enfcaSECAdeleteStudyTimeLineBody {
    background: white;
}

.layerActivityAction {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: -106px;
    cursor: pointer;
    z-index: 9999;
}

.layerActivityProjectAction {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: -55px;
    margin-left: -5px;
    cursor: pointer;
    z-index: 9999;
}

.truncate-ellipsis {
    display: table;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

    .truncate-ellipsis > * {
        display: table-cell;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/* Start Navigation 3.0*/
.activeNavigationElement {
    background-color: rgba(255, 255, 255, 0.1);
}

body[data-browsertype="desktop"] .mapNavigationWizard {
    height: calc(100vh - 153px) !important;
    min-height: 510px !important;
    position: relative;
    overflow: hidden;
    transform: translateZ(0px);
    background-color: rgb(229, 227, 223);
}

body[data-browsertype="mobile"] .mapNavigationWizard {
    height: 100px;
    min-height: 100px;
    position: relative;
    overflow: hidden;
    transform: translateZ(0px);
    background-color: rgb(229, 227, 223);
}

.mapNavigationWizardExtraSpace {
    height: calc(100vh - 206px) !important;
    min-height: 510px !important;
    /*min-height: 300px !important;*/
    position: relative;
    overflow: hidden;
    transform: translateZ(0px);
    background-color: rgb(229, 227, 223);
}

body[data-browsertype="desktop"] .navigationWizardPanel {
    height: calc(100vh - 153px) !important;
    min-height: 510px !important;
    position: relative;
    overflow: hidden;
    transform: translateZ(0px);
    background-color: rgba(255, 255, 255, 0.8);
}

body[data-browsertype="mobile"] .navigationWizardPanel {
    height: 100px;
    min-height: 510px !important;
    position: relative;
    overflow: hidden;
    transform: translateZ(0px);
    background-color: rgba(255, 255, 255, 0.8);
}

.controlsGenericMapNavigationWizard {
    width: 90px !important;
    position: relative;
    overflow: hidden;
    transform: translateZ(0px);
    margin-bottom: -300px !important;
    padding-top: 11px !important;
    padding-left: 15px !important;
    position: relative;
    z-index: 9999;
}

.controlsGenericMapWidthNavigationWizard {
    position: relative;
    overflow: hidden;
    transform: translateZ(0px);
    margin-bottom: -80px !important;
    padding-left: 70px !important;
    padding-right: 70px !important;
    position: relative;
    z-index: 9999;
}

.controlsRightMapNavigationWizard {
    margin-left: -90px !important;
}

.controlsLeftMapNavigationWizard {
    margin-right: -90px !important;
}

.tooltipsGenericMapNavigationWizard {
    width: 226px !important;
    position: relative;
    overflow: hidden;
    transform: translateZ(0px);
    margin-bottom: -300px !important;
    padding-top: 11px !important;
    padding-left: 15px !important;
    position: relative;
    z-index: 9999;
}

.tooltipsRightMapNavigationWizard {
    margin-left: -226px !important;
}

.tooltipsGenericMapNavigationWizardExtra {
    width: 245px !important;
    position: relative;
    overflow: hidden;
    transform: translateZ(0px);
    margin-bottom: -300px !important;
    padding-top: 11px !important;
    padding-left: 15px !important;
    position: relative;
    z-index: 9999;
}

.tooltipsRightMapNavigationWizardExtra {
    margin-left: -245px !important;
}


.tooltipsLeftMapNavigationWizard {
    margin-right: -230px !important;
    padding-top: 20px !important;
    padding-left: 70px !important;
}

.TopologyEnvdefcaControls li {
    height: 40px !important;
    margin-top: -15px !important;
    cursor: pointer;
}

.simSECA_EnvdefcaProjectViewControls li {
    height: 40px !important;
    margin-top: -15px !important;
    cursor: pointer;
}

#sideSelectorStepGroupTopology_AT_ENVDEFCA div {
    cursor: pointer;
}

.helpTittleWizardNavigation {
    color: white;
    background-color: black;
    padding: 5px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.helpTittleWizardNavigationRow {
    background-color: #215887;
    color: white;
    margin: 0px !important;
}

#topSelectorStepGroupTopology_AT_ENVDEFCA li {
    cursor: pointer;
}

#sideSelectorStepGroupTopology_assistantServiceSimSTCAEnvdefcaProjectView div {
    cursor: pointer;
}

#topSelectorStepGroupTopology_assistantServiceSimSTCAEnvdefcaProjectView li {
    cursor: pointer;
}

#sideSelectorStepGroupTopology_assistantScheduleSimSTCAEnvdefcaProjectView div {
    cursor: pointer;
}

#topSelectorStepGroupTopology_assistantScheduleSimSTCAEnvdefcaProjectView li {
    cursor: pointer;
}

#topSelectorStepGroup_simSECA_EnvdefcaProjectView li {
    cursor: pointer;
}

#sideSelectorStepGroup_simSECA_EnvdefcaProjectView div {
    cursor: pointer;
}

@media(max-width:1199px) {
    #topSelectorStepGroupTopology_AT_ENVDEFCA li {
        margin-top: -10px !important;
    }

    #topSelectorStepGroupTopology_assistantServiceSimSTCAEnvdefcaProjectView li {
        margin-top: -10px !important;
    }

    #topSelectorStepGroupTopology_assistantScheduleSimSTCAEnvdefcaProjectView li {
        margin-top: -10px !important;
    }

    #topSelectorStepGroup_simSECA_EnvdefcaProjectView li {
        margin-top: -10px !important;
    }

    .navBarNavigationBrand a {
        margin-top: -10px !important;
    }

    .TopologyEnvdefcaStep_1_controls a, .TopologyEnvdefcaStep_2_controls a, .TopologyEnvdefcaStep_3_controls a {
        margin-top: 3px !important;
    }

    .AssistantServiceSimSTCAEnvdefcaProjectView_1_controls a, .AssistantServiceSimSTCAEnvdefcaProjectView_2_controls a {
        margin-top: 3px !important;
    }

    .AssistantScheduleSimSTCAEnvdefcaProjectView_1_controls a, .AssistantScheduleSimSTCAEnvdefcaProjectView_2_controls a, .AssistantScheduleSimSTCAEnvdefcaProjectView_2_controls a, .AssistantScheduleSimSTCAEnvdefcaProjectView_3_controls a {
        margin-top: 3px !important;
    }

    .simSECA_EnvdefcaProjectView_1_controls a, .simSECA_EnvdefcaProjectView_2_controls a, .simSECA_EnvdefcaProjectView_2_controls a, .simSECA_EnvdefcaProjectView_3_controls a {
        margin-top: 3px !important;
    }
}
/* End Navigation 3.0*/


/**START SECTIONS COLORS*/
.EnvdefcaProject_PanelStepMapBlock {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-right: -1px !important;
    margin-left: -1px !important;
}

.EnvdefcaProject_Properties_Color {
    background-color: #337ab7 !important;
}

.EnvdefcaProject_Properties_ColorIntense {
    background-color: #215078 !important;
}

.EnvdefcaProject_simSTCA_Color {
    background-color: #e1935b !important;
}

.EnvdefcaProject_simSTCA_ColorIntense {
    background-color: #8a4717 !important;
}

@media (max-width: 1089) {
    .EnvdefcaProject_simSTCA_ColorIntenseBorderPanel {
        border-style: solid;
        border-width: 2px;
        border-color: #8a4717 !important;
        box-shadow: none;
        border-radius: 0;
        margin: 0;
        margin-right: 0px;
    }
}

@media (min-width: 1090) {
    .EnvdefcaProject_simSTCA_ColorIntenseBorderPanel {
        border-style: solid;
        border-width: 2px;
        border-color: #8a4717 !important;
        box-shadow: none;
        border-radius: 0;
        margin: 0;
        margin-right: 2px;
    }
}


.EnvdefcaProject_simSECA_Color {
    background-color: #9b6d7d !important;
}

.EnvdefcaProject_simSECA_ColorIntense {
    background-color: #41222d !important;
}

.EnvdefcaProject_simSECA_ColorIntenseBorderPanel {
    border-style: solid;
    border-width: 2px;
    border-color: #41222d !important;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
}
/**END SECTIONS COLORS*/


/**START MAIN DASH 2*/

/*REV*/
.container-maindash-maindash {
    width: 800px;
    overflow: hidden;
    display: inline-block;
}




body[data-browsertype="desktop"] .container-maindash {
    margin-top: -20px !important;
}

@media ( max-width: 769px ) {
    body[data-browsertype="mobile"] .maindashUserViewContainer {
        margin-top: 0px !important;
    }

    body[data-browsertype="mobile"] .maindashProjectViewContainer {
        margin-top: 0px !important;
    }

    body[data-browsertype="mobile"] #mainBar {
        margin-bottom: 0px !important;
    }
}

@media ( min-width: 770px ) {
    body[data-browsertype="mobile"] .maindashUserViewContainer {
        margin-top: -20px !important;
    }

    body[data-browsertype="mobile"] .maindashProjectViewContainer {
        margin-top: 15px !important;
    }

    body[data-browsertype="mobile"][data-olgangpos="mainBoard"] #mainBar {
        margin-bottom: 20px !important;
    }

    body[data-browsertype="mobile"][data-olgangpos="envdefcaProjectView"] #mainBar {
        margin-bottom: 0px !important;
    }
}







/***** MULTIDEVICE START .side-bar-maindash*/
.side-bar-maindash {
    background: #336699;
    position: absolute;
    /*width: 200px;*/
    width: 171px;
    margin-left: -15px;
    color: #fff;
    transition: margin-left 0.5s;
}

.fakeBtFillEndefca {
    background-color: #336699;
    cursor: default;
    margin-left: 0px;
}


body[data-browsertype="desktop"] .fakeBtFillEndefca {
    height: 100vh;
}

body[data-browsertype="mobile"] .fakeBtFillEndefca {
    height: 100vh;
}

body[data-browsertype="desktop"] .contentBtFloatBottomMobileStyle {
    position: absolute;
    z-index: 9999;
    margin-top: calc(100vh - 114px);
}

body[data-browsertype="mobile"] .contentBtFloatBottomMobileStyle {
    position: absolute;
    z-index: 9999;
    margin-top: 0px;
}

.contentBtFloatBottomMobileStyle span {
    margin-left: 159px;
    background-color: #336699;
    z-index: 9999;
    font-size: 3rem;
    padding: 11px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomright: 12px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-right: 8px;
}

body[data-browsertype="desktop"] .contentBtFloatBottomMobileStyleProject {
    position: absolute;
    z-index: 9998;
    margin-top: calc(100vh - 114px);
}

body[data-browsertype="mobile"] .contentBtFloatBottomMobileStyleProject {
    position: absolute;
    z-index: 9998;
    margin-top: 0px;
}

.contentBtFloatBottomMobileStyleProject span {
    margin-left: 194px;
    background-color: #336699;
    z-index: 9998;
    font-size: 3rem;
    padding: 11px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomright: 12px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-right: 8px;
    width: 44px;
}

/**width <= 767*/
body[data-browsertype="desktop"][data-navhead="50"] .side-bar-maindash {
    height: calc(100vh - 50px);
}
/**width >= 768) &&  <= 1199*/
body[data-browsertype="desktop"][data-navhead="54"] .side-bar-maindash {
    height: calc(100vh - 54px);
}
/**width >= 1200*/
body[data-browsertype="desktop"][data-navhead="64"] .side-bar-maindash {
    height: calc(100vh - 64px);
}


/*** styleFixBoardContainerHeight/
/**width <= 767*/
body[data-browsertype="desktop"][data-navhead="50"] .styleFixBoardContainerHeight {
    height: calc(100vh - 130px);
}
/**width >= 768) &&  <= 1199*/
body[data-browsertype="desktop"][data-navhead="54"] .styleFixBoardContainerHeight {
    height: calc(100vh - 134px);
}
/**width >= 1200*/
body[data-browsertype="desktop"][data-navhead="64"] .styleFixBoardContainerHeight {
    height: calc(100vh - 148px);
}


body[data-browsertype="mobile"] .styleFixBoardContainerHeight {
    height: 20px; /**Default prevent value*/
}
/****/



body[data-browsertype="mobile"] .side-bar-maindash {
    height: 20px; /**Default prevent value*/
}

.side-bar-maindash ul {
    list-style: none;
    padding: 0px;
}

    .side-bar-maindash ul li {
        cursor: pointer;
    }

        .side-bar-maindash ul li.menu-head {
            font-family: 'Lato', sans-serif;
            padding: 20px;
        }


            .side-bar-maindash ul li.menu-head a {
                color: #fff;
                text-decoration: none;
                height: 50px;
            }


    .side-bar-maindash ul .menu-head a {
        color: #fff;
        text-decoration: none;
        height: 50px;
    }

    .side-bar-maindash ul .menu li a {
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
        display: inline-table;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .side-bar-maindash ul .menu li a:hover {
            border-left: 3px solid #ECECEA;
            padding-left: 17px;
        }

        .side-bar-maindash ul .menu li a.active {
            padding-left: 17px;
            background: #1b3a58;
            border-left: 3px solid #ECECEA;
        }

            .side-bar-maindash ul .menu li a.active:before {
                /*content: "";
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-top: 41px solid transparent;
                    border-bottom: 40px solid transparent;
                    border-left: 10px solid #1b3a58;
                    margin-top: -30px;
                    margin-left: 180px;*/
            }


.content {
    /*padding-left: 198px;*/
    padding-left: 164px;
    transition: padding-left 0.5s;
}

.wrapper.templateMainDashProject .side-bar-maindash {
    width: 201px;
    margin-left: -2px;
    background-color: transparent !important;
}

/**Toogle mobile start*/

.wrapper.active div#containerMainDash.swipeRightStyleBarMain div span.rightShow {
    display: none !important;
}

.wrapper.active div#containerMainDash.swipeRightStyleBarMain div span.leftShow {
    display: block !important;
}

.wrapper.active div#containerMainDashProject.swipeRightStyleBarMainProject div span.rightShow {
    display: none !important;
}

.wrapper.active div#containerMainDashProject.swipeRightStyleBarMainProject div span.leftShow {
    display: block !important;
}



.wrapper div#containerMainDash div span.rightShow {
    display: none;
}

.wrapper div#containerMainDash div span.leftShow {
    display: block;
}

.wrapper.active div#containerMainDash div span.rightShow {
    display: block;
}

.wrapper.active div#containerMainDash div span.leftShow {
    display: none;
}



.wrapper div#containerMainDashProject div span.rightShow {
    display: none;
}

.wrapper div#containerMainDashProject div span.leftShow {
    display: block;
}

.wrapper.active div#containerMainDashProject div span.rightShow {
    display: block;
}

.wrapper.active div#containerMainDashProject div span.leftShow {
    display: none;
}




/**Toogle mobile end*/

.wrapper.templateMainDashProject .content {
    padding-left: 185px;
}

.wrapper.templateMainDashProject.active .content {
    padding-left: 55px;
    margin-right: -20px;
}

.wrapper.templateMainDashProject.active .side-bar-maindash {
    margin-left: -130px;
}

.active > .side-bar-maindash {
    /*margin-left: -130px;*/
    /*margin-left:-140px;*/
    margin-left: -114px;
    transition: margin-left 0.2s;
}




#projectImage_envdefcaProjectView {
    opacity: 1;
    height: 150px;
    padding: 8px;
    transition: all .3s ease .15s;
    margin-bottom: -20px;
}

.wrapper.active #projectImage_envdefcaProjectView {
    opacity: 0;
    height: 0;
    margin-top: -3px !important;
    padding: 0 8px;
    overflow: hidden;
    transition: all .3s ease .15s;
}


#envdefcaDashPropertiesSelector a:hover, #envdefcaDashPropertiesSelectorListContainer a:hover, #envdefcaDashStudiesSelector a:hover, #envdefcaDashStudiesSelectorListContainer a:hover, #envdefcaDashBoardSelector a:hover, #myProjectsSelector a:hover, #myActivitySelector a:hover {
    border-left: 3px solid white !important;
    border-right: 3px solid white !important;
}

.active > .content {
    padding-left: 66px;
    transition: padding-left 0.5s;
}

#mobileBtAuxBtContainerMainDash {
    display: none !important;
}

#mobileBtAuxBtContainerMainDashProject {
    display: none;
    z-index: 9998;
    width: 71px;
}



@media(max-width:450px) {

    #projectImage_envdefcaProjectView {
        display: none !important;
    }

    #mobileBtAuxBtContainerMainDash {
        display: block !important;
    }

    #mobileBtAuxBtContainerMainDashProject {
        display: block;
    }

    .wrapper.templateMainDashProject .side-bar-maindash {
        margin-left: -131px;
    }

    .wrapper.templateMainDashProject.active .side-bar-maindash {
        margin-left: -193px;
    }

    .wrapper.templateMainDashProject .content {
        padding-left: 53px;
        margin-right: -20px;
    }

    .wrapper.templateMainDashProject.active .content {
        padding-left: 0px;
        margin-left: -7px;
        margin-right: -20px;
    }

    .side-bar-maindash {
        background: #336699;
        position: absolute;
        /*width: 200px;*/
        width: 171px;
        margin-left: -120px;
        color: #fff;
        transition: margin-left 0.5s;
    }

    .content {
        /*padding-left: 198px;*/
        padding-left: 55px;
        transition: padding-left 0.5s;
    }

    .active > .content {
        padding-left: 0px;
    }

    .active > .side-bar-maindash {
        /*margin-left: -190px;*/
        margin-left: -173px;
        transition: margin-left 0.5s;
    }

    .swipeRightStyleContent {
        padding-left: 58px !important;
                /*padding-left: 65px !important;*/
        transition: padding-left 0.5s;
    }

    .swipeRightStyleBarMain {
        /*margin-left: -130px !important;*/
        margin-left: -115px !important;
        /*  margin-left: -145px !important;*/
        transition: padding-left 0.5s;
    }

    .swipeRightStyleBarMainProject {
        margin-left: -128px !important;
        /*  margin-left: -145px !important;*/
        transition: padding-left 0.5s;
    }
}



/**END MAIN DASH*/
@media(max-width:767px) {
    .styleFixBoardContainerHeightEnvdefca {
        overflow-y: auto;
        margin-left: -20px;
        padding-left: 20px;
        margin-right: -5px;
        padding-right: 30px;
        margin-top: 10px;
        -webkit-overflow-scrolling: touch;
    }
}

@media(min-width:768px) {
    .styleFixBoardContainerHeightEnvdefca {
        overflow-y: auto;
        margin-left: -20px;
        padding-left: 20px;
        margin-right: -40px;
        padding-right: 30px;
        margin-top: 10px;
        -webkit-overflow-scrolling: touch;
    }

    #containerGroupRecentActivityEnvdefca {
        display: block !important;
    }

    #containerGroupFrequentlyStudiesEnvdefca {
        display: block !important;
    }

    #containerGroupFilesEnvdefca {
        display: block !important;
    }
}

.activeHeaderEnvdefcaBoard {
    background: #d9dfdf !important;
    color: black !important;
    box-shadow: none !important;
}

.inactiveHeaderEnvdefcaBoard {
    background: white !important;
    box-shadow: none;
    color: grey !important;
}


/** TEST */

#navigationProjectTop .item {
    color: #000;
    background-color: #eee;
    padding: 20px 0;
}

#navigationProjectTop .controls {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background: #ddd;
}

    #navigationProjectTop .controls li {
        display: table-cell;
        width: 1%;
        max-width: 90px;
    }

        #navigationProjectTop .controls li.active {
            background-color: #eee;
            border-top: 3px solid orange;
        }

    #navigationProjectTop .controls a small {
        overflow: hidden;
        display: block;
        font-size: 10px;
        margin-top: 5px;
        font-weight: bold;
    }

#navigationProjectTop .carousel-inner div {
    height: 163px;
}




/** ScrolllBar */
#mainBar {
    background-color: #154890 !important;
    color: #ffffff;
}

#navigationProjectTopSelectorGroup li {
    color: white;
    background-color: #6b6b6b !important;
}

    #navigationProjectTopSelectorGroup li a:hover {
        color: white;
        background-color: #404040 !important;
    }

    #navigationProjectTopSelectorGroup li .active {
        color: white;
        background-color: #FF6600 !important;
    }

#topSelectorStepGroup_simSECA_EnvdefcaProjectView li a {
    height: 54px !important;
}


::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #e1e1e1;
    border: 0px none #ffffff;
    border-radius: 50px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #ffffff;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #000000;
    }

::-webkit-scrollbar-track {
    background: #666666;
    border: 0px none #ffffff;
    border-radius: 50px;
}

    ::-webkit-scrollbar-track:hover {
        background: #666666;
    }

    ::-webkit-scrollbar-track:active {
        background: #333333;
    }

::-webkit-scrollbar-corner {
    background: transparent;
}
/** ScrolllBar */

.activeBtPanelPreviewProject {
    background-color: #337ab7 !important;
}

.inactiveBtPanelPreviewProject {
    background-color: grey !important;
}

.notEventsMode {
    pointer-events: none;
}

.notEventsModeTour {
    pointer-events: none;
}
/**LOADING INFOS START*/

#loadingInfos {
    text-transform: uppercase;
    letter-spacing: .5em;
    display: inline-block;
    border: 4px double #fff;
    border-width: 4px 0;
    padding: 1.5em 0em;
    position: absolute;
    top: 18%;
    left: 50%;
    width: 40em;
    margin: 0 0 0 -20em;
}

    #loadingInfos span {
        font: 700 4em/1 "Oswald", sans-serif;
        letter-spacing: 0;
        padding: .25em 0 .325em;
        display: block;
        margin: 0 auto;
        text-shadow: 0 0 80px rgba(255, 255, 255, 0.5);
        /* Clip Background Image */
        background: url(../app/assets/img/animatedDecoration.png) repeat-y;
        -webkit-background-clip: text;
        /* Animate Background Image */
        -webkit-text-fill-color: transparent;
        -webkit-animation: aitf 80s linear infinite;
        /* Activate hardware acceleration for smoother animations */
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
    }

/* Animate Background Image */
@-webkit-keyframes aitf {
    0% {
        background-position: 50% 100%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/**LOADING INFO END*/
.accordion-toggle:after {
    /*margin-left: -12px;*/
    margin-left: -10px;
    margin-right: 2px;
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: left;
    color: #0a4b4a;
}

.accordion-toggle.collapsed:after {
    content: "\e080";
}

.conductors-toggle:after {
    margin-top: -2px;
    margin-left: -10px;
    margin-right: 2px;
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: left;
    color: #0a4b4a;
}

.conductors-toggle.collapsed:after {
    content: "\e080";
}

.accordion-toggle:hover::after {
    color: white !important;
}

.listDashEnvdefcaLevel2 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    height: 41px !important;
    background-color: #0f8887 !important;
    border-left: 3px solid #0e807e !important;
    color: white !important;
}

.listDashEnvdefcaLevel1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #0e807e !important;
    border-right: 3px solid #059b98 !important;
    border-left: 3px solid #059b98 !important;
    color: white !important;
}

.activeEnvdefcaLevel2 {
    background-color: white !important;
    color: #0f8887 !important;
}

.activeEnvdefcaLevel1 {
    background-color: white !important;
    color: #0e807e !important;
}




@media(max-width:990px) {
    .titleAdjustProject {
    }
}

@media(min-width:990px) {
    .titleAdjustProject {
    }
}

#tagEditorSelector:hover > #TagEditorBTcontroller_envdefcaProjectView {
    color: grey !important;
}

#containerProperties_envdefcaProjectView:hover > #openEditionProperties_envdefcaProjectView {
    display: block !important;
}


/**/
@media ( max-width: 768px ) {
    .selectorLateralTopStudiesMainCol {
        margin-top: 28px !important;
    }
}

@media ( min-width: 769px ) {
    .selectorLateralTopStudiesMainCol {
        margin-top: 23px !important;
    }
}

@media ( max-width: 989px ) {
    #containerProperties_envdefcaProjectView {
        margin-top: 35px !important;
    }
}

@media ( min-width: 990px ) {
    #containerProperties_envdefcaProjectView {
        margin-top: 5px !important;
    }

    .selectorLateralTopStudiesMainCol {
        margin-top: -7px !important;
    }
}

@media ( min-width: 1200px ) {
    #containerProperties_envdefcaProjectView {
        margin-top: 3px !important;
    }

    .selectorLateralTopStudiesMainCol {
        margin-top: -7px !important;
    }
}



/**/


/**Test grid*/
@media ( min-width: 768px ) {
    .grid-divider {
        position: relative;
        padding: 0;
    }

        .grid-divider > [class*='col-'] {
            position: static;
        }

            .grid-divider > [class*='col-']:nth-child(n+2):before {
                content: "";
                border-left: 1px solid #DDD;
                position: absolute;
                top: 0;
                bottom: 0;
            }

    .col-padding {
        padding: 0 15px;
    }
}
/** End test grid*/


/**QUOTES*/
blockquote {
    text-align: left;
    position: relative;
    margin: 0;
    padding: 10px 20px;
    font-size: 16px;
    font-style: italic;
}

    blockquote:before, blockquote:after {
        position: absolute;
        width: 20px;
        height: 20px;
        font-size: 40px;
        line-height: 1;
    }

    blockquote:before {
        top: 0;
        left: 0;
        content: "\201C";
    }

    blockquote:after {
        top: 0;
        right: 0;
        content: "\201D";
    }
/**END QUOTES*/

/**Start reset modals*/
#editConductor, #editCatenaryType, #editCatenaryAdmittance, #editCatenaryConductor, #editCatenaryGroup, #editTrainType, #addStudyEnvdefca, #editSimSECA, #editSimSTCA#editTrafficSimulationOptions, #addCirculationSimSTCA span {
    cursor: default !important;
}

    #editConductor, #editCatenaryType, #editCatenaryAdmittance, #editCatenaryConductor, #editCatenaryGroup, #editTrainType thead {
        cursor: default !important;
    }

#editConductor, #editCatenaryType, #editCatenaryAdmittance, #editCatenaryConductor, #editCatenaryGroup, #editTrainType, #addStudyEnvdefca, #editSimSECA, #editSimSTCA, #editTrafficSimulationOptions, #addCirculationSimSTCA h4 {
    cursor: default !important;
}




/*#editCatenaryType span {
    cursor:default!important;
}*/
/**End reset modals*/

.firstElementProjectDate {
    margin-top: -25px !important;
}

/**SVG SELECTORS*/
#catenarySvgCatenaryValidator svg circle:hover + text {
    display: block;
    z-index: 99999 !important;
}

#catenarySvgCatenaryValidator svg text {
    display: none;
}

#svgContainer_reportCatenary svg circle:hover + text {
    display: block;
    z-index: 99999 !important;
}

#svgContainer_reportCatenary svg text {
    display: none;
}

#svgContainer_SIMSTCA_editCatenaryType svg circle:hover + text {
    display: block;
    z-index: 99999 !important;
}

#svgContainer_SIMSTCA_editCatenaryType svg text {
    display: none;
}

/*.timeline-inverted > .timeline-panel > .partialenvdefcasecaeditelectricalinfrastructure {
    display: none!important;
}*/

/*.partialenvdefcasecaeditelectricalinfrastructure {
    display: none!important;
    z-index: 99999 !important;
    visibility: visible;
}

.partialenvdefcasecaeditelectricalinfrastructure:hover {
    display: block!important;
    z-index: 99999 !important;
    visibility: visible;
}*/




/*.timeline-inverted > .timeline-panel > .partialenvdefcasecaeditelectricalinfrastructure {
    display: none!important;
    z-index: 99999 !important;
    visibility: visible;
}

.timeline-inverted:hover > .timeline-panel > .partialenvdefcasecaeditelectricalinfrastructure {
    display: block!important;
    z-index: 99999 !important;
    visibility: visible;
}

.timeline-noinverted > .timeline-panel > .partialenvdefcasecaeditelectricalinfrastructure {
    display: none!important;
    z-index: 99999 !important;
    visibility: visible;
}


.timeline-noinverted:hover > .timeline-panel > .partialenvdefcasecaeditelectricalinfrastructure {
    display: block!important;
    z-index: 99999 !important;
    visibility: visible;
}*/



/**SVG SELECTORS*/
.selectedServicesimSECA_EnvdefcaProjectView {
    border: 2px solid white;
}

.stationBlock:first-child:nth-last-child(1),
.stationBlock:first-child:nth-last-child(1) ~ .stationBlock {
    margin-top: 0 !important;
}

.catenariesSectionBlock:first-child:nth-last-child(1) {
    margin-top: 18px !important;
}


.indexTourDecorationFix {
    margin-left: -20px;
    margin-right: 2px;
}

/* Start loading effect */

.spinner {
    margin: 100px auto 0;
    width: 170px;
    text-align: center;
}

    .spinner > div {
        width: 42px;
        height: 42px;
        /*background-color: #154890 ;*/
        background-color: #ffffff;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
/* End loading effect */

/**
    Start news block style
*/

.news {
    background: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid #eaeaea;
}

    .news .img-figure {
        position: relative;
    }

        .news .img-figure img {
            position: relative;
            overflow: hidden;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -ms-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease;
        }

    .news:hover .img-figure img {
        -webkit-transform: scale(1.10);
        -moz-transform: scale(1.10);
        -ms-transform: scale(1.10);
        -o-transform: scale(1.10);
        transform: scale(1.10);
    }

    .news .title {
        /*padding: 29px 30px;*/
        padding: 45px 30px;
        position: absolute;
        left: 0;
        background: #fff;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .news .title h1 {
            margin: 0;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 19px;
            text-align: center;
        }

    .news:hover .title {
        margin-top: -140px;
        background: #fff;
    }

    .news p.description {
        position: relative;
        font-weight: normal;
        line-height: 22px;
        opacity: 0;
        text-align: center;
        padding: 15px 30px 0px 30px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .news:hover p.description {
        opacity: 1;
    }

p.more {
    text-align: center;
}

.more a {
    position: relative;
    font-size: 13px;
    margin-top: 30px;
    display: block;
    /*-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;*/
    display: inline-block;
    /*color: #28998b;*/
}

    .more a:after {
        content: '';
        width: 18px;
        height: 1px;
        position: absolute;
        left: 55px;
        top: 9px;
        /*background: #28998b;*/
        vertical-align: middle;
        margin-left: 10px;
        /*-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;*/
    }

/*.more a:hover {
        visibility: visible;
}*/

.news:hover a:after {
    width: 30px;
}

.cat {
    background: #a0bc9f;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 1;
    padding: 3px 15px;
}
/**
    End news block style
*/



@media ( max-width: 992px ) {
    .styleFixTopBlocks {
        margin-top: 7px;
    }
}

@media ( min-width: 993px ) {
    .styleFixTopBlocks {
        margin-top: -15px;
    }
}

@media ( max-width: 767px ) {
    .styleFixToptourWellcomeIndex {
        height: calc(100% - 50px) !important;
    }

    /*.styleFixContainerMainDash {
        height: calc(100% - 50px) !important;
    }*/
    /*.styleFixBoardContainerHeightPlus {
        height: calc(100vh - 60px) !important;
    }*/



}

@media ( max-width: 1199px ) {
    .styleFixToptourWellcomeIndex {
        height: calc(100% - 54px) !important;
    }

    /*.styleFixContainerMainDash {
        height: calc(100% - 54px) !important;
    }*/

    /*.styleFixBoardContainerHeight {
        height: calc(100vh - 134px) !important;
    }*/

    .styleFixBoardContainerHeightEnvdefca {
        height: calc(100vh - 320px) !important;
    }

    .styleFixBoardContainerHeightPlus {
        height: calc(100vh - 124px) !important;
    }


    /*@media (-webkit-min-device-pixel-ratio: 2) {
        .styleFixBoardContainerHeight {
            height: calc(100vh - 154px) !important;
        }
    }*/
}

@media ( min-width: 1200px ) {
    .styleFixToptourWellcomeIndex {
        height: calc(100% - 64px) !important;
    }

    /*.styleFixContainerMainDash {
        height: calc(100% - 64px) !important;
    }*/

    /*.styleFixBoardContainerHeight {
        height: calc(100vh - 148px) !important;
    }*/

    .styleFixBoardContainerHeightEnvdefca {
        height: calc(100vh - 320px) !important;
    }

    .styleFixBoardContainerHeightPlus {
        height: calc(100vh - 138px) !important;
    }
}

/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media (min-device-width: 800px) and (max-device-width: 1280px) {
    /*.styleFixBoardContainerHeight {
        height: calc(100vh - 243px) !important;
    }*/

    .styleFixBoardContainerHeightEnvdefca {
        height: calc(100vh - 320px) !important;
    }
    /*.styleFixContainerMainDash {
        height: calc(100vh - 284px) !important;
    }*/
}



/* Portrait */
@media (max-device-width: 800px) and (orientation: portrait) {
    /*.styleFixBoardContainerHeight {
        height: calc(100vh - 243px) !important;
    }*/

    .styleFixBoardContainerHeightEnvdefca {
        height: calc(100vh - 320px) !important;
    }
    /*.styleFixContainerMainDash {
        height: calc(100vh - 284px) !important;
    }*/
}

@media (max-device-width: 450px) and (orientation: portrait) {
    /*.styleFixBoardContainerHeight {
        height: calc(100vh - 133px) !important;
    }*/

    .styleFixBoardContainerHeightEnvdefca {
        /* height: calc(100vh - 320px) !important;*/
        height: calc(100vh - 381px) !important;
    }
    /*.styleFixContainerMainDash {
        height: calc(100vh - 284px) !important;
    }*/
}


/* Landscape */
@media (max-device-width: 1280px) and (orientation: landscape) {
    /*.styleFixBoardContainerHeight {
        height: calc(100vh - 243px) !important;
    }*/

    .styleFixBoardContainerHeightEnvdefca {
        height: calc(100vh - 320px) !important;
    }
    /*.styleFixContainerMainDash {
        height: calc(100vh - 284px) !important;
    }*/
}


@media all and (display-mode: standalone) {

    @media (min-device-width: 800px) and (max-device-width: 1280px) {
        /*.styleFixBoardContainerHeight {
            height: calc(100vh - 168px) !important;
        }*/

        .styleFixBoardContainerHeightEnvdefca {
            height: calc(100vh - 320px) !important;
        }
        /*.styleFixContainerMainDash {
            height: calc(100% - 250px) !important;
        }*/
    }

    @media (max-device-width: 800px) and (orientation: portrait) {
        /*.styleFixBoardContainerHeight {
            height: calc(100vh - 168px) !important;
        }*/

        .styleFixBoardContainerHeightEnvdefca {
            height: calc(100vh - 320px) !important;
        }

        /*.styleFixContainerMainDash {
            height: calc(100% - 250px) !important;
        }*/
    }



    @media (max-device-width: 1280px) and (orientation: landscape) {
        /*.styleFixBoardContainerHeight {
            height: calc(100vh - 168px) !important;
        }*/

        .styleFixBoardContainerHeightEnvdefca {
            height: calc(100vh - 320px) !important;
        }

        /*.styleFixContainerMainDash {
            height: calc(100% - 250px) !important;
        }*/
    }
}

.navHeaderSecaActive {
    /*background:white!important;
    color:grey!important;*/
}

#navigation_tabs_previewSimSeca_envdefcaProjectView li a.active {
    background: white !important;
    color: grey !important;
}

#navigation_tabs_previewSimStca_envdefcaProjectView li a.active {
    background: white !important;
    color: grey !important;
}
/*** TEST */


/**** FIN TEST */


/**Bar loading effect start*/
.barEffect {
    width: 100%;
    height: 5px;
    border: 1px solid #336699;
    border-radius: 2px;
    background-image: repeating-linear-gradient( -45deg, #336699, #336699 11px, #03a9f4 10px, #03a9f4 20px /* determines size */
    );
    background-size: 28px 28px;
    animation: move .800s linear infinite;
}

@keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 28px 0;
    }
}
/**Bar loading effect start*/



/** Loader  start*/
.loader,
.loader:before,
.loader:after {
    background: #154890;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.loader {
    color: #154890;
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    .loader:before,
    .loader:after {
        position: absolute;
        top: 0;
        content: '';
    }

    .loader:before {
        left: -1.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loader:after {
        left: 1.5em;
    }

@-webkit-keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}


/** Loader end*/
.rowStudyHeader {
    margin-right: 36px;
}

@media ( min-width: 767px ) {
    .rowStudyHeader {
        margin-left: -30px;
        margin-right: 24px;
    }
}

.fixMarginTopMultidevice {
    margin-top: 16px;
}

@media ( min-width: 990px ) {
    .fixMarginTopMultidevice {
        margin-top: 37px;
    }
}

body[data-browsertype="mobile"] .fixEnvdefcaProjectViewMultideviceHeight {
    height: 100px;
    overflow-y: hidden;
    overflow-x: hidden;
}


body[data-browsertype="desktop"] .fixEnvdefcaProjectViewMultideviceHeight {
    height: calc(100vh - 50px);
}


@media ( min-width: 768px ) {
    body[data-browsertype="desktop"] .fixEnvdefcaProjectViewMultideviceHeight {
        height: calc(100vh - 54px);
    }
}

@media ( min-width: 1200px ) {
    body[data-browsertype="desktop"] .fixEnvdefcaProjectViewMultideviceHeight {
        height: calc(100vh - 60px);
    }
}

.tableFixCustomTable {
    width: 100%; /* 140px * 5 column + 16px scrollbar width */
    border-spacing: 0;
}

.tbodyFixCustomTable, .theadFixCustomTable .trFixCustomTable {
    display: block;
}

.tbodyFixCustomTable {
    height: calc(100vh - 340px) !important;
    overflow-y: auto;
    overflow-x: hidden;
}

    .tbodyFixCustomTable td, .theadFixCustomTable th {
        width: auto;
    }

        .theadFixCustomTable th:last-child {
            width: auto; /* 140px + 16px scrollbar width */
        }

.inlineTabletConsistence {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}

@media ( max-width: 768px ) {
    #select_Map_ENVDEFCA_ProjectView div img {
        height: calc(33vh - 160px) !important;
        margin: auto;
    }

    #select_Satellite_ENVDEFCA_ProjectView div img {
        height: calc(33vh - 160px) !important;
        margin: auto;
    }

    #select_Canvas_ENVDEFCA_ProjectView div img {
        height: calc(33vh - 160px) !important;
        margin: auto;
    }
}

#panelStep_2_AT_ENVDEFCA_ProjectView div .helpTittleWizardNavigationRow {
    overflow-x: auto;
    overflow-y: hidden;
}

    #panelStep_2_AT_ENVDEFCA_ProjectView div .helpTittleWizardNavigationRow div h4 {
        white-space: nowrap;
    }

#panelStep_3_AT_ENVDEFCA_ProjectView div .helpTittleWizardNavigationRow {
    overflow-x: auto;
    overflow-y: hidden;
}

    #panelStep_3_AT_ENVDEFCA_ProjectView div .helpTittleWizardNavigationRow div h4 {
        white-space: nowrap;
    }

@media ( max-width: 768px ) {
    .selectorStep_1_AT_ENVDEFCA_ProjectView .navbar-brand {
        margin-left: 0;
    }
}

@media ( min-width: 768px ) {
    .selectorStep_1_AT_ENVDEFCA_ProjectView .navbar-brand {
        margin-left: 25px !important;
    }
}


@media ( max-width: 768px ) {
    .selectorStep_1_AS_assistantServiceSimSTCAEnvdefcaProjectView .navbar-brand {
        margin-left: 0;
    }
}

@media ( min-width: 768px ) {
    .selectorStep_1_AS_assistantServiceSimSTCAEnvdefcaProjectView .navbar-brand {
        margin-left: 25px !important;
    }
}



@media ( max-width: 768px ) {
    .navigation_tabs_previewSimSeca_envdefcaProjectView_mobile {
        margin-left: -47px;
        margin-right: -58px;
    }

    #btAddService_simSTCA_EnvdefcaProjectView {
        height: 35px;
        padding: 9px;
        margin-top: 8px !important;
    }

    #btAddSchedule_simSTCA_EnvdefcaProjectView {
        height: 35px;
        padding: 9px;
        margin-top: 8px !important;
    }

    .navigation_tabs_previewSimStca_envdefcaProjectView_mobile {
        margin-left: -47px;
        margin-right: -58px;
    }

    #withIncidencesCatenaryVoltages_previewSimSeca_envdefcaProjectView {
        height: calc(100vh - 445px) !important;
        overflow-y: auto;
        margin-top: 3px;
        margin-left: -13px;
        margin-right: -14px;
    }

    #withSimulationLogItems_simSTCA_EnvdefcaProjectView {
        height: calc(100vh - 445px) !important;
        overflow-y: auto;
        margin-top: 3px;
    }

    #withServices_simSTCA_EnvdefcaProjectView, #withoutServices_simSTCA_EnvdefcaProjectView {
        height: calc(100vh - 445px) !important;
        overflow-y: auto;
        margin-top: 3px;
        margin-left: -13px;
        margin-right: -14px;
    }

    #withScenarios_simSTCA_EnvdefcaProjectView, #withoutScenarios_simSTCA_EnvdefcaProjectView {
        height: calc(100vh - 445px) !important;
        overflow-y: auto;
        margin-top: 3px;
        margin-left: -13px;
        margin-right: -14px;
    }

    #withoutIncidencesCatenaryVoltages_previewSimSeca_envdefcaProjectView {
        height: calc(100vh - 445px) !important;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: 3px;
        margin-left: -13px;
        margin-right: -14px;
        background-color: #dff0d8;
    }

    #withoutIncidencesConductorCurrents_previewSimSeca_envdefcaProjectView {
        height: calc(100vh - 445px) !important;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: 3px;
        margin-left: -13px;
        margin-right: -14px;
        background-color: #dff0d8;
    }

    #withIncidencesConductorCurrents_previewSimSeca_envdefcaProjectView {
        height: calc(100vh - 445px) !important;
        overflow-y: auto;
        margin-top: 3px;
        margin-left: -13px;
        margin-right: -14px;
    }

    #withIncidencesPowerTransformers_previewSimSeca_envdefcaProjectView {
        height: calc(100vh - 445px) !important;
        overflow-y: auto;
        margin-top: 3px;
        margin-left: -13px;
        margin-right: -14px;
    }


    #withoutIncidencesPowerTransformers_previewSimSeca_envdefcaProjectView {
        height: calc(100vh - 445px) !important;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: 3px;
        margin-left: -13px;
        margin-right: -14px;
        background-color: #dff0d8;
    }

    #panel_catenaryVoltages_previewSimSeca_envdefcaProjectView div .on6 {
        margin-left: -5px;
        height: 40px;
        padding-top: 10px;
    }

    #PreviewMapInfrastructureElectrical_simSECA_EnvdefcaProjectView {
        height: calc(100vh - 320px) !important;
        position: relative;
        overflow: hidden;
        transform: translateZ(0px);
        background-color: white;
        margin-left: -12px;
        margin-top: -20px;
        margin-right: -17px;
    }

    body[data-browsertype="desktop"] #PreviewMapInfrastructure_simSTCA_EnvdefcaProjectView {
        height: calc(100vh - 295px);
        position: relative;
        overflow: hidden;
        transform: translateZ(0px);
        background-color: white;
        margin-left: -12px;
        margin-top: -20px;
        margin-right: -17px;
    }


    .container_navigation_tabs_previewSimSeca_envdefcaProjectView {
        padding-left: 0 !important;
        margin-top: -33px !important;
        padding: 0;
        border: 2px solid #dcdcdc;
        margin-left: 2px;
        margin-right: -2px;
    }

    .container_navigation_tabs_previewSimStca_envdefcaProjectView {
        padding-left: 0 !important;
        margin-top: -33px !important;
        padding: 0;
        border: 2px solid #dcdcdc;
        margin-left: 2px;
        margin-right: -2px;
    }


    .selectorLateralTopStudies_envdefcaProjectView {
        position: absolute;
        z-index: 999 !important;
        margin-top: -23px !important;
    }

    .ul_shortcuts_previewSimSeca_envdefcaProjectView {
        overflow-x: auto;
        margin: 0;
        overflow-y: auto;
        max-height: calc(100vh - 320px) !important;
    }

    .customPaddingFixTableItems {
        padding-left: 15px !important;
    }

    .customTdExpandedInfoAndReport {
        margin-top: -1px !important;
        min-width: 1px !important;
    }

    .simulationInPrContainerForPreview {
        height: calc(100vh - 450px) !important;
        position: relative;
        overflow: hidden;
        transform: translateZ(0px);
        background-color: white;
        margin-top: -20px;
        margin-right: -16px;
        margin-left: -12px;
    }

    .simulationPreviewTitleBlock {
        margin-left: 10px !important;
    }

    .generalListWithHeaderTittleAndBt {
        padding-top: 0px !important;
        overflow-y: auto;
        height: calc(100vh - 230px) !important;
        margin-top: -22px;
        margin-left: 5px;
    }

    .generalListWithHeaderTittleAndBtCommon {
        padding-top: 0px !important;
        overflow-y: auto;
        height: calc(100vh - 230px) !important;
        margin-top: 22px;
        margin-left: 5px;
        min-width: 250px;
    }

    .generalListFloatingBtStyle {
        margin-top: -20px;
        margin-right: 35px !important;
        height: 40px;
        padding-top: 10px;
    }

    .generalListWithHeaderTittleAndBtLib {
        padding-top: 0px !important;
        overflow-y: auto;
        height: calc(100vh - 238px) !important;
        margin-top: 47px;
        margin-right: -40px;
        margin-left: -16px;
        -webkit-overflow-scrolling: touch;
    }
}

@media ( min-width: 768px ) and (max-width: 990px) {
    .generalListWithHeaderTittleAndBtLib {
        padding-top: 0px !important;
        overflow-y: auto;
        height: calc(100vh - 230px) !important;
        margin-top: 47px !important;
        margin-left: -22px;
        margin-right: -54px;
        -webkit-overflow-scrolling: touch;
    }
}

body[data-browsertype="mobile"] #PreviewMapInfrastructure_simSTCA_EnvdefcaProjectView {
    height: 100px;
    position: relative;
    overflow: hidden;
    transform: translateZ(0px);
    background-color: white;
    margin-left: -12px;
    margin-top: -20px;
    margin-right: -17px;
}

@media ( min-width: 768px ) {
    #slopesDataTableSectionLineDetails, #curvesDataTableSectionLineDetails, #speedLimitsDataTableSectionLineDetails, #tunnelsDataTableSectionLineDetails {
        height: calc(100vh - 350px) !important;
    }

    #btAddService_simSTCA_EnvdefcaProjectView {
        margin-top: -4px;
        height: 35px;
        padding: 9px;
    }

    #btAddSchedule_simSTCA_EnvdefcaProjectView {
        margin-top: -4px;
        height: 35px;
        padding: 9px;
    }


    .navigation_tabs_previewSimSeca_envdefcaProjectView_mobile {
        margin-left: -60px;
        margin-right: -70px;
    }

    .navigation_tabs_previewSimStca_envdefcaProjectView_mobile {
        margin-left: -60px;
        margin-right: -70px;
    }

    #withIncidencesCatenaryVoltages_previewSimSeca_envdefcaProjectView {
        height: calc(187px) !important;
        overflow-y: auto;
        margin-top: 3px;
        margin-left: -29px;
        margin-right: -43px;
    }

    #withSimulationLogItems_simSTCA_EnvdefcaProjectView {
        height: calc(230px) !important;
        overflow-y: auto;
        margin-top: 3px;
    }


    #withServices_simSTCA_EnvdefcaProjectView, #withoutServices_simSTCA_EnvdefcaProjectView {
        height: calc(187px) !important;
        overflow-y: auto;
        margin-top: 3px;
        margin-left: -29px;
        margin-right: -28px;
    }

    #withScenarios_simSTCA_EnvdefcaProjectView, #withoutScenarios_simSTCA_EnvdefcaProjectView {
        height: calc(187px) !important;
        overflow-y: auto;
        margin-top: 3px;
        margin-left: -29px;
        margin-right: -28px;
    }

    #withoutIncidencesCatenaryVoltages_previewSimSeca_envdefcaProjectView {
        height: calc(187px) !important;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: 3px;
        margin-left: -29px;
        margin-right: -43px;
        background-color: #dff0d8;
    }

    #withoutIncidencesConductorCurrents_previewSimSeca_envdefcaProjectView {
        height: calc(187px) !important;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: 3px;
        margin-left: -13px;
        margin-right: -43px;
        background-color: #dff0d8;
    }

    #withIncidencesConductorCurrents_previewSimSeca_envdefcaProjectView {
        height: calc( 187px) !important;
        overflow-y: auto;
        margin-top: 8px;
        margin-left: 5px;
        margin-right: -40px;
    }

    #withIncidencesPowerTransformers_previewSimSeca_envdefcaProjectView {
        height: calc(187px) !important;
        overflow-y: auto;
        margin-top: 3px;
        margin-left: -12px;
        margin-right: -28px;
    }

    #withoutIncidencesPowerTransformers_previewSimSeca_envdefcaProjectView {
        height: calc(187px) !important;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: 3px;
        margin-left: -11px;
        margin-right: -29px;
        background-color: #dff0d8;
    }

    #panel_catenaryVoltages_previewSimSeca_envdefcaProjectView div .on6 {
        margin-left: -20px;
        height: 40px;
        padding-top: 10px;
    }

    #panel_services_previewSimStca_envdefcaProjectView div .on6 {
        margin-left: -20px;
        height: 40px;
        padding-top: 10px;
    }

    #panel_mesh_previewSimStca_envdefcaProjectView div .on6 {
        margin-left: -20px;
        height: 40px;
        padding-top: 10px;
    }

    #PreviewMapInfrastructureElectrical_simSECA_EnvdefcaProjectView {
        height: calc(100vh - 465px) !important;
        position: relative;
        overflow: hidden;
        transform: translateZ(0px);
        background-color: white;
        margin-left: -15px;
        margin-top: -20px;
        margin-right: -20px;
    }

    body[data-browsertype="desktop"] #PreviewMapInfrastructure_simSTCA_EnvdefcaProjectView {
        height: calc(100vh - 465px);
        position: relative;
        overflow: hidden;
        transform: translateZ(0px);
        background-color: white;
        margin-left: -15px;
        margin-top: -20px;
        margin-right: -20px;
    }

    .container_navigation_tabs_previewSimSeca_envdefcaProjectView {
        padding-left: 0 !important;
        margin-top: -13px !important;
        padding: 0;
        border: 2px solid #dcdcdc;
        margin-left: 2px;
        margin-right: -2px;
    }

    .container_navigation_tabs_previewSimStca_envdefcaProjectView {
        padding-left: 0 !important;
        margin-top: -13px !important;
        padding: 0;
        border: 2px solid #dcdcdc;
        margin-left: 2px;
        margin-right: -2px;
    }

    .selectorLateralTopStudies_envdefcaProjectView {
        position: absolute;
        z-index: 999 !important;
        margin-top: -18px !important;
    }

    .ul_shortcuts_previewSimSeca_envdefcaProjectView {
        overflow-x: auto;
        margin: 0;
        overflow-y: hidden;
        height: 231px;
    }

    .customTdExpandedInfoAndReport {
        margin-top: -1px !important;
        min-width: 190px !important;
    }

    .customPaddingFixTableItems {
    }

    .simulationInPrContainerForPreview {
        height: calc(100vh - 450px) !important;
        position: relative;
        overflow: hidden;
        transform: translateZ(0px);
        background-color: white;
        margin-top: -20px;
        margin-right: -20px;
        margin-left: -15px;
    }

    .simulationPreviewTitleBlock {
        margin-left: 40px !important;
    }

    .generalListWithHeaderTittleAndBt {
        padding-top: 0px !important;
        overflow-y: auto;
        height: calc(100vh - 230px) !important;
        margin-top: -22px;
        margin-left: -5px;
        padding-right: 5px;
        margin-right: -15px;
    }

    .generalListWithHeaderTittleAndBtCommon {
        padding-top: 0px !important;
        overflow-y: auto;
        height: calc(100vh - 230px) !important;
        margin-top: -22px;
        margin-left: -5px;
        padding-right: 5px;
        margin-right: -15px;
        min-width: 250px;
    }

    .generalListFloatingBtStyle {
        margin-top: -30px;
        margin-right: 35px !important;
        height: 40px;
    }

    .generalListWithHeaderTittleAndBtLib {
        padding-top: 0px !important;
        overflow-y: auto;
        height: calc(100vh - 230px) !important;
        margin-top: -2px !important;
        margin-left: -22px;
        margin-right: -54px;
        -webkit-overflow-scrolling: touch;
    }
}

#shortcuts_previewSimSeca_envdefcaProjectView div div ul li {
    cursor: pointer;
}

    #shortcuts_previewSimSeca_envdefcaProjectView div div ul li a {
        padding-top: 53px;
        padding-bottom: 53px;
    }

        #shortcuts_previewSimSeca_envdefcaProjectView div div ul li a .simulatorBlockIcon {
            font-size: 84px !important;
            color: #6b6b6b;
        }

        #shortcuts_previewSimSeca_envdefcaProjectView div div ul li a p {
            margin: 5px;
            margin-top: 10px;
        }

            #shortcuts_previewSimSeca_envdefcaProjectView div div ul li a p span {
                background-color: white;
                color: grey;
            }


.styleDateCreationOnList, .styleDateModifiedOnList {
    margin-right: 5px;
    color: grey;
}


.genericHeaderStyle {
    padding-bottom: 17px !important;
    border-bottom: 1px #f1f1f1 solid !important;
}

    .genericHeaderStyle h4 {
        font-weight: 800;
    }

.inputResponsiveTag {
    position: absolute;
    margin-top: -27px;
}

.inputGroupResponsiveTag {
    margin-top: 30px;
}

@media ( min-width: 450px ) {
    .inputResponsiveTag {
        position: relative;
        margin-top: 0px;
    }

    .inputGroupResponsiveTag {
        margin-top: 30px;
    }
}



.autoCenterBlock {
    margin-top: -79px;
    margin-right: 42px !important;
}

    .autoCenterBlock a {
        margin-top: 0px !important;
        margin-bottom: 7px !important;
        padding-top: 13px !important;
        background-color: #ffffff !important;
        color: #676767 !important;
        width: 25px !important;
        height: 55px;
    }

        .autoCenterBlock a i {
            position: absolute;
            margin-left: -19px;
            margin-top: -7px;
            font-size: 40px;
        }



.autoCenterBlockLeft {
    margin-top: -91px;
    margin-left: 42px !important;
}

    .autoCenterBlockLeft a {
        margin-top: 0px !important;
        margin-bottom: 7px !important;
        padding-top: 13px !important;
        background-color: #ffffff !important;
        color: #676767 !important;
        width: 25px !important;
        height: 55px;
    }

        .autoCenterBlockLeft a i {
            position: absolute;
            margin-left: -19px;
            margin-top: -7px;
            font-size: 40px;
        }

.addItempsBlockSubstationsLateralMap {
    display: none;
}

/*.containerSubstationsLateralMap:hover .addItempsBlockSubstationsLateralMap {
    display: block;
}

.containerSubstationsLateralMap:hover .counterBlockSubstationsLateralMap {
    display: none;
}*/
.containerSubstationsLateralMap {
    background-color: #9b6d7d;
}

    .containerSubstationsLateralMap:hover {
        background-color: #41222d;
    }

        .containerSubstationsLateralMap:hover .nameSubstationsLateralMap {
            color: #ff9600;
        }

.nameSubstationsLateralMap {
    color: #ffffff;
}


.optionsSubstationsElementLateralMap {
    display: none;
}

.containerSubstationsElementLateralMap:hover .optionsSubstationsElementLateralMap {
    display: block;
}

.selectorTypeOfConnectionLateralMapSECA {
    z-index: 999999;
    width: 44px;
    margin-right: -15px;
    height: 25px;
    border: 1px solid white !important;
    color: white;
    background: #9b6d7d;
    padding-top: 2px;
    padding-bottom: 2px;
}

.containerSubstationsElementLateralMap:hover .selectorTypeOfConnectionLateralMapSECA {
    background: #ff9600;
    margin-top: -8px;
}


.containerSubstationsElementLateralMap:hover .infoSubstationsElementLateralMap {
    display: none;
}

/*.counterContainerElementMap:not([value*="0"]){
    color:green;
}*/

.counterContainerElementMap span span {
    color: #666666;
}
/*.counterContainerElementMap[data-countercontainerelementmap="0"]{
    color:green;
}*/

.counterContainerElementMap {
    background-color: #ffffff !important;
}

    .counterContainerElementMap[data-countercontainerelementmap="0"] {
        background-color: #888888 !important;
    }

        .counterContainerElementMap[data-countercontainerelementmap="0"] span span {
            color: white;
        }


.containerSubstationsLateralMap:hover .counterContainerElementMapIcon[data-countercontainerelementmap="0"]:not(:empty) {
    background-color: #818181 !important;
}

.containerSubstationsLateralMap:hover .counterContainerElementMapIcon {
    background-color: #ff9600 !important;
}

.counterContainerElementMapIcon {
    background-color: #3350b9 !important;
}

    .counterContainerElementMapIcon[data-countercontainerelementmap="0"] {
        background-color: #818181 !important;
    }



.containerSubstationsLateralMap div div .btn.dropdown-toggle[aria-expanded="true"] {
    background-color: #ff9600;
    color: white;
}

/*******/




.blockElementBlockSubstationsLateralMap:hover .blockElementBlockSubstationsLateralMapAdd {
    display: block;
}

.blockElementBlockSubstationsLateralMap:hover .blockElementBlockSubstationsLateralMapCounter {
    display: none;
}


.blockElementBlockSubstationsLateralMapAdd.activeElementLateralMap + .blockElementBlockSubstationsLateralMapAdd {
    display: block !important;
}

.blockElementBlockSubstationsLateralMapAdd.activeElementLateralMap + .blockElementBlockSubstationsLateralMapCounter {
    display: none !important;
}


.blockElementBlockSubstationsLateralMapAdd {
    display: none;
}

    .blockElementBlockSubstationsLateralMapAdd.activeElementLateralMap {
        display: block !important;
    }

/*.containerSubstationsLateralMap .row .blockElementBlockSubstationsLateralMapID2w:hover .containerSubstationsLateralMap .counterBlockSubstationsLateralMap .MapAdd2w {
    display: block;
}

.containerSubstationsLateralMap .row .blockElementBlockSubstationsLateralMapID2w:hover .containerSubstationsLateralMap .counterBlockSubstationsLateralMap .MapCounter2w {
    display: none;
}*/

.activeElementLateralMap {
}

    .activeElementLateralMap a:first-child {
        background-color: #058c0a !important;
    }


.containerSubstationsLateralMap div .containerSubstationElementRowType {
    /*background-color:#9b6d7d;*/
}

    .containerSubstationsLateralMap div .containerSubstationElementRowType:hover {
        background-color: #ff9600;
    }


        /*.containerSubstationsLateralMap select .containerSubstationElementRowType:hover {
        background-color: #ff9600!important;
    }*/

        .containerSubstationsLateralMap div .containerSubstationElementRowType:hover .containerSubstationsLateralMap .counterBlockSubstationsLateralMap .blockElementBlockSubstationsLateralMap .blockElementBlockSubstationsLateralMapCounter .counterContainerElementMapIcon {
            background-color: #3350b9 !important;
        }

.containerSubstationElementRowTypeAuxHoverFake {
    background-color: #ff9600;
}

.containerSubstationsLateralMap.activeSubstationElementLateralMapSECA {
    background-color: #41222d;
}

    .containerSubstationsLateralMap.activeSubstationElementLateralMapSECA .nameSubstationsLateralMap {
        color: #ff9600;
    }


a[lateralSubstationElementSECA="true"].collapsed .showLessLateralSubstationElementSECA {
    display: none;
}

a[lateralSubstationElementSECA="true"].collapsed .showMoreLateralSubstationElementSECA {
    display: block;
}


a[lateralSubstationElementSECA="true"] .showLessLateralSubstationElementSECA {
    display: block;
}

a[lateralSubstationElementSECA="true"] .showMoreLateralSubstationElementSECA {
    display: none;
}

a[data-summaryelectricalelementlist="0000"] {
    display: none !important;
}


.blinkText {
    animation-name: blinking;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: blinking;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes blinking {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinking {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinking {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}


#optionsSubstationBundleSECA_CA label {
    padding-top: 15px;
    padding-bottom: 30px;
    margin-top: 15px;
}

    #optionsSubstationBundleSECA_CA label span.nonEditCursor {
        color: black;
        margin-top: -22px;
        font-size: 45px !important;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer !important;
        margin-left: 20px;
    }

    #optionsSubstationBundleSECA_CA label span.hidden-xs {
        padding-left: 135px;
        color: black;
        margin-top: -3px;
    }

#optionsSubstationBundleSECA_CC label {
    padding-top: 15px;
    padding-bottom: 30px;
    margin-top: 15px;
}

    #optionsSubstationBundleSECA_CC label span.nonEditCursor {
        color: black;
        margin-top: -22px;
        font-size: 45px !important;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer !important;
        margin-left: 20px;
    }

    #optionsSubstationBundleSECA_CC label span.hidden-xs {
        padding-left: 135px;
        color: black;
        margin-top: -3px;
    }


.spanContainerCounterElementsLateralMapSECA {
    color: grey;
    position: absolute;
}

    .spanContainerCounterElementsLateralMapSECA span {
        position: absolute;
        width: 23px;
        margin-top: 5px;
        margin-left: -11px;
        padding-right: 0px;
        padding-left: 1px;
    }

.spanContainerAddElementsLateralMapSECA {
    font-weight: bold !important;
    font-size: 25px !important;
    position: absolute;
}

    .spanContainerAddElementsLateralMapSECA span {
        position: absolute;
        width: 23px;
        margin-top: -2px;
        margin-left: -10px;
        padding-right: 0px;
        padding-left: 1px;
    }

.colContainerElementEditElectrical {
    padding-right: 20px !important;
    margin-bottom: 0px !important;
    padding-bottom: 25px;
}

    .colContainerElementEditElectrical span {
        font-weight: 200 !important;
        letter-spacing: 0.7px;
    }

    .colContainerElementEditElectrical i {
        color: #e5e5e5;
        margin-left: -1px;
        font-size: 18px;
        margin-left: 0px;
        margin-right: 3px;
        margin-top: 1px;
    }

    .colContainerElementEditElectrical div.row {
        border-left: 2px solid #e5e5e5;
        margin-left: 4px !important;
        padding-bottom: -8px !important;
        margin-top: -17px;
        padding-top: 18px;
    }

        .colContainerElementEditElectrical div.row div {
            padding: 0;
        }

            .colContainerElementEditElectrical div.row div div.form-group {
                margin-top: 0 !important;
                padding: 0;
            }

                .colContainerElementEditElectrical div.row div div.form-group div.input-group span.input-group-addon.referenceInputForUser {
                    font-weight: bold !important;
                }

.bodyContainerElementEditElectrical {
    padding-top: 0px !important;
    max-height: calc(100vh - 180px) !important;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 0px !important;
    padding-right: 39px !important;
}

.headerContainerElementEditElectrical a {
    padding: 8px !important;
    margin-top: -10px;
    margin-right: 8px;
    margin-bottom: -6px;
}

.colContainerTopElementEditElectrical {
    padding-bottom: 10px;
}

    .colContainerTopElementEditElectrical div.form-group {
        margin-left: -8px;
        margin-top: 15px;
    }

        .colContainerTopElementEditElectrical div.form-group div.input-group span.input-group-addon {
            font-weight: bold !important;
        }

.colContainerElementEditElectrical2Level {
    padding-right: 20px !important;
    margin-bottom: 0px !important;
    padding-bottom: 25px;
}

    .colContainerElementEditElectrical2Level span {
        font-weight: 200 !important;
        letter-spacing: 0.7px;
    }

    .colContainerElementEditElectrical2Level i {
        color: #e5e5e5;
        margin-left: -1px;
        font-size: 18px;
        margin-left: 0px;
        margin-right: 3px;
        margin-top: 1px;
    }

    .colContainerElementEditElectrical2Level div.row {
        border-left: 2px solid #e5e5e5;
        margin-left: 4px !important;
        margin-top: -17px;
    }

        .colContainerElementEditElectrical2Level div.row div {
            padding: 2px;
            padding-left: 5px;
        }

            .colContainerElementEditElectrical2Level div.row div div {
                margin-top: 1px;
            }

                .colContainerElementEditElectrical2Level div.row div div span {
                    font-weight: 200 !important;
                    letter-spacing: 0.7px;
                }

                .colContainerElementEditElectrical2Level div.row div div i {
                    color: #e5e5e5;
                    margin-left: -1px;
                    font-size: 18px;
                    margin-left: -5px;
                    margin-right: 3px;
                    margin-top: 1px;
                }

                .colContainerElementEditElectrical2Level div.row div div.row {
                    border-left: 2px solid #e5e5e5;
                    margin-top: 8px;
                }

                    .colContainerElementEditElectrical2Level div.row div div.row div {
                        padding: 0;
                    }

                        .colContainerElementEditElectrical2Level div.row div div.row div div.form-group {
                            margin-top: 0 !important;
                            padding: 0;
                        }

                            .colContainerElementEditElectrical2Level div.row div div.row div div.form-group div.input-group span.input-group-addon.referenceInputForUser {
                                font-weight: bold !important;
                            }

@media ( min-width: 451px ) {
    #fakeLi_navigation_tabs_previewSimStca_envdefcaProjectView {
        display: none !important;
    }
}

@media ( max-width: 450px ) {
    .forceHide {
        display: none !important;
    }
}


.forceViewIpad {
    -webkit-transform: translate3d(0, 0, 0);
}


@media ( max-height: 634px ) {

    #envdefcaDashMainSelector {
        display: none;
    }
}

@media ( min-height: 635px ) {
    #envdefcaDashMainSelector {
        display: block;
    }
}

.transformIconStyle {
    transform: rotate(45deg);
    font-size: 3rem;
    -webkit-animation: rotation 2s infinite linear;
    margin-top: 15px;
}


@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(136deg);
    }

    to {
        -webkit-transform: rotate(45deg);
    }
}


.fixIpadIssueHeight {
}


.fixIpadIssueHeightNavElementsSpan {
    margin-top: 20px !important;
}


.fixIpadIssueIndicatorsServiceSectionsTop {
    margin-top: 23px !important;
}

.fixIpadIssueIndicatorsServiceSectionsBottom {
    margin-top: 15px !important;
}

body[data-browserbrand="safari"] .fixIpadIssueIndicatorsServiceSectionsTop {
    margin-top: 4px !important;
}

body[data-browserbrand="safari"] .fixIpadIssueIndicatorsServiceSectionsBottom {
    margin-top: 0px !important;
}

@media ( max-height: 769px ) {

    body[data-browserbrand="safari"] .fixIpadIssueHeight {
        height: 38px;
    }

    body[data-browserbrand="safari"] .fixIpadIssueHeightNavElements {
        margin-top: 10px !important;
    }

    body[data-browserbrand="safari"] .fixIpadIssueHeightNavElementsSpan {
        margin-top: 25px !important;
    }
}

@media ( min-height: 769px ) {
    body[data-browserbrand="safari"] .fixIpadIssueHeight {
        height: 58px;
    }

    body[data-browserbrand="safari"] .fixIpadIssueHeightNavElements {
        margin-top: 10px !important;
    }

    body[data-browserbrand="safari"] .fixIpadIssueHeightNavElementsSpan {
        margin-top: 25px !important;
    }
}


body[data-browserbrand="safari"][data-browsertype="mobile"] #maindashLicensesContent
{
padding-left:0!important;
padding-right:0!important;
margin-right:-6px!important;
margin-left:-6px!important;
}

body[data-browserbrand="safari"][data-browsertype="mobile"] #maindashActivityContent
{
padding-left:0!important;
padding-right:0!important;
margin-right:-6px!important;
margin-left:-6px!important;
}


body[data-browserbrand="safari"][data-browsertype="mobile"] #maindashNewsContent
{
padding-left:0!important;
padding-right:0!important;
margin-right:-6px!important;
margin-left:-6px!important;
}

body[data-browserbrand="safari"][data-browsertype="mobile"] #maindashProjectsContent
{
padding-left:0!important;
padding-right:0!important;
margin-right:2px!important;
margin-left:-6px!important;
}

.academicBlock {
    padding-top: 0px !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: calc(100vh - 208px) !important;
    margin-top: 61px;
}

    .academicBlock div.col-padding {
        padding-top: 10px;
    }

        .academicBlock div.col-padding div span.tittleSectionAcademic {
            font-style: italic;
        }

        .academicBlock div.col-padding div {
            margin: 10px;
        }

            .academicBlock div.col-padding div img {
                padding: 10px;
                margin: auto;
            }

            .academicBlock div.col-padding div ul li {
                margin-bottom: 5px;
            }

                .academicBlock div.col-padding div ul li span {
                    font-weight: 400;
                }

.goToTopAcademicTextGeneralStyle {
    position: relative;
    margin-top: -45px;
    margin-right: 15px;
    color: white;
    background-color: #1b3a58;
    display: none;
}

    .goToTopAcademicTextGeneralStyle i {
        padding: 5px;
        font-size: 1.1em;
        margin-top: 2px;
        margin-bottom: 4px;
    }

@media ( min-width: 768px ) {
    .grid-dividerAcademic {
        position: relative;
        padding: 0;
    }

        .grid-dividerAcademic > [class*='col-'] {
            position: static;
        }

            .grid-dividerAcademic > [class*='col-']:nth-child(2):before {
                content: "";
                border-left: 1px solid #DDD;
                position: absolute;
                top: 0;
                bottom: 0;
            }

    .col-padding {
        padding: 0 15px;
    }
}


/** End test grid*/
.academicMediaBlock {
    padding-top: 0px !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: calc(100vh - 208px) !important;
    margin-top: 61px;
    margin-right: 6px;
    margin-left: -7px;
}

    .academicMediaBlock div.col-padding {
        padding-top: 10px;
        margin-right: 20px;
    }

        .academicMediaBlock div.col-padding div div.row {
            margin: 10px;
            border: 1px solid #efefef;
            background-color: #f6f6f6;
            color: #686868;
            min-height: 70px !important;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            .academicMediaBlock div.col-padding div div.row:hover div.images_academicMediaBlock img.previewImage_images_academicMediaBlock {
                display: block;
            }

            .academicMediaBlock div.col-padding div div.row div.images_academicMediaBlock {
                padding-left: 0;
                padding-right: 0;
            }

                .academicMediaBlock div.col-padding div div.row div.images_academicMediaBlock img.previewImage_images_academicMediaBlock {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    z-index: 999;
                    display: none;
                }

                .academicMediaBlock div.col-padding div div.row div.images_academicMediaBlock img.mainImage_images_academicMediaBlock {
                    width: 100%;
                    height: 100%;
                }

            .academicMediaBlock div.col-padding div div.row div.content_academicMediaBlock div {
                display: table;
                height: 100%;
            }

                .academicMediaBlock div.col-padding div div.row div.content_academicMediaBlock div div {
                    display: table-cell;
                    vertical-align: middle;
                }

                    .academicMediaBlock div.col-padding div div.row div.content_academicMediaBlock div div div {
                        display: table;
                        height: calc(100% - 40px);
                    }

                        .academicMediaBlock div.col-padding div div.row div.content_academicMediaBlock div div div div {
                            display: table-cell;
                            vertical-align: middle;
                        }

                            .academicMediaBlock div.col-padding div div.row div.content_academicMediaBlock div div div div p {
                                margin-top: 4px;
                            }

        .academicMediaBlock div.col-padding div div.badge_academicMediaBlock {
            margin-top: -34px;
            padding-top: 2px;
            padding-right: 15px;
        }

        .academicMediaBlock div.col-padding div div div.badge {
            background-color: #959697;
            font-size: 11px;
            font-weight: 600;
        }

@media( max-width: 768px ) {



    /** projectDescription START*/
    #headerMobileBts_envdefcaDashPropertiesContentAcademicBlock {
        display: block;
    }

    #headerDesktop_envdefcaDashPropertiesContentAcademicBlock {
        display: none;
    }

    #goTopEnvdefcaDashPropertiesContentAcademicMediaBlockContainer {
        display: block;
    }


    #envdefcaDashPropertiesContentAcademicMediaBlock {
        display: none;
    }
    /** projectDescription END*/

    /** trackDescriptionAcademicBlock START*/
    #headerMobileBts_trackDescriptionAcademicBlock {
        display: block;
    }

    #headerDesktop_trackDescriptionAcademicBlock {
        display: none;
    }

    #goTopTrackDescriptionAcademicMediaBlockContainer {
        display: block;
    }


    #trackDescriptionAcademicMediaBlock {
        display: none;
    }
    /** trackDescriptionAcademicBlock END*/


    /** conductorsAcademicBlock START*/
    #headerMobileBts_conductorsAcademicBlock {
        display: block;
    }

    #headerDesktop_conductorsAcademicBlock {
        display: none;
    }

    #goTopConductorsAcademicMediaBlockContainer {
        display: block;
    }

    #conductorsAcademicMediaBlock {
        display: none;
    }
    /** conductorsAcademicBlock END*/



    /** catenary academy START*/
    #headerMobileBts_catenariescAdemicBlock {
        display: block;
    }

    #headerDesktop_catenariescAdemicBlock {
        display: none;
    }

    #goTopCatenariescAdemicMediaBlockContainer {
        display: block;
    }

    #catenariescAdemicMediaBlock {
        display: none;
    }
    /** ccatenary academy END*/

    /** trains academy START*/
    #headerMobileBts_trainscAdemicBlock {
        display: block;
    }

    #headerDesktop_trainscAdemicBlock {
        display: none;
    }

    #goTopTrainscAdemicMediaBlockContainer {
        display: block;
    }

    #trainscAdemicMediaBlock {
        display: none;
    }
    /** trains academy END*/

    /** studies_envdefcaProjectView academy START*/
    #headerMobileBts_studies_envdefcaProjectViewcAdemicBlock {
        display: block;
    }

    #headerDesktop_studies_envdefcaProjectViewcAdemicBlock {
        display: none;
    }

    #goTopStudies_envdefcaProjectViewcAdemicMediaBlockContainer {
        display: block;
    }

    #studies_envdefcaProjectViewcAdemicMediaBlock {
        display: none;
    }
    /** studies_envdefcaProjectView academy END*/

        /** studiesSTCA_envdefcaProjectView academy START*/
    #headerMobileBts_studiesSTCA_envdefcaProjectViewcAdemicBlock {
        display: block;
    }

    #headerDesktop_studiesSTCA_envdefcaProjectViewcAdemicBlock {
        display: none;
    }

    #goTopstudiesSTCA_envdefcaProjectViewcAdemicMediaBlockContainer {
        display: block;
    }

    #studiesSTCA_envdefcaProjectViewcAdemicMediaBlock {
        display: none;
    }
    /** studiesSTCA_envdefcaProjectView academy END*/

      /** studiesSECA_envdefcaProjectView academy START*/
    #headerMobileBts_studiesSECA_envdefcaProjectViewcAdemicBlock {
        display: block;
    }

    #headerDesktop_studiesSECA_envdefcaProjectViewcAdemicBlock {
        display: none;
    }

    #goTopStudiesSECA_envdefcaProjectViewcAdemicMediaBlockContainer {
        display: block;
    }

    #studiesSECA_envdefcaProjectViewcAdemicMediaBlock {
        display: none;
    }
    /** studiesSECA_envdefcaProjectView academy END*/

    .academicMediaBlock {
        padding-top: 0px !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        height: calc(100vh - 257px) !important;
        margin-top: 61px;
        margin-right: 6px;
        margin-left: -7px;
    }

    .academicBlock {
        padding-top: 0px !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        height: calc(100vh - 257px) !important;
        margin-top: 61px;
        margin-right: 6px;
    }
}

.importantShow {
    display: block !important;
}

@media( min-width: 769px ) {

    /** projectDescription START*/
    #headerMobileBts_envdefcaDashPropertiesContentAcademicBlock {
        display: none;
    }

    #headerDesktop_envdefcaDashPropertiesContentAcademicBlock {
        display: block;
    }

    #envdefcaDashPropertiesContentAcademicMediaBlock, #envdefcaDashPropertiesContentAcademicBlock, #goTopEnvdefcaDashPropertiesContentAcademicBlockContainer, #goTopEnvdefcaDashPropertiesContentAcademicMediaBlockContainer {
        display: block !important;
    }
    /** projectDescription END*/

    /** trackDescriptionAcademicBlock START*/
    #headerMobileBts_trackDescriptionAcademicBlock {
        display: none;
    }

    #headerDesktop_trackDescriptionAcademicBlock {
        display: block;
    }

    #trackDescriptionAcademicMediaBlock, #trackDescriptionAcademicBlock, #goTopTrackDescriptionAcademicBlockContainer, #goTopTrackDescriptionAcademicMediaBlockContainer {
        display: block !important;
    }
    /** trackDescriptionAcademicBlock END*/

    /** trackDescriptionAcademicBlock START*/
    #headerMobileBts_conductorsAcademicBlock {
        display: none;
    }

    #headerDesktop_conductorsAcademicBlock {
        display: block;
    }

    #conductorsAcademicMediaBlock, #conductorsAcademicBlock, #goTopConductorsAcademicBlockContainer, #goTopConductorsAcademicMediaBlockContainer {
        display: block !important;
    }
    /** trackDescriptionAcademicBlock END*/


    /** catenary START*/
    #headerMobileBts_catenariescAdemicBlock {
        display: none;
    }

    #headerDesktop_catenariescAdemicBlock {
        display: block;
    }

    #catenariescAdemicMediaBlock, #catenariescAdemicBlock, #goTopCatenariescAdemicBlockContainer, #goTopCatenariescAdemicMediaBlockContainer {
        display: block !important;
    }
    /** catenary END*/


    /** trains START*/
    #headerMobileBts_trainscAdemicBlock {
        display: none;
    }

    #headerDesktop_trainscAdemicBlock {
        display: block;
    }

    #trainscAdemicMediaBlock, #trainscAdemicBlock, #goTopTrainscAdemicBlockContainer, #goTopTrainscAdemicMediaBlockContainer {
        display: block !important;
    }
    /** trains END*/

      /** studiesSECA_envdefcaProjectView START*/
    #headerMobileBts_studiesSECA_envdefcaProjectViewcAdemicBlock {
        display: none;
    }

    #headerDesktop_studiesSECA_envdefcaProjectViewcAdemicBlock {
        display: block;
    }

    #studiesSECA_envdefcaProjectViewcAdemicMediaBlock, #studiesSECA_envdefcaProjectViewcAdemicBlock, #goTopStudiesSECA_envdefcaProjectViewcAdemicBlockContainer, #goTopStudiesSECA_envdefcaProjectViewcAdemicMediaBlockContainer {
        display: block !important;
    }
    /** studiesSECA_envdefcaProjectView END*/

    /** endefca studies START*/
    #headerMobileBts_studies_envdefcaProjectViewcAdemicBlock {
        display: none;
    }

    #headerDesktop_studies_envdefcaProjectViewcAdemicBlock {
        display: block;
    }

    #studies_envdefcaProjectViewcAdemicMediaBlock, #studies_envdefcaProjectViewcAdemicBlock, #goTopStudies_envdefcaProjectViewcAdemicBlockContainer, #goTopStudies_envdefcaProjectViewcAdemicMediaBlockContainer {
        display: block !important;
    }
    /** endefca studies END*/

        /** StudiesSTCA_envdefcaProjectView START*/
    #headerMobileBts_studiesSTCA_envdefcaProjectViewcAdemicBlock {
        display: none;
    }

    #headerDesktop_studiesSTCA_envdefcaProjectViewcAdemicBlock {
        display: block;
    }

    #studiesSTCA_envdefcaProjectViewcAdemicMediaBlock, #studiesSTCA_envdefcaProjectViewcAdemicBlock, #goTopStudiesSTCA_envdefcaProjectViewcAdemicBlockContainer, #goTopStudiesSTCA_envdefcaProjectViewcAdemicMediaBlockContainer {
        display: block !important;
    }
    /** StudiesSTCA_envdefcaProjectView END*/
}

.headerMobileBts_AcademicBlock {
    padding-top: 3px;
    margin-bottom: -22px;
    margin-right: 45px;
    margin-left: 0px;
    height: 55px;
}

    .headerMobileBts_AcademicBlock div a {
        background-color: white !important;
        color: #0e807e !important;
    }

        .headerMobileBts_AcademicBlock div a.active {
            background-color: #0e807e !important;
            color: #ffffff !important;
        }

.headerDesktop_AcademicBlock {
    padding-top: 12px;
    margin-bottom: -15px;
}

    .headerDesktop_AcademicBlock div span {
        position: absolute;
        margin-top: 10px;
        margin-left: 20px;
        font-weight: 400 !important;
        color: #5d5d5d;
    }

.index_academicBlock div.on5 {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 9px;
    margin-top: 0;
}

    .index_academicBlock div.on5 ul {
        list-style: decimal;
    }

        .index_academicBlock div.on5 ul li ul {
            list-style: latin;
        }

.headerMobileBts {
    padding-top: 3px;
    margin-bottom: -22px;
    margin-right: 45px;
    margin-left: 0px;
}


/**:not(html) {
    -webkit-transform: translate3d(0, 0, 0);
}*/
.price-table {
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #f0f0f0;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

    .price-table:hover {
        background: rgba(0,0,0, .03);
        border-color: #d7d7d7;
    }

    .price-table .price-table-heading {
        color: #333333;
        background: #f9f9f9;
        padding: 10px 0;
        margin: 0;
    }

        .price-table .price-table-heading .title {
            color: #333333;
            font-weight: 900;
            letter-spacing: 1px;
        }

    .price-table > .price-table-body {
        color: #FFFFFF;
        background: #0093DD;
        padding: 50px 0 30px;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

        .price-table > .price-table-body .value {
            font-size: 66px;
            font-weight: 300;
            color: #FFFFFF;
            padding: 0;
        }

            .price-table > .price-table-body .value small {
                font-size: 16px;
            }

    .price-table > .list-group {
        color: #333;
        font-weight: 400;
        margin-bottom: 0;
    }

        .price-table > .list-group .list-group-item {
            color: #333;
            font-weight: 400;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

    .price-table .btn {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-weight: 700;
    }

.price-table-footer {
    background: #eeeeee;
    padding: 15px 0;
}


.price-tableInsider {
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 7px solid #f9f9f9;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    padding-right: 0 !important;
}

    .price-tableInsider:hover {
        background: rgba(0,0,0, .03);
        border-color: #0093DD;
    }

    .price-tableInsider .price-table-heading {
        color: #333333;
        background: #f9f9f9;
        padding: 10px 0;
        margin: 0;
    }

        .price-tableInsider .price-table-heading .title {
            color: #333333;
            font-weight: 900;
            letter-spacing: 1px;
        }

    .price-tableInsider > .price-table-body {
        color: #FFFFFF;
        background: #0093DD;
        padding: 30px 0 10px;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

        .price-tableInsider > .price-table-body .value {
            font-size: 66px;
            font-weight: 300;
            color: #FFFFFF;
            padding: 0;
        }

            .price-tableInsider > .price-table-body .value small {
                font-size: 16px;
            }

    .price-tableInsider > .list-group {
        color: #333;
        font-weight: 400;
        margin-bottom: 0;
    }

        .price-tableInsider > .list-group .list-group-item {
            color: #333;
            font-weight: 400;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

    .price-tableInsider .btn {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-weight: 700;
    }

.oneLineAdjust {
    line-height: 60px;
}

@media (min-width:1600px) {
    .oneLineAdjust {
        line-height: 30px;
    }
}



/*****/



.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}




.licensePackageContainer {
    padding-bottom: 10px;
}

    .licensePackageContainer div .price-table-heading {
        background: white;
    }

        .licensePackageContainer div .price-table-heading h4 {
            margin: 0;
            padding: 15px;
            background: white;
            border: 0;
        }

            .licensePackageContainer div .price-table-heading h4 span {
                font-size: 9rem;
                color: #326392;
            }



        .licensePackageContainer div .price-table-heading div {
            padding: 5px;
        }

            .licensePackageContainer div .price-table-heading div div {
                line-height: 30px;
            }

                .licensePackageContainer div .price-table-heading div div span {
                    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
                    font-weight: 400 !important;
                    letter-spacing: 1.2px;
                    font-size: 2.11rem;
                }


    .licensePackageContainer div .licensePackagePrices {
        padding: 0;
    }

        .licensePackageContainer div .licensePackagePrices div .price-table-heading {
            padding: 0;
        }

        .licensePackageContainer div .licensePackagePrices div .price-table-body .licensePackagePricesCost {
            font-size: 22px;
        }

        .licensePackageContainer div .licensePackagePrices div .price-table-body .licensePackagePricesDuration {
            font-size: 25px;
        }

        .licensePackageContainer div .licensePackagePrices div .bt_licensePackagePricesContainer {
            padding: 0;
            background: #93cb95;
            margin: 0;
        }


            .licensePackageContainer div .licensePackagePrices div .bt_licensePackagePricesContainer div {
                margin: 0;
            }

                .licensePackageContainer div .licensePackagePrices div .bt_licensePackagePricesContainer div .bt_licensePackagePricesAdd {
                    padding: 0;
                    margin: 0;
                    padding-top: 10px;
                    padding-bottom: 8px;
                    color: green;
                    width: 100%;
                    height: 100%;
                }

                    .licensePackageContainer div .licensePackagePrices div .bt_licensePackagePricesContainer div .bt_licensePackagePricesAdd div.ripple-container {
                        overflow-y: hidden;
                    }

                    .licensePackageContainer div .licensePackagePrices div .bt_licensePackagePricesContainer div .bt_licensePackagePricesAdd i {
                        font-size: 3rem;
                    }

                .licensePackageContainer div .licensePackagePrices div .bt_licensePackagePricesContainer div .bt_licensePackagePricesDelete {
                    padding: 0;
                    margin: 0;
                    padding-top: 10px;
                    padding-bottom: 8px;
                    color: #80000c;
                    width: 100%;
                    height: 100%;
                    background-color: #c69196;
                }

                    .licensePackageContainer div .licensePackagePrices div .bt_licensePackagePricesContainer div .bt_licensePackagePricesDelete div.ripple-container {
                        overflow-y: hidden;
                    }

                    .licensePackageContainer div .licensePackagePrices div .bt_licensePackagePricesContainer div .bt_licensePackagePricesDelete i {
                        font-size: 3rem;
                    }

    .licensePackageContainer .licensePackagePricesFooter {
        padding-bottom: 0;
    }

        .licensePackageContainer .licensePackagePricesFooter .div {
            padding-bottom: 0;
        }

        .licensePackageContainer .licensePackagePricesFooter div a {
            padding: 0;
            margin: 0;
            padding-top: 10px;
            padding-bottom: 8px;
            color: #6d6666 !important;
            background-color: #f0f0f0 !important;
            width: 100%;
            height: 100%;
        }

.inactiveBt_maindashLicensesContentManage {
    background-color: #ffffff !important;
    color: #336699 !important;
}

    .inactiveBt_maindashLicensesContentManage .ripple-container {
        overflow-y: hidden;
    }


.activeBt_maindashLicensesContentManage {
    background-color: #336699 !important;
    color: white !important;
}

    .activeBt_maindashLicensesContentManage .ripple-container {
        overflow-y: hidden;
    }


.panelBody_maindashLicensesContentManage {
    margin-top: 4px !important;
    padding-bottom: 6px !important;
    padding-left: 3px !important;
    padding-top: 0px;
    padding-right: 3px !important;
    background-color: rgb(217, 223, 223) !important;
}

    .panelBody_maindashLicensesContentManage div {
        overflow-y: auto;
        margin-right: 0;
        padding-right: 5px;
    }

        .panelBody_maindashLicensesContentManage div div div.row {
            margin: 0;
        }

.bt_NexStepMaindashLicensesContent {
    margin-top: 0px;
    margin-right: -5px;
    margin-bottom: 0;
    height: 44px;
    padding-top: 12px;
    box-shadow: none;
    border-radius: 0;
}

    .bt_NexStepMaindashLicensesContent .ripple-container {
        overflow-y: hidden;
    }


.collapsing {
    -webkit-transition: none;
    transition: none;
}

// Modules and Variables
@import "partials/base";

// Partials
@import "partials/reset";
@import "partials/typography";


.navbarReport {
    border: none;
    border-radius: 0;
    background-color: white !important;
}



@media(min-width:767px) {
    .navbar-headerReport {
        height: 79px !important;
        padding-top: 12px !important;
    }
}
/**REV*/
@media(max-width:767px) {
    .navbar-headerReport {
        height: 79px !important;
        padding-top: 0px !important;
    }
}


.navbar-btnReport {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.lineReport {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 20px 0;
}

.wrapperReport {
    display: flex;
    align-items: stretch;
    background-color: white;
    height: 100%;
}

#sidebarReport {
    min-width: 250px;
    max-width: 250px;
    background: #154890;
    color: #fff;
}

    #sidebarReport.active {
        margin-left: -250px;
    }




@media(min-width:767px) {
    #sidebarReport .sidebarReport-header {
        height: 94px;
        padding: 20px;
        background: #1b3a58;
    }
}

@media(max-width:767px) {
    #sidebarReport .sidebarReport-header {
        background: #1b3a58;
        padding: 5px;
        height: 70px;
    }
}




#sidebarReport ul.components {
    padding: 0;
    border-bottom: 1px solid #1c3b58;
}

#sidebarReport ul p {
    color: #fff;
    padding: 10px;
}

#sidebarReport ul li a {
    padding: 10px;
    font-size: 1.1em;
    letter-spacing: 0.1px;
    display: block;
    color: #eeeeee;
}

#sidebarReport ul ul a {
    background-color: #1e71c1;
}

#sidebarReport ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebarReport ul li.active > a, a[aria-expanded="true"] {
    color: transparent;
}


body[data-browsertype="mobile"] #sidebarReportTraffic {
    min-width: calc(100% - 42px) !important;
    max-width: calc(100% - 42px);
    background: #154890;
    /*height: 100%;*/
      height: 100px;
    color: #fff;
}

@media (max-width: 766px) {
    body[data-browsertype="mobile"] #sidebarReportTraffic.active {
        margin-left: calc(42px - 100%);
    }
}

@media (min-width: 767px) {
    body[data-browsertype="mobile"] #sidebarReportTraffic.active {
        margin-left: -253px;
    }
}


body[data-browsertype="desktop"] #sidebarReportTraffic {
    min-width: 250px;
    max-width: 250px;
    background: #154890;
    height: 100%;
    color: #fff;
}


    body[data-browsertype="desktop"] #sidebarReportTraffic.active {
        margin-left: -250px;
    }


/*#sidebarReportTraffic {
    min-width: 250px;
    max-width: 250px;
    background: #154890;
    color: #fff;
}

    #sidebarReportTraffic.active {
        margin-left: -250px;
    }*/

/*#sidebarReportTraffic .sidebarReport-header {
    height: 94px;
    padding: 20px;
    background: #1b3a58;
}*/


@media(min-width:767px) {
    #sidebarReportTraffic .sidebarReport-header {
        height: 94px;
        padding: 20px;
        background: #1b3a58;
    }
}

@media(max-width:767px) {
    #sidebarReportTraffic .sidebarReport-header {
        background: #1b3a58;
        padding: 5px;
        height: 70px;
    }
}


#sidebarReportTraffic ul.components {
    padding: 0;
    border-bottom: 1px solid #1c3b58;
}

#sidebarReportTraffic ul p {
    color: #fff;
    padding: 10px;
}

#sidebarReportTraffic ul li a {
    padding: 10px;
    font-size: 1.1em !important;
    letter-spacing: 0.1px;
    display: block;
    color: #eeeeee;
}

#sidebarReportTraffic ul ul a {
    background-color: #1e71c1;
}

#sidebarReportTraffic ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebarReportTraffic ul li.active > a, a[aria-expanded="true"] {
    color: transparent;
}


/*@media( max-width: 769px ) {
    #sidebarReportTraffic {
        min-width: calc(100% - 42px);
        max-width: calc(100% - 42px);
        background: #154890;
        color: #fff;
    }


        #sidebarReportTraffic.active {
            margin-left: calc(42px - 100%);
        }
}*/

#sidebarReportCatenary {
    min-width: 250px;
    max-width: 250px;
    background: #154890;
    color: #fff;
}

    #sidebarReportCatenary.active {
        margin-left: -250px;
    }

    #sidebarReportCatenary .sidebarReport-header {
        height: 94px;
        padding: 20px;
        background: #1b3a58;
    }

    #sidebarReportCatenary ul.components {
        padding: 0;
        border-bottom: 1px solid #1c3b58;
    }

    #sidebarReportCatenary ul p {
        color: #fff;
        padding: 10px;
    }

    #sidebarReportCatenary ul li a {
        padding: 10px;
        font-size: 1.1em;
        letter-spacing: 0.1px;
        display: block;
        color: #eeeeee;
    }

    #sidebarReportCatenary ul ul a {
        background-color: #1e71c1;
    }

    #sidebarReportCatenary ul li a:hover {
        color: #7386D5;
        background: #fff;
    }

    #sidebarReportCatenary ul li.active > a, a[aria-expanded="true"] {
        color: transparent;
    }


a[data-toggle="collapse"][reportItem="true"] {
    position: relative;
}

a[aria-expanded="false"][reportItem="true"]::before, a[aria-expanded="true"][reportItem="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    margin-top: 5px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}

a[aria-expanded="true"][reportItem="true"]::before {
    content: '\e260';
}


ul ul a[reportItem="true"] {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

/**
    Submenu start
*/
a[data-toggle="collapse"][reportItem="truesubmenu"] {
    position: relative;
}

a[aria-expanded="false"][reportItem="truesubmenu"]::before, a[aria-expanded="true"][reportItem="truesubmenu"]::before {
    content: '\e260';
    display: block;
    position: absolute;
    right: 20px;
    margin-top: 5px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}

a[aria-expanded="true"][reportItem="truesubmenu"]::before {
    content: '\e259';
}


ul ul a[reportItem="truesubmenu"] {
    font-size: 0.9em !important;
    padding-left: 25px !important;
    min-height: 41px;
    background: #6d7fcc;
}

/** Nivel 2 */
#sidebarReport ul li ul li a {
    padding: 10px;
    font-size: 1.1em !important;
    display: block;
    color: #eeeeee;
}

/** Nivel 3 */
#sidebarReport ul li ul li ul li a {
    padding: 10px;
    font-size: 1.1em !important;
    display: block;
    color: #eeeeee;
}
/** Submenu end

*/



/**
    Submenu TESTTT
*/
a span[data-toggle="collapse"][reportItem="truesubmenu"] {
    position: relative;
}

a span[aria-expanded="false"][reportItem="truesubmenu"]::before, a span[aria-expanded="true"][reportItem="truesubmenu"]::before {
    /*content: '\e259';*/
    content: '\e260';
    display: block;
    position: absolute;
    right: 20px;
    margin-top: 5px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}

a span[aria-expanded="true"][reportItem="truesubmenu"]::before {
    /*content: '\e260';*/
    content: '\e259';
}


/*ul ul a[reportItem="truesubmenu"] {
    font-size: 0.9em !important;
    padding-left: 40px !important;
    background: #6d7fcc;
}*/

/** Submenu TESTTT

*/
ul.CTAs {
    padding: 20px;
}

    ul.CTAs a {
        text-align: center;
        font-size: 0.9em !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 5px;
    }

a.download {
    background: #fff;
    color: #7386D5;
}

a.article, a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

#contentReport {
    padding: 20px;
    min-height: 100vh;
}

@media (max-width: 768px) {
    /*#sidebarReport {
        margin-left: -250px;
    }

        #sidebarReport.active {
            margin-left: 0;
        }

    #sidebarCollapse span {
        display: none;
    }*/
}

.collapseSelectorReport {
    width: 50px;
    margin-top: -41px;
    height: 41px;
}

.separatorHeaderNavReport {
    border-top: 1px solid #1b3a58;
    max-height: calc(100vh - 245px);
    overflow-y: auto;
}

.headerTypeCA_ProjectReport {
    min-height: 94px;
    background-color: #154890;
    border-left: 7px solid #059b98;
}

    .headerTypeCA_ProjectReport:hover {
        background-color: #154890 !important;
        border-left: 7px solid #059b98 !important;
        color: rgba(255, 255, 255, 0.00) !important;
        /*background: #6d7fcc !important;
    color: #fff !important;*/
    }

.headerTypeCA_ProjectReport_container {
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    background-color: #154890 !important;
}

.headerTypeCA_ProjectReport_iconPCA {
    padding-left: 2px !important;
    margin-right: 13px;
    font-size: 70px !important;
    margin-top: 2px;
}

.logoOlgaAtReportStyle {
    font-size: 30px !important;
    cursor: pointer;
    margin-top: 8px;
}

.mainListReport {
    padding-top: 0px;
}

.headerTypeCA_ProjectReport_sub1 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 15px 0;
    border-color: transparent #01243B transparent transparent;
    margin-right: -45px;
    margin-top: -3px;
}

.headerTypeCA_ProjectReport_designText {
    position: absolute;
    margin-top: 2px;
    margin-left: 3px;
    font-size: 17px;
    letter-spacing: 3px;
    font-weight: 300;
}

.headerTypeCA_ProjectReport_electricText {
    position: absolute;
    margin-top: 22px;
    margin-left: 3px;
    font-size: 17px;
    letter-spacing: 2.8px;
    font-weight: 300;
}

.headerTypeCA_ProjectReport_railway {
    position: absolute;
    margin-top: 40px;
    margin-left: 3px;
    font-size: 17px;
    letter-spacing: 1.0px;
    font-weight: 400;
}

.headerTypeCA_ProjectReport_CA {
    position: absolute;
    margin-top: 61px;
    margin-left: 3px;
    letter-spacing: 0.4px;
    font-size: 11px;
    font-weight: 300;
}

.headerTypeCA_electricalSimulator_ProjectReport {
    min-height: 44px;
    background-color: #154890;
    border-left: 7px solid #9b6d7d;
}

.headerTypeCA_trafficSimulator_ProjectReport {
    min-height: 44px;
    background-color: #154890;
    border-left: 7px solid #e1935b;
}

.headerTypeCA_catenarySimulator_ProjectReport {
    min-height: 44px;
    background-color: #154890;
    border-left: 7px solid #0e807e;
}

.headerTypeCA_electricalSimulatorIconStyle_ProjectReport {
    font-size: 25px;
    margin-left: 19px;
    color: white;
    margin-top: 9px !important;
    position: absolute;
}

.headerTypeCA_electricalSimulatoTextStyle_ProjectReport {
    position: absolute;
    margin-top: 8px;
    margin-left: 71px;
    font-size: 17px;
    letter-spacing: 2px;
    font-weight: 300;
}

.headerTypeCA_catenarySimulatoTextStyle_ProjectReport {
    position: absolute;
    margin-top: 8px;
    margin-left: 71px;
    font-size: 17px;
    letter-spacing: -0.2px;
    font-weight: 300;
}


.collapseContainerListElementsReport {
    height: 0px;
}

.collapseOverflowReport8elements {
    max-height: calc(100vh - 574px);
    overflow-y: auto;
}



//// @media(min-width:767px) {
    .lineReportMainSeparator;

{
    width: 100%;
    height: 1px;
    border-bottom: 2px solid #ddd;
    margin-bottom: 2px;
    margin-top: 15px;
}

}
/**REV*/
@media(max-width:767px) {
    .lineReportMainSeparator {
        width: 100%;
        height: 1px;
        border-bottom: 2px solid #ddd;
        margin-bottom: 2px;
        margin-top: -11px;
    }
}


/// .contentFirstElementReport {
    margin-top: 10px;
}

.contentReportExpand {
    width: calc(100% - 10px);
}

.contentReportMin {
    width: calc(100% - 260px);
    min-width: 250px;
}

.rowContentReportMainStyle {
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 20px;
}

.gotoTopReportStyleMain {
    position: relative;
    margin-top: -45px;
    margin-right: 15px;
    color: white;
    background-color: #1b3a58;
    display: none;
}

.containerMainBlockReport {
    padding: 0 !important;
}

.subContainerMainBlockReport {
    margin-top: 20px !important;
}

.panelHeadingMainBlockReport {
    margin: -12px -5px 0px 0px;
    box-shadow: none;
}

.headingMainBlockReport {
    background: #1e71c1 !important;
    font-size: 18px !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    margin-left: -9px !important;
}

.panelMainBlockReport {
    margin: 10px 10px 10px 6px;
    border-left: 1px solid #eeeeee;
}

.panelMainBodyBlockReport {
    padding-bottom: 0px !important;
}


.panelMainBodyBlockReportContainerNonIndicator {
    margin-top: 0px !important;
    border: 2px solid #eeeeee;
}

.panelMainBodyBlockReportContainerNonIndicatorPanel {
    margin: 0px -16px 0px -16px;
    box-shadow: none;
}
/** BTs Start*/
.bt_fullscreenReport {
    margin-top: -4px !important;
    margin-left: 10px !important;
    margin-right: -8px;
}

    .bt_fullscreenReport i {
        font-size: 20px !important;
    }


.bt_downloadCSVReport {
    margin-top: -4px !important;
    margin-right: -8px !important;
}

    .bt_downloadCSVReport i {
        font-size: 20px !important;
    }

.bt_downloadIMGReport {
    margin-top: -4px !important;
}

    .bt_downloadIMGReport i {
        font-size: 20px !important;
    }


/** BTs End*/

/** Ajuste de gr�ficas*/
#result_reportElectricalAC_a4pantographVoltages_mainServicesPantographVoltages div div div div div div .dygraph-xlabel {
    margin-top: 16px;
}
/***/


/**Main blocks start*/

.panelContainer_level0Report {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #dddddd;
}

    .panelContainer_level0Report .panel-heading {
        background-color: #1e71c1 !important;
        color: white;
        border-radius: 0px;
        font-size: 18px !important;
    }

        .panelContainer_level0Report .panel-heading .labelInfoMainHeaderReportTitle {
            font-size: 100%;
            margin-right: 10px;
            margin-left: -8px;
            background-color: #144c82;
            font-weight: 500;
            letter-spacing: 0.6px;
        }

        .panelContainer_level0Report .panel-heading .mainHeaderReportTitle {
            font-weight: 400;
            letter-spacing: 0.2px;
        }

        .panelContainer_level0Report .panel-heading .defaultFullScreenReport {
            box-shadow: none;
            border: 1px solid #dddddd;
            margin-top: -3px;
            margin-right: -7px;
            margin-left: 10px;
            /*background: #1f71c1;*/
            background: #1B6AA5;
        }

            .panelContainer_level0Report .panel-heading .defaultFullScreenReport:hover {
                background-color: #144c82;
            }

            .panelContainer_level0Report .panel-heading .defaultFullScreenReport i {
                font-size: 20px;
                color: white !important;
            }

        .panelContainer_level0Report .panel-heading .defaultDownloadCSVReport {
            box-shadow: none;
            border: 1px solid white;
            margin-right: -2px;
            margin-top: -3px;
            /*background: #1f71c1;*/
            background: #1B6AA5;
        }

            .panelContainer_level0Report .panel-heading .defaultDownloadCSVReport:hover {
                background-color: #144c82;
            }

            .panelContainer_level0Report .panel-heading .defaultDownloadCSVReport i {
                font-size: 20px;
                color: white;
            }

        .panelContainer_level0Report .panel-heading .defaultDownloadIMGReport {
            box-shadow: none;
            border: 1px solid white;
            margin-right: 8px;
            margin-top: -3px;
            /*background: #1f71c1;*/
            background: #1B6AA5;
            border-radius: 0px;
        }

            .panelContainer_level0Report .panel-heading .defaultDownloadIMGReport:hover {
                background-color: #144c82;
            }

            .panelContainer_level0Report .panel-heading .defaultDownloadIMGReport i {
                font-size: 20px;
                color: white;
            }

    .panelContainer_level0Report .panel-body .graphContainer {
        padding-top: 2px !important;
        padding-right: 2px !important;
    }

        .panelContainer_level0Report .panel-body .graphContainer .graphStyle {
            height: calc(100vh - 315px);
        }


.panelContainer_level1Report {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #dddddd;
}

    .panelContainer_level1Report .panel-heading {
        /*background-color: #1e71c1 !important;*/
        background-color: #1B6AA5 !important;
        color: white;
        border-radius: 0px;
        font-size: 18px !important;
    }

        .panelContainer_level1Report .panel-heading .labelInfoMainHeaderReportTitle {
            font-size: 100%;
            margin-right: 10px;
            margin-left: -8px;
            background-color: #144c82;
            font-weight: 500;
            letter-spacing: 0.6px;
        }

        .panelContainer_level1Report .panel-heading .mainHeaderReportTitle {
            font-weight: 400;
            letter-spacing: 0.2px;
        }

        .panelContainer_level1Report .panel-heading .defaultFullScreenReport {
            box-shadow: none;
            border: 1px solid #dddddd;
            margin-top: -3px;
            margin-right: -7px;
            margin-left: 10px;
            /*background: #1f71c1;*/
            background: #1B6AA5;
        }

            .panelContainer_level1Report .panel-heading .defaultFullScreenReport:hover {
                background: #144c82;
            }

            .panelContainer_level1Report .panel-heading .defaultFullScreenReport i {
                font-size: 20px;
                color: white !important;
            }

        .panelContainer_level1Report .panel-heading .defaultDownloadCSVReport {
            box-shadow: none;
            border: 1px solid white;
            margin-right: -2px;
            margin-top: -3px;
            /*background: #1f71c1;*/
            background: #1B6AA5;
        }

            .panelContainer_level1Report .panel-heading .defaultDownloadCSVReport:hover {
                background: #144c82;
            }

            .panelContainer_level1Report .panel-heading .defaultDownloadCSVReport i {
                font-size: 20px;
                color: white;
            }

        .panelContainer_level1Report .panel-heading .defaultDownloadIMGReport {
            box-shadow: none;
            border: 1px solid white;
            margin-right: 8px;
            margin-top: -3px;
            /*background: #1f71c1;*/
            background: #1B6AA5;
            border-radius: 0px;
        }

            .panelContainer_level1Report .panel-heading .defaultDownloadIMGReport:hover {
                background: #144c82;
            }

            .panelContainer_level1Report .panel-heading .defaultDownloadIMGReport i {
                font-size: 20px;
                color: white;
            }

    .panelContainer_level1Report .panel-body .graphContainer {
        padding-top: 2px !important;
        padding-right: 2px !important;
    }

        .panelContainer_level1Report .panel-body .graphContainer .graphStyle {
            height: calc(100vh - 347px);
        }



.panelContainer_level1Report_twoElements50 {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #dddddd;
}

    .panelContainer_level1Report_twoElements50 .mapContainerFix50 {
        width: 100%;
        height: calc(100vh - 172px);
        position: relative;
        overflow: hidden;
        transform: translateZ(0px);
        background-color: rgb(229, 227, 223);
        margin-bottom: 0;
    }

    .panelContainer_level1Report_twoElements50 .mapContainerFixBarReserve {
        width: 100%;
        height: calc(100vh - 239px);
        position: relative;
        overflow: hidden;
        transform: translateZ(0px);
        background-color: rgb(229, 227, 223);
        margin-bottom: 0;
    }

    .panelContainer_level1Report_twoElements50 .panel-heading {
        /*background-color: #1e71c1 !important;*/
        background-color: #1B6AA5 !important;
        color: white;
        border-radius: 0px;
        font-size: 18px !important;
    }

        .panelContainer_level1Report_twoElements50 .panel-heading .labelInfoMainHeaderReportTitle {
            font-size: 100%;
            margin-right: 10px;
            margin-left: -8px;
            background-color: #144c82;
            font-weight: 500;
            letter-spacing: 0.6px;
        }

        .panelContainer_level1Report_twoElements50 .panel-heading .mainHeaderReportTitle {
            font-weight: 400;
            letter-spacing: 0.2px;
        }

        .panelContainer_level1Report_twoElements50 .panel-heading .defaultFullScreenReport {
            box-shadow: none;
            border: 1px solid #dddddd;
            margin-top: -3px;
            margin-right: -7px;
            margin-left: 10px;
            background: #1B6AA5;
        }

            .panelContainer_level1Report_twoElements50 .panel-heading .defaultFullScreenReport:hover {
                background: #144c82;
            }

            .panelContainer_level1Report_twoElements50 .panel-heading .defaultFullScreenReport i {
                font-size: 20px;
                color: white !important;
            }

        .panelContainer_level1Report_twoElements50 .panel-heading .defaultDownloadCSVReport {
            box-shadow: none;
            border: 1px solid white;
            margin-right: -2px;
            margin-top: -3px;
            /*background: #1f71c1;*/
            background: #1B6AA5;
        }

            .panelContainer_level1Report_twoElements50 .panel-heading .defaultDownloadCSVReport:hover {
                background: #144c82;
            }

            .panelContainer_level1Report_twoElements50 .panel-heading .defaultDownloadCSVReport i {
                font-size: 20px;
                color: white;
            }

        .panelContainer_level1Report_twoElements50 .panel-heading .defaultDownloadIMGReport {
            box-shadow: none;
            border: 1px solid white;
            margin-right: 8px;
            margin-top: -3px;
            /*background: #1f71c1;*/
            background: #1B6AA5;
            border-radius: 0px;
        }

            .panelContainer_level1Report_twoElements50 .panel-heading .defaultDownloadIMGReport:hover {
                background: #144c82;
            }

            .panelContainer_level1Report_twoElements50 .panel-heading .defaultDownloadIMGReport i {
                font-size: 20px;
                color: white;
            }

    .panelContainer_level1Report_twoElements50 .panel-body .graphContainer {
        padding-top: 2px !important;
        padding-right: 2px !important;
    }

        .panelContainer_level1Report_twoElements50 .panel-body .graphContainer .graphStyle {
            height: calc(100vh - 347px);
        }

            .panelContainer_level1Report_twoElements50 .panel-body .graphContainer .graphStyle.singleElementAtView {
                height: calc(100vh - 296px);
            }



#G_fPantographVoltageDistributionSummary_ProbConcuVsRange {
    height: calc(100vh - 365px);
}
/**Main blocks end*/

.panelfooterTableReport {
    background-color: white;
    color: grey;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}


.warningReport {
    color: #FBB601;
    margin-top: -3px;
    margin-left: 5px;
    font-weight: 600;
}

    .warningReport:hover {
        color: #FBB601;
    }

.alarmReport {
    color: #D72729;
    margin-top: -3px;
    margin-left: 5px;
    font-weight: 600;
}

    .alarmReport:hover {
        color: #D72729;
    }

.containerTitleReportExpand {
    width: calc(100% - 400px);
    position: absolute;
    margin-left: 100px;
    overflow-y: auto;
    max-height: 79px;
}

.containerTitleReportCollapse {
    width: calc(100% - 450px);
    position: absolute;
    margin-left: 100px;
    overflow-y: auto;
    max-height: 79px;
}


.auxBtFotReportHeadings1 {
    box-shadow: none !important;
    border: 1px solid #dddddd;
    margin-top: -5px;
    margin-right: -7px;
    background: #1B6AA5 !important;
    color: white !important;
    margin-left: 12px;
}

    .auxBtFotReportHeadings1 i {
        margin-right: 8px;
    }

.auxBtFotReportHeadings2 {
    color: white !important;
    box-shadow: none !important;
    border: 1px solid #dddddd;
    margin-top: -5px;
    margin-right: -7px;
    background: #1B6AA5 !important;
}

    .auxBtFotReportHeadings2 i {
        margin-right: 8px;
    }


.goToTopReportGeneralStyle {
    position: relative;
    margin-top: -45px;
    margin-right: 15px;
    color: white;
    background-color: #1b3a58;
    display: none;
}

    .goToTopReportGeneralStyle i {
        padding: 5px;
        font-size: 1.1em;
        margin-top: 2px;
        margin-bottom: 4px;
    }


/** Same height fix conductor groups*/
.panelbodyAskForParent:parent:parent:parent {
    height:;
}



a[href="#voltages_reportElectricalAC"]:hover + a {
    color: #154890 !important;
}

a[href="#catenaryCurrents_reportElectricalAC"]:hover + a {
    color: #154890 !important;
}

a[href="#powerTransformers_reportElectricalAC"]:hover + a {
    color: #154890 !important;
}

a[href="#voltagesAtPantograph_reportElectricalAC"]:hover + a {
    color: #154890 !important;
}

a[href="#catenaryVoltageDistribution_reportElectricalAC"]:hover + a {
    color: #154890 !important;
}

a[href="#traffic_ReportTraffic"]:hover + a {
    color: #154890 !important;
}

a[href="#servicesReportTraffic"]:hover + a {
    color: #154890 !important;
}

a[href="#equivalentConductors_reportElectricalAC"]:hover + a {
    color: #154890 !important;
}

a[href="#physicalConductors_reportElectricalAC"]:hover + a {
    color: #154890 !important;
}


/*.counterBlockSubstationsLateralMap .row a .collapsed i:first-child {
    background-color: #058c0a !important;
    display: none;
}*/




/*.counterBlockSubstationsLateralMap .row a .collapsed {
    content: 'expand_less' !important;
    background-color: blue;
}

.counterBlockSubstationsLateralMap .row a[aria-expanded="false"][lateralSubstationElementSECA="true"] i {
    background-color: #D72729;
    content: 'expand_more' !important;
}*/


/*.counterBlockSubstationsLateralMap .row a[aria-expanded="false"][lateralSubstationElementSECA="true"]::before, .counterBlockSubstationsLateralMap .row a[aria-expanded="true"][lateralSubstationElementSECA="true"]::before {
    content: '\e260';
    display: block;
    position: absolute;
    right: 20px;
    margin-top: 5px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}

.counterBlockSubstationsLateralMap .row  a[aria-expanded="true"][lateralSubstationElementSECA="true"]::before {
    content: '\e259';
}*/


.reportGroupMobileBts[aria-expanded="true"] {
    background-color: #1b3a58 !important;
}

.reportGroupMobileBtsGroup {
    margin-top: -8px;
    margin-right: -12px;
    margin-bottom: 0;
}

    .reportGroupMobileBtsGroup a {
        width: 20px;
    }

        .reportGroupMobileBtsGroup a i {
            color: white;
            margin-left: -12px;
        }

    .reportGroupMobileBtsGroup ul {
        width: 60px !important;
        max-width: 60px !important;
        min-width: 60px !important;
        margin-right: 0px !important;
        background-color: #1b6aa5;
    }

        .reportGroupMobileBtsGroup ul li {
            border: 1px solid white;
            margin-right: 5px;
            margin-left: 5px;
            padding-top: 5px;
            padding-bottom: 5px;
        }

            .reportGroupMobileBtsGroup ul li:nth-of-type(2) {
                margin-top: 4px;
            }

            .reportGroupMobileBtsGroup ul li:nth-of-type(3) {
                margin-top: 4px;
            }

            .reportGroupMobileBtsGroup ul li a i {
                padding-right: 15px !important;
                font-size: 24px;
                color: white;
                margin-left: -6px;
            }

.reportGroupMobileBtsGroupul ul li a i:nth-of-type(2) {
    margin-left: -6px;
}

.reportGroupMobileBtsGroup ul li a i:nth-of-type(3) {
    margin-left: -8px;
}


.headingMpbileReportStyleTruncate span.vNameCompose {
    margin-left: -10px;
    padding-right: 41px;
    margin-top: -6px;
}

    .headingMpbileReportStyleTruncate span.vNameCompose span {
        padding-top: 11px;
        padding-bottom: 10px;
    }

.headingMpbileReportStyleTruncate span.vTypeGraph {
    margin-top: 9px;
}


.headingMpbileReportStyleTruncate div.reportGroupMobileBtsGroup {
    margin-top: -73px;
}


body[data-browsertype="desktop"] #sidebarCollapseReportTrafficContainer {
    position: absolute;
    z-index: 9999;
    margin-top: -158px;
    margin-left: calc(100% - 52px);
}

body[data-browsertype="mobile"] #sidebarCollapseReportTrafficContainer {
    position: absolute;
    z-index: 9999;
    margin-top: 0;
    margin-left: calc(100% - 52px);
}

#sidebarReportTraffic.active div#sidebarCollapseReportTrafficContainer span.rightShowReport {
    display: none;
}

#sidebarReportTraffic.active div#sidebarCollapseReportTrafficContainer span.leftShowReport {
    display: block;
}

#sidebarReportTraffic div#sidebarCollapseReportTrafficContainer span.rightShowReport {
    display: block;
}

#sidebarReportTraffic div#sidebarCollapseReportTrafficContainer span.leftShowReport {
    display: none;
}

body[data-browsertype="mobile"] #sidebarCollapseReportTrafficContainer span.rightShowReport {
    margin-left: calc(100% - 64px) !important;
    background-color: #154890;
    z-index: 9999;
    font-size: 3rem;
    padding: 11px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomright: 12px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-right: 8px;
    margin-top: 0;
}

body[data-browsertype="mobile"] #sidebarCollapseReportTrafficContainer span.leftShowReport {
    margin-left: 0px;
    background-color: #154890;
    z-index: 9999;
    font-size: 3rem;
    padding: 11px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomright: 12px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-right: 8px;
    margin-top: 0;
}


body[data-browsertype="desktop"] #sidebarCollapseReportTrafficContainer span.rightShowReport {
    margin-left: calc(100% - 64px) !important;
    background-color: #154890;
    z-index: 9999;
    font-size: 3rem;
    padding: 11px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomright: 12px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-right: 8px;
    margin-top: 100vh;
}

body[data-browsertype="desktop"] #sidebarCollapseReportTrafficContainer span.leftShowReport {
    margin-left: 0px;
    background-color: #154890;
    z-index: 9999;
    font-size: 3rem;
    padding: 11px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomright: 12px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-right: 8px;
    margin-top: 100vh;
}

.rightShowReport {
    /*margin-left: 194px;*/
}

.leftShowReport {
}


@media(min-width:767px) {
    #sidebarCollapseReportTrafficDeskBt {
        display: block;
    }

    #sidebarCollapseReportTrafficContainer {
        display: none;
    }
}
/**REV*/
@media(max-width:767px) {


    #sidebarCollapseReportTrafficContainer {
        display: block;
    }

    #sidebarCollapseReportTrafficDeskBt {
        display: none;
    }
}

body[data-browsertype="desktop"] .contentReportStyleScroller {
    overflow-y: auto;
    height: calc(100vh - 120px);
    margin-right: -5px;
    margin-left: 15px;
    margin-top: 9px;
}

body[data-browsertype="mobile"] .contentReportStyleScroller {
    overflow-y: auto;
    height: 100px;
    margin-right: -5px;
    margin-left: 15px;
    margin-top: 9px;
}

.middleAdjust > * {
    vertical-align: middle;
}

.mobileLoadingGraph {
    background-image: url(../app/assets/img/report/backgroundGraph.png);
    background-size: cover;
}

.mobileLoadingMap {
    background-image: url(../app/assets/img/report/backgroundMap.png);
    background-size: cover;
}