#HMS_MENU li {
        list-style: none;
    }

    #HMS_MENU .hmsli {
        margin-left: -25px;
        margin-bottom: 6px;
        margin-top: 6px;
        margin-right: 0;
    }

    #HMS_MENU span {
        margin: 4px 4px 4px 4px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        background: none;
        text-decoration: none;
    }

    #HMS_MENU span a {
        margin: 4px 4px 4px 4px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        background: none;
        text-decoration: none;
    }

    #HMS_MENU a {
        margin: 4px 4px 4px 4px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        font-weight: 300;
        color: #bdbdbd;
        background: none;
        text-decoration: none;
    }

    #HMS_MENU a:focus {
        margin: 4px 4px 4px 4px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        font-weight: 300;
        color: #428bca;
        background: none;
        text-decoration: none;
    }

    #HMS_MENU a:hover {
        margin: 4px 4px 4px 4px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        font-weight: 300;
        color: #428bca;
        background: none;
        text-decoration: none;
    }

    #HMS_MENU a:active {
        margin: 4px 4px 4px 4px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        font-weight: 300;
        color: #428bca;
        background: none;
        text-decoration: none;
    }


    /* Style for the table  03.03.2025 E.Rger*/

    #TableHeight * {
        max-width: 100%; /* Sikrer at barn-elementer ikke sprenger rammen */
    }

    .table-ER {
        border-collapse: separate !important; /* Don't collapse */
        border-spacing: 0 !important;
    }

        .table-ER th {
            border-top: 1px solid #ddd !important;
            border-bottom: 1px solid #ddd !important;
            border-right: 1px solid #ddd !important;
        }

        .table-ER td {
            /* For cells, apply the border to one of each side only (right but not left, bottom but not top) */
            border-top: 0 !important;
            border-bottom: 1px solid #ddd !important;
            border-right: 1px solid #ddd !important;
        }

            .table-ER th:first-child,
            .table-ER td:first-child {
                /* Apply a left border on the first <td> or <th> in a row */
                border-left: 1px solid #ddd !important;
            }


        .table-ER thead th {
            position: sticky;
            top: 0;
            background-color: #f1f7ff;
            z-index: 1;
        }

    .portlet {
        margin-bottom: 0 !important;
    }

    /* Slutt style for the table */

.skjul {
    display: none;
}

.center-text {
    text-align: center;
}

/* PageZiseMenu - 02.03.2025 E.RYGER */
    .PageZiseMenu {
        list-style: none; /* Fjerner standard punktmerking */
        margin: 0;
        padding: 10px;
        background: #ffffff; /* Lys bakgrunn */
        min-width: 200px; /* Minimum bredde */
    }

    .PageZiseMenu li {
        padding: 8px 12px;
        border-bottom: 1px solid #eee; /* Tynn linje mellom elementene */
    }

    .PageZiseMenu li:last-child {
        border-bottom: none; /* Fjerner linje på siste element */
    }

    .PageZiseMenu a {
        text-decoration: none;
        color: #333; /* Mørkegrå tekst */
        font-weight: 500;
        display: block;
        transition: background 0.2s ease-in-out;
    }

    .PageZiseMenu a:hover {
        background: #f5f5f5; /* Lett grå bakgrunn ved hover */
        color: #000; /* Mørkere tekst ved hover */
        border-radius: 4px;
    }


/* max-width: 1200px = modal -xl */ 
    @media (max-width: 1200px) {


    }
/* Jeg tar classen ut av @media slik a div blir responsiv med en gang den er på utsiden av View port til nettleser.*/
    .MyResponsiveDiv {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;

    }

    .MyResponsiveDiv .table th {
        background-color: #838181 !important;
        color: white !important;
    }

    .MyResponsiveDiv .table th a {
        color: white !important;
    }


    /* width */
    .MyResponsiveDiv::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    /* Track */
    .MyResponsiveDiv::-webkit-scrollbar-track {
        border-radius: 0;
        color: white;
        background-color: white;
    }

    /* Handle #428bca */
    .MyResponsiveDiv::-webkit-scrollbar-thumb {
        background: #337321;
        border-radius: 5px;
    }

    /* Slutt min responsive*/

    /* setter denne classen på tooltip slik at den alltid er på topp også over en modal, classen settes i _Layout.cshtml */ 
    .minTopZindex {
        z-index: 12200 !important;
    }

    /* class på img på tooltip */
    .mYimg {
        width: 100%;
        max-width: 700px;
        max-height:700px;
    }

/*    .table th {
        background-color: #fff;
    }*/






/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 0;
    color: white;
    background-color: white;
}

/* Handle border-radius: 5px; */
::-webkit-scrollbar-thumb {
    /*        background: #337321;*/
    border-radius: 10px;
}

/*    ::-webkit-scrollbar-thumb:hover {
        background: greenyellow;
    }*/




