#cphMain_Serach {
         width : 500px;
         margin: 0 auto 20px;

}

#cphMain_btnSubmit {
        float : right ;
        margin-bottom  : 30px;           
    }


.TextLeftAlign {
    text-align : left ; 
 height : 40px;
}


.TextRightAlign {
    position :absolute ;
    right:0px;
    width:200px;
top : 1px;
}


      body {
        padding-top: 20px;
        padding-bottom: 60px;
      }

      /* Custom container */
       .navbar {
        margin: 0 auto;
        max-width: 1000px;
      }
      .container > hr {
        margin: 60px 0;
      }

      /* Main marketing message and sign up button */
      .jumbotron {
        margin: 80px 0;
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 100px;
        line-height: 1;
      }
      .jumbotron .lead {
        font-size: 24px;
        line-height: 1.25;
      }
      .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
      }

      /* Supporting marketing content */
      .marketing {
        margin: 60px 0;
      }
      .marketing p + h4 {
        margin-top: 28px;
      }


      /* Customize the navbar links to be fill the entire space of the .navbar */
      .navbar .navbar-inner {
        padding: 0;
      }
      .navbar .nav {
        margin: 0;
        display: table;
        width: 100%;
      }
      .navbar .nav li {
        display: table-cell;
        width: 1%;
        float: none;
      }
      .navbar .nav li a {
        font-weight: bold;
        text-align: center;
        border-left: 1px solid rgba(255,255,255,.75);
        border-right: 1px solid rgba(0,0,0,.1);
      }
      .navbar .nav li:first-child a {
        border-left: 0;
        border-radius: 3px 0 0 3px;
      }
      .navbar .nav li:last-child a {
        border-right: 0;
        border-radius: 0 3px 3px 0;
      }



.TableHeader {
/*position: fixed;*/
}

.FixedHeader_Cloned th { background-color: white; }

.bold {
    font-weight:bold;
}








.header td {
            cursor: pointer;
        }

        .reverse-status {
            position: absolute;
            font-size: 10px;
        }

        .list-even tr, .list-even {
            background-color: white;
        }

        .list-odd tr, .list-odd {
            background-color: #F9F9F9;
        }

        .table {
            border-collapse: separate;
        }

        .details-table {
            border-radius: 6px;
            font-size: 12px;
            background-color: white;
            box-shadow: 0 0 5px 0 #929292;
            -webkit-box-shadow: 0 0 5px 0 #929292;
            overflow: hidden;
        }

        .details-table tr, .details-table tr {
            background-color: white !important;
        }

        .table input {
            width: 100%;
        }

        .loading-msg {
            margin-left: 6px;
            font-size: 18px;
        }
        

        @keyframes fade {
            0% {opacity: 0;}
            100% {opacity: 1;}
        }

        @-webkit-keyframes fade {
            0% {opacity: 0;}
            100% {opacity: 1;}
        }

        @keyframes fadedelay {
            0% {opacity: 0;}
            80% {opacity: 0;}
            100% {opacity: 1;}
        }

        @-webkit-keyframes fadedelay {
            0% {opacity: 0;}
            80% {opacity: 0;}
            100% {opacity: 1;}
        }

.folded-out {
    background-color: #3f836a !important;
    color: white !important;
}

    .folded-out td a {
        color: white;
    }

.needs-check {
    background-color:burlywood !important;
}

        .loaded {
            animation: fade 2s;
            -webkit-animation: fade 2s;
        }

        .no-data-loading {
            animation: fade 8s;
            -webkit-animation: fade 8s;
        }

        
        .static.header tr, .fixed_header tr {
            background-color: #F9F9F9 !important;
            color: black !important;
        }

        .show-hover tr:hover {
            background-color: #3f836a;
            color: white;
        }

        .show-hover tr:hover a {
            /*color: white;*/
        }

         .show-hover tbody.list-even:hover tr, .show-hover tbody.list-odd:hover tr, .show-hover .table-striped tr:hover{
            /*background-color: #3f836a;*/
            background-color: #d3fbec;
            color: black;
        }

            .show-hover tbody.list-even:hover tr a, .show-hover tbody.list-odd:hover tr a, .show-hover .table-striped tr:hover a
            {
                /*color: white;*/
            }

        .show-hover tbody.list-even:hover .list-content, .show-hover tbody.list-odd:hover .list-content {

            background-color: #d3fbec;


        }
       

        .show-hover table tbody.list-even:hover .list-content .details-table tr, .show-hover table tbody.list-odd:hover .list-content .details-table tr, .show-hover .details-table tr {
            color: #333333 !important;
        }

        .table-striped tr {
            color: #333333;
        }


        .history-wrap {
            position: relative;
        }

        .history-button {
            padding: 8px;
            border-radius: 4px;
            background: rgb(84,84,84); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(84,84,84,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,84,84,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(84,84,84,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(84,84,84,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(84,84,84,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(84,84,84,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
            color: white;
            text-align: center;
            width: 170px;
            z-index: 9999;
            position: relative;
            cursor: pointer;
        }

        .history-list {
            position: absolute;
            padding: 4px;
            margin-top: -4px;
            padding-top: 8px;
            border: 1px solid rgb(84,84,84);
            border-bottom-width: 4px;
            width: 176px;
            color: white;
            background-color: #474747;

            
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }


        .history-wrap .top-reached {
            position: fixed;
            bottom: 0px;
            right: 0px;
        }


        .history-list-content {
            font-size: 10px;
        }

        .HistoryIgnoreret {
            color: yellow;
        }

        .HistoryGodkendt {
            color: #00f300;
        }

        .ReachedTop {

            position: fixed;
            z-index: 9999;
            bottom: 16px; right: 16px;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;

        }

        .ReachedTop .history-list {
            bottom: 32px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
            border-top-width: 4px;
        }

        tr.success {
            background-color: #dff0d8 !important;
        }


        tr.highlight {
            background-color: #EBE2B7 !important;
        }


        html body .details-table tr.SelectedError, .table tbody tr.SelectedError.success > td, .table tbody tr.SelectedError.highlight > td {
            background-color: #454545 !important;
            color: white !important;
        }

        .overview-box {
            width: 150px;
            height: 75px;
            background-color: #f9f9f9;
            border: 1px solid #e5e5e5;
            float: left;
            margin-left: 10px;
            text-align: center;
            font-size: 23px;
            padding-top: 45px;
            position: relative;
        }


        .box-title {
            position: absolute;
            font-size: 12px;
            top: 4px;
            left: 6px;
            color: #aeaeae;
        }

        .ellipsis {
            position: relative;
            display: inline-block;
            min-width: 100%;
            text-overflow: ellipsis;
            max-height: 18px;
        }



        @media (max-width: 978px) {
    .container {
      padding:0;
      margin:0;
    }

    body {
      padding:0;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
      margin-left: 0;
      margin-right: 0;
      margin-bottom:0;
    }
}

        .not-billable-popup {
            background-color: #91BDAC;
            color: white;
            position: absolute;
            padding: 10px;
            margin-left: -8px;
            width: 275px;
            z-index: 99;
        }

        .not-billable-popup input {
            margin-bottom: 10px;
            width: 55px;
        }

        .popup-open {
            background-color: #91BDAC;
        }

        .underline-hover:hover {
            text-decoration: underline;
        }

        a[disabled='disabled']{
            opacity: 0.2;
            pointer-events: none;
        }