.MyResponsiveDivEquipment {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}


    /* width */
    .MyResponsiveDivEquipment::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    /* Track */
    .MyResponsiveDivEquipment::-webkit-scrollbar-track {
        border-radius: 0;
        color: white;
        background-color: white;
    }

    /* Handle */
    .MyResponsiveDivEquipment::-webkit-scrollbar-thumb {
        background: #428bca;
        border-radius: 5px;
    }




.coockeiER {
    border-radius: 5px !important;
    padding: 0;
    color: white !important;
    margin: 2px;
}

    div.ui-tooltip {
        max-width: 900px;
    }

    .DateTrash {
        position: sticky;
        left: 0;
        padding-top: 6px;
        zoom: 1.4;
        color: #ccc;
        cursor: pointer;
    }


    /* User red tab*/

    .faLightUp {
        -moz-box-shadow: 0 0 4px 4px #f7ec6d;
        -webkit-box-shadow: 0 0 4px 4px #f7ec6d;
        box-shadow: 0 0 4px 4px #f7ec6d;
    }

    /* User red tab end*/
    .blink {
        color: blue !important;
    }

     .stopunderline{
         text-decoration: none !important;
     }


    .ER_Trello{
        cursor:copy;
    }

    .ER_Trello_Text_hide{
        display:none;
    }

    .ER_Trello_Text{

        position:absolute;    
        float:right;
        top:120px;
        right:200px;
        z-index:1000;
        color:white;
    }



    .fa-itemER{
        display: inline-block;
        margin-top: 10px;
        padding-right:14px;
    }

    .unreadable{
      color:#ffffff;  
    }

    .LocationPay{
        color:#b94a48;
        font-style:italic;
        font-weight:bolder;
    }

    .LocationWeightReceipt{
        color:#b94a48;
        font-style:italic;
        font-weight:bolder;
    }

    .MyInfo{
        color:#b94a48;
        font-style:italic;
        font-weight:bolder;
    }


    .footer-sticky {  
      position: fixed; /* this makes your footer sticky */
      width: 100%;
      background-color: #333; 
      bottom: 0; /* this makes your footer stick at the bottom */
    }


    /* gmap infowindow */
    #content{
        width:250px;
    }

    .ERSearch{
      border-bottom: 1px solid #ffffff !important; 
      border-top: 0px solid #4b8df8  !important; 
      border-left: 0px solid #4b8df8  !important; 
      border-right: 0px solid #4b8df8  !important; 
      background-image: none !important;
      background-color: #4b8df8 !important;
      color: #ffffff !important;
      height: 30px !important;
    }


    .ERSearchgrey{
      border-bottom: 1px solid #ffffff !important; 
      border-top: 0px solid #555555  !important; 
      border-left: 0px solid #555555  !important; 
      border-right: 0px solid #555555  !important; 
      background-image: none !important;
      background-color: #555555 !important;
      color: #ffffff !important;
      height: 30px !important;
    }

    .ERSearchGreen{
      border-bottom: 1px solid #ffffff !important; 
      border-top: 0px solid #4b8df8  !important; 
      border-left: 0px solid #4b8df8  !important; 
      border-right: 0px solid #4b8df8  !important; 
      background-image: none !important;
      background-color: #35aa47 !important;
      color: #ffffff !important;
      height: 30px !important;
    }

    .ERSearchRed{
      border-bottom: 1px solid #ffffff !important; 
      border-top: 0px solid #4b8df8  !important; 
      border-left: 0px solid #4b8df8  !important; 
      border-right: 0px solid #4b8df8  !important; 
      background-image: none !important;
      background-color: #e02222 !important;
      color: #ffffff !important;
      height: 30px !important;
      opacity: 1.0;
    }

    .ERSearchPurple{
      border-bottom: 1px solid #ffffff !important; 
      border-top: 0px solid #4b8df8  !important; 
      border-left: 0px solid #4b8df8  !important; 
      border-right: 0px solid #4b8df8  !important; 
      background-image: none !important;
      background-color: #852b99 !important;
      color: #ffffff !important;
      height: 30px !important;
      opacity: 1.0;
    }


    .ERSearchYellow{ 
      border-bottom: 1px solid #ffffff !important; 
      border-top: 0px solid #4b8df8  !important; 
      border-left: 0px solid #4b8df8  !important; 
      border-right: 0px solid #4b8df8  !important; 
      background-image: none !important;
      background-color: #ffb848 !important;
      color: #ffffff !important;
      height: 30px !important;
      opacity: 1.0;
    }

    #SearchString:-moz-placeholder {
      color: #ffffff !important;
    }
    #SearchString::-moz-placeholder {
      color: #ffffff !important;
    }
    #SearchString:-ms-input-placeholder {
      color: #ffffff !important;
    }
    #SearchString::-webkit-input-placeholder {
      color: #ffffff !important;
    }



    #ersearchDiv {
        outline: none;
        border: none;
        height: 14px; 
        top:16px;  
        z-index:20; 
        position: relative; 
        float:right; 
        right:50px;
        opacity: 1.0;
    }


    #ersearchDiv button[type="submit"] {
        width: 20px;
        background: none;
        cursor: pointer;
        height: 20px;
        z-index: 2;
        position: absolute;
        top: 10px;
        right: -5px;
        border: 0 !important; 
        box-shadow:none !important;
        background-color:transparent;
        color:#ffffff;
    }

    .ERpowerOff{
        height: 14px; 
        top:10px;  
        z-index:25; 
        position: absolute; 
        float:right; 
        right:-35px;  
    }

    .ERpowerOffColor{
        color:#d84a38 !important;
    }

    .ERpowerOffColorRed{
        color:#4b8df8 !important;
    }

    #ersearchDiv2 {
        outline: none;
        border: none;
        height: 14px; 
        top:16px;  
        z-index:20; 
        position: relative; 
        float:right; 
        right:160px;
        opacity: 1.0;
    }

    #ersearchDiv2 button[type="submit"] {
        width: 20px;
        background: none;
        cursor: pointer;
        height: 20px;
        z-index: 2;
        position: absolute;
        top: 10px;
        right: -5px;
        border: 0 !important; 
        box-shadow:none !important;
        background-color:transparent;
        color:#ffffff;
    }

    .thtabel_UserChoice{
        white-space:nowrap; 
        width:8em; 
        text-align:center;
    }

    .search_fa{
        color:#808080;
    }

    P.blocktext {
        margin-left: auto;
        margin-right: auto;
        width: 400px;
    }

    DIV.ermodal{ 
        margin-top: 5px;
    }





    /*Google productionPlanning*/ 

      #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
      #panel {
        position: absolute;
        top: 5px;
        left: 50%;
        margin-left: -180px;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #999;
      }

      #directions-panel {
        height: 100%;
        float: right;
        width: 390px;
        overflow: auto;
      }

      #map-canvas {
        margin-right: 400px;
      }

      #control {
        background: #fff;
        padding: 5px;
        font-size: 14px;
        font-family: Arial;
        display: none;
      }


      #map-canvas2 {
        height: 100%;
        margin: 0px;
        padding: 0px
      }

      #control2 {
        background: #fff;
        padding: 5px;
        font-size: 14px;
        font-family: Arial;
        display: none;
      }

    #control2  hr {
        border: none;
        height: 1px;
        background-color: #333; 
    }


    #panelGeo {
        position: absolute;
        top: 43px;
        left: 50%;
        margin-left: -100px;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
    }

    #address{
        width:250px;
    }

	#panelGeo2 {
        position: absolute;
        top: 42px;
        left: 70%;
        margin-left: -180px;
        z-index: 5;
        background-color: #fff;
        padding: 5px;

    }

        #address2{
            width:250px;
        }



        /*Google places*/

    .controls {
        margin-top: 35px;
        border: 1px solid transparent;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 32px;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    }


      .pac-container {
        font-family: Roboto;
      }


    #pac-input2 {
        background-color: #fff;
        padding: 0 11px 0 13px;
        width: 400px;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        text-overflow: ellipsis;
    }

    #pac-input2:focus {
        border-color: #4d90fe;
        margin-left: -1px;
        padding-left: 14px;  /* Regular padding-left + 1. */
        width: 401px;
    }


    #pac-input {
        background-color: #fff;
        padding: 0 11px 0 13px;
        width: 400px;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        text-overflow: ellipsis;
    }

    #pac-input:focus {
        border-color: #4d90fe;
        margin-left: -1px;
        padding-left: 14px;  /* Regular padding-left + 1. */
        width: 401px;
    }

      /*stop google places*/



/* 15.01.2023 E.RYGER */

.table tr:nth-child(even) {
    background: #f8f8f8 ;
}

.table tr:hover {
    background: #f1f7ff ;
}

.tableClicked {
    background: #a9cdfe !important;
}


@media print {

/*        @page {
            size: A4 landscape;
     
        }*/

        html, body {
            font-size: 11px;
        }

        a[href]:after {
           content:"" !important;
        }

        #ersearchDiv2{
            display:none;
        }

        #ersearchDiv{
            display:none;
        }

        #NotPrint_1{
            display:none;
        }

                #NotPrint_2{
            display:none;
        }

        #gmap_ProductionPlanning{
          /*float: left;
          width: 210mm;
          /*left:-900px;*/
        }

        #directions-panel{
          page-break-after: always  !important;
          float: none;
          width: auto;
          height:297mm;
          
        }
        #map-canvas {
          /*page-break-before: always !important;*/
          page-break-inside: avoid !important;
          
          float: none;
          width: auto;         
          /*height: 700px;*/
          margin: 0;
        }


        .portlet.blue {
            background-color:#fff !important;
            border:0 !important;

        }


        .form-actions {
            background-color:#fff !important;
            border:0 !important
        }

        h2, .h2 {
            font-size: 16px !important;
    
        }

        .NoPrint {
            display: none;           
        }

}