@font-face {
    font-family: customfont;
    /* Working in everything except IE6-* */
    src: url("fonts/InsigniaLTStd.otf") format("opentype");
    /* New compatibility modes */
    src: url('fonts/InsigniaLTStd.eot'),
    /* IE9 Compat Modes */
    src: url('fonts/InsigniaLTStd.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/InsigniaLTStd.woff') format('woff'),
    /* Modern Browsers */
    url('fonts/InsigniaLTStd.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('fonts/InsigniaLTStd.svg#svgFontName') format('svg');
    /* Legacy iOS */
}
@media print {
    body {
        -webkit-print-color-adjust:exact;
    }

    #wrapper, #content {
        width: auto;
        border: 0;
        margin: 0 5%;
        padding: 0;
        float: none;
    }
    #mainTable {
        border: #AAAAAA solid;
        width: 400px;
        background-color: #FFFFFF;
        font-size: 100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: auto;
    }
    #contentDiv {
        vertical-align: top;
        max-width: 90%;
        /*background-color: #FFFFFF;*/
        text-align: left;      
    }

    #overviewDiv {
    }
    /* overviewTable */
    TABLE.overviewTable {
        font-size: 100%;
        color: #000000;
        border: 1px solid black;
        border-collapse: collapse;
    }
    TABLE.overviewTable THEAD {
        /*background-color:#AAAAAA;*/
    }
    TABLE.overviewTable THEAD TH {
        border: 1px solid black;
        background-color: #dddddd;
        padding: 6px;
    }
    TABLE.overviewTable THEAD TH A {
        color: black;
        text-decoration: none;
    }
    TABLE.overviewTable TBODY TD {
        border: 1px solid black;
    }
    TR.overviewEvenRow {
        background-color: #ffffff;
    }
    TR.overviewOddRow {
        background-color: #eeeeee;
    }
    TABLE.overviewTable TFOOT TR TD {
        background-color: #dddddd;
        border: 1px solid black;
        vertical-align: middle;
    }
    .textLink {
        font-size: 100%;
        color: darkOliveGreen;
        /*#62B535;*/
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
    }
    .textHeader {
        /*font-weight:700;
		 font-size:10px;
		 color:#000000;
		 font-family:Verdana, Arial, Helvetica, sans-serif;
		 margin:10px;*/
    }
    .textSubHeader {
        font-style: italic;
        font-size: 100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    #navigationDiv, .primaryNavigation, .exportButton, .pageDiv, #topCell, #printDiv, #editDiv {
        display: none;
    }
}
@media screen {
    BODY {
        font-size: 100%;
        margin-top: 5px;
        background-color: #F4F4f4;
        text-align: center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height:18px;
    }
    h3 {
        font-size: 2em;
        margin: 0px;
        padding: 0px;
    }
    #mainTable {
        /*border: #AAAAAA 1px solid;*/
        width: 982px;
        background-color: #ffffff;
        margin: auto;
    }
    #topCell {
        /*border-bottom: #AAAAAA 1px solid;*/
        text-align: left;
        background-color: #f4f4f4;
        /*white;*/
    }
    #middleCell {
        background-color: #ffffff;
        border: #e4e2e2 1px solid;
        border-bottom-width: 0px;
        vertical-align: top;
        height: 442px;
        text-align: left;
    }

    .fu284 #middleCell {
        background-image: url(/object?layoutID=99&type=14);
        background-repeat: no-repeat;
        background-size: 800px;
        background-position-x: 320px;
        background-position-y: 10px;
    }

    #topCell, #topDiv {
        border-left-width: 0;
        margin-left: 0;
        margin-right: 0;
        border-right-width: 0;
        overflow:hidden;
        position:relative;
    }
    #topDiv img {
        width: 50%;
        height:50%;
        margin: -25px 0px -23px -10px;
    }
    .navigationLink {
        font-size: 9px;
        /*color: darkOliveGreen;/*#62B535;*/
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        color:rgb(38, 135, 204);
    }
    .navigationLink:hover {
        text-decoration: underline;
    }
    #printDiv {
        float: right;
        margin-right: 50px
    }
    #contentDiv {
        margin-left: 26px;
        margin-right: 26px;
        vertical-align: top;
        /*width:882px;*/
        /*background-color: #ffffff;*/
        text-align: left;
        margin-top:25px;
    }
    A.primaryNavigation, A.linkButton, INPUT.linkButton {
        float: left;
        display: block;
        height: 18px;
        width: 78px;
        overflow: visible;
        padding-top: 2px;
        margin-top: 5px;
        margin-right: 5px;
        text-align: center;
        color: #405E69;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        border: 1px solid darkOliveGreen;
        /*#62B535;*/
        ;
    }
    input.text, input.password, input.file {
        padding: 1px;
        border: 1px solid #AAAAAA;
        /*background-color: #ffffff;*/
        /* background-image: url("images/input_blue.gif"); */
        /* background-repeat: repeat-x; */
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    input.focus, input.text:focus, input.password:focus, input.file:focus {
        background: #fff
    }
    input.text[disabled], input.password[disabled], input.file[disabled] {
        background-color: #F6F6F6;
        background-image: none;
    }
    input.checkbox, input[type="checkbox"] {
        color: #000000;
        /* border: 1px solid #AABAC5; */
    }
    select.select {
        padding: 1px 0;
        border: 1px solid #AAAAAA;
        font-size: 12px;
    }
    select.select:focus {
    }
    select.select[disabled] {
        background-color: #F6F6F6;
        background-image: none;
    }
    option {
    }
    textarea.textarea {
        /* background: #fff url("images/input_blue.gif") 0 0 repeat-x; */
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background: transparent;
    }
    textarea.textarea:focus {
       // border: 1px solid #AAAAAA;
        /* background: #fff url("images/th_blue.gif") 0 100% repeat-x; */
    }
    textarea.textarea[disabled] {
        background-color: #F6F6F6;
        background-image: none;
    }
    .error {
        background-color: red;
    }
    .textHeader {
        font-weight: 700;
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0px;
        padding: 0px;
        color: #3B3434;
    }
    .textSubHeader {
        font-style: italic;
        font-size: 11px;
        font-weight: normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    .textBody {
        font-size: 11px;
        font-weight: normal;
        color: #3B3434;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
    }
    .textInfo {
        font-size: 11px;
        background-color: yellow;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 13px;
    }
    .textWeak {
        font-size: 11px;
        color: #505050;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    .textLink, .textLink .textBody {
        font-size: 11px;
        color:rgb(38, 135, 204);
        /*color: darkOliveGreen;/*#62B535;*/
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
    }
    .textLinkBold {
        font-size: 11px;
        font-weight: bold;
        color: darkOliveGreen;
        /*#62B535;*/
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
    }
    .textLink2 {
        font-size: 11px;
        color: #AA0A08;
        /* Carlsberg rxd */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
    }
    .textLink2Bold {
        font-size: 11px;
        font-weight: bold;
        color: #AA0A08;
        /* Carlsberg rxd */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
    }
    .textLinkSilent {
        font-size: 11px;
        color: black;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
    }
    .textLink:hover {
        text-decoration: underline;
    }
    .textLinkBold:hover {
        text-decoration: underline;
    }
    .textLink2:hover {
        text-decoration: underline;
    }
    .textLink2Bold:hover {
        text-decoration: underline;
    }
    .textLinkSilent:hover {
        text-decoration: underline;
    }
    /*Styles for "GODIALOG Gratis" go from here */
    /*Styles on page 1*/
    .masterDiv {
        max-width: 900px;
        padding: 0px;
        margin: 0px;
    }
    .headerDiv {
        max-width: 900px;
        position: relative;
        height: 18px;
        background-color: white;
        border: solid #3D893F 1px;
        font-size: 14px;
        text-align: left;
        margin: 5px 0px 5px 0px;
        padding: 5px
    }
    .textSpan {
        color: black;
        font-weight: bold;
        position: absolute;
        left: 80px;
        margin: 0px;
        padding: 0px;
    }
    .statisticsSpan {
        color: #82786f;
        font-weight: bold;
        position: absolute;
        right: 30px;
        text-align: right;
        margin: 0px;
        padding: 0px;
    }
    .fieldset {
        background-color: white;
        color: black;
        font-size: 14px;
        text-align: left;
        border: solid #3D893F 1px;
        margin: 5px 0px 5px 0px;
        font-weight: 600;
        padding: 10px;
    }
    .fieldset:hover {
        border: solid #3D893F 3px;
        margin: 5px 0px 5px 0px;
        padding: 8px;
    }
    .minusSignClick {
        margin: 20px 15px 3px 17px;
    }
    .checkall {
        border: 0px;
    }
    .spanInGroup {
        margin: 10px 10px 20px 0px;
        padding: 5px;
        position: relative;
        top: -3px;
    }
    .topUl {
        list-style-type: none;
        text-align: left;
        padding: 0;
        margin: 0;
    }
    .topLi {
        list-style-type: none;
        text-align: left;
        padding: 0;
        margin: 0;
    }
    .subUl {
        display: block;
        list-style-type: none;
        font-weight: normal;
        font-size: 12px;
        padding-left: 41px;
        margin: 0px;
    }
    .subLi {
        background-color: #E6E5E4;
        /*		border: 2px solid white; */
        margin: 3px;
        padding: 2px;
        max-width: 854px;
        font-size: 12px;
        color: black;
    }
    .subLi:hover {
        background-color: #8DD581;
    }
    .textCell {
        border: 0px solid;
        width: 760px;
    }
    .sePrint {
        color: black;
        text-align: center;
        font-weight: bold;
        font-size: 14;
        border: solid #8DD581;
        padding: 1px;
        background-color: #8DD581
    }
    .statisticCell {
        color: #82786f;
        border: 0px solid;
        width: 90px;
        text-align: center;
    }
    /* Styles on page 2 */
    .displayDiv {
        background-color: #ccf8dc;
        border: double #869899;
    }
    .displayUl {
        display: block;
        list-style-type: none;
        font-weight: normal;
        font-size: 12px;
        border: 2px;
        margin: 0px;
        padding: 8px 20px 20px 20px;
    }
    .displayLi {
        padding: 0px;
    }
    /*Styles for "GODIALOG Gratis" end here */
    /* menu */
    #menuTable {
        margin-left: 0;
        width: 550px;
        border-bottom: #AAAAAA 1px solid;
        background-color: #ffffff;
    }
    #upperMenuCell {
        padding-bottom: 4px;
        line-height: 14px;
        border-bottom: #AAAAAA 1px solid;
    }
    #bottomLeftMenuCell {
        border-right: #AAAAAA 1px solid;
        vertical-align: top;
        width: 330px;
        line-height: 18px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #bottomRightMenuCell {
        padding: 5px;
        vertical-align: top;
        width: 200px;
        text-align: center;
    }
    /* info table in menu table */
    .menuInfoTable {
        width: 100%;
        background-color: #AAAAAA;
        margin-left: 4px;
        font-size: 9px;
        color: #ffffff;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: left;
    }
    .upperMenuInfoCell {
        font-weight: 700;
        border-bottom: white 2px solid;
        text-align: left;
        padding: 2px 2px 2px 5px;
    }
    .lowerMenuInfoCell {
        padding: 2px 2px 5px 5px;
    }
    .lowerMenuInfoContent {
        width: 100%;
        text-decoration: none;
    }
    /* overviewTable */
    TABLE.overviewTable {
        font-size: 9px;
        color: #000;
        border: 1px solid #AAAAAA;
        border-collapse: collapse;
    }
    TABLE.overviewTable THEAD SPAN {
        /*font-weight: bold;*/
        font-weight: normal; font-style:italic;
        /*background-color:#e0e0e0;*/
    }
    TABLE.overviewTable THEAD TH {
        border: 1px solid #AAAAAA;
        font-size: small;
        line-height: 15px;
        vertical-align: top;
    }
    TABLE.overviewTable THEAD TH.hover {
        background: #ffffff;
    }
    TABLE.overviewTable THEAD TH A {
        display: block;
        padding: 0px;
        width: 100%;
        text-decoration: none;
        color: #000000;
    }
    TABLE.overviewTable TBODY TD, TABLE.verticalTable TD {
        border: 1px solid #AAAAAA;
        /*vertical-align:top;*/
        line-height:13px;
    }
    TABLE.overviewTable TBODY TR.hover TD, TABLE.overviewTable TBODY TR:hover {
        background-color: #f6f6f6;
    }
    TR.overviewOddRow, TR.overviewEvenRow {
        background-color: transparent;
    }
    TABLE.overviewTable TFOOT TR TD {
        background-color: #666666;
        border: 1px solid #AAAAAA;
        font-weight: 700;
        /*vertical-align:middle;*/
        height: 18px;
    }
    TABLE.overviewTable TFOOT {
        background-color: #666666;
        color: #ffffff;
    }
    /* verticalTable */
    TABLE.verticalTable {
        border: 1px solid #AAAAAA;
        border-collapse: collapse;
    }
    TABLE.verticalTable TH {
        border: 1px solid #AAAAAA;
        vertical-align: middle;
        text-align: left;
        height: 24px;
        padding-left: 5px;
        /* background: #fff url("images/vert_blue.gif") 100% 0 repeat-y; */
    }
    TABLE.verticalTable TD {
        border: 1px solid #AAAAAA;
        vertical-align: middle;
        text-align: left;
        padding-left: 5px;
    }

    /*resultTable*/
    table.overviewTable td.qResultRe2, table.overviewTable td.qResultOt2 {padding-left:27px;}
    table.overviewTable td.qResultRe1, table.overviewTable td.qResultOt1 {padding-left:15px;}
    table.overviewTable td.qResultOt2 span, table.overviewTable td.qResultOt1 span, 
    table.overviewTable td.qResultOt0 span {font-weight:bold}

    /* tree */
    .tree {
        width: 250px;
        /* formerly (Aug 2008) 400px; */
    }
    /* answers */
    .correct {
        color: #7BCE4E;
    }
    .wrong {
        color: #C8443F;
    }
    .textUnimportant {
        color: blue;
    }
    .alignLeft {
        text-align: left;
    }
    .alignCenter {
        text-align: center;
    }
    .alignRight {
        text-align: right;
    }
    .alignTop {
        vertical-align: top;
    }
    .alignMiddle {
        vertical-align: middle;
    }
    .alignBottom {
        vertical-align: bottom;
    }
    /* special stuff */
    #loginTable {
        width: 200px;
    }
    .mediaFieldImage {
        border: 1px solid #AAAAAA;
    }
    HR {
        border: 1px solid #AAAAAA;
        height: 2px;
        color: #F3F9F7 background-color : #F6F6F6;
    }
    #didDo {
        position: fixed;
        top: 14px;
        left: 250px;
        max-width: 300px;
        padding: 5px;
        background-color: rgba(231, 225, 155, 0.9);
        /*fxlgende gxr for MSIE (som ikke forster rgba-koder) baggrund delvis gennemskinnelig men teksten sort */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5d7ff9b, endColorstr=#e5d7ff9b);
        -ms-filter:'progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5d7ff9b,endColorstr=#e5d7ff9b)';
        border: 1px solid green;
    }
    /*godialog nyt design, 1- og 2-spaltet*/
    IMG[class~=arrow] {
        height: 45px
    }
    .cvTableHeaderDiv {
        padding: 0px;
        padding-bottom: 11px;
        border: none;
        background-color: white;
    }
    .cvTableHeaderDiv span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
    }
    TD DIV[class=space] {
        width: 44px;
    }
    DIV.cvTableDiv {
        padding-bottom: 25px;
    }
    DIV.cvTableDiv TABLE, DIV.cvTableDiv TABLE TD, DIV.cvTableDiv TABLE TH {
        border-top: none;
        border-left: none;
        border-right: none;
        vertical-align: top;
    }
    DIV.cvTableDiv TABLE TH {
        background-color: white;
        font-weight: bold;
        /*font-style:italic;*/
    }
    DIV.cvTableDiv TABLE TH {
        border-bottom: 2px solid black;
    }
    DIV.cvTableDiv TD[class~=urgent] SPAN, DIV.cvTableDiv TD[class~=ready] SPAN {
        font-size: 15px;
        display: inline-block;
    }
    DIV.cvTableDiv TD[class~=urgent] SPAN {
        color: rgb(247, 183, 148);
        /*darkOrange*/
    }
    DIV.cvTableDiv TD[class~=ready] SPAN {
        color: LawnGreen;
    }
    DIV.cvTableDiv TD[class~="start"] A, DIV.cvTableDiv TD[class~="startSoon"] A, DIV.cvTableDiv TD[class~="approve"] A, DIV.cvTableDiv TD[class~="viewForm"] A, DIV.cvTableDiv TD[class~="viewUnfinished"] A, DIV.cvTableDiv TD[class~=cvRemind] SPAN A, DIV.cvTableDiv TD[class~=regret] A, A.buttonImportant {
        display: inline-block;
        padding: 2px 14px;
        color: white;
        text-decoration: none;
        white-space: nowrap;
    }
    A.buttonImportant {
        background-color: orange;
    }
    DIV.cvTableDiv TD[class~=daysSince] SPAN, DIV.cvTableDiv TD[class~=agrAcc] SPAN, DIV.cvTableDiv TD[class~=cvRemind] SPAN, DIV.cvTableDiv TD[class~=regret] A {
        white-space: nowrap;
    }
    DIV.cvTableDiv TD[class~="startSoon"] A, IMG[class~="start"] {
        background-color: rgb(101, 172, 25);
        /*limegreen*/
    }
    DIV.cvTableDiv TD[class~="start"] A {
        background-color: rgb(219, 219, 219);
        /*lightGray*/
    }
    DIV.cvTableDiv TD[class~="viewForm"] A, IMG[class~="viewForm"], DIV.cvTableDiv TD[class~="cvRemind"] SPAN A {
        background-color: rgb(50, 201, 231);
        /*blueviolet*/
    }
    DIV.cvTableDiv TD[class~="agrAcc"] SPAN, IMG[class~="agrAcc"] {
        color: rgb(50, 201, 231);
        /*blueviolet*/
    }
    DIV.cvTableDiv TD[class~="viewUnfinished"] A, IMG[class~="viewUnfinished"], DIV.cvTableDiv TD[class~="regret"] A {
        background-color: rgb(219, 219, 219);
        /*lightGray*/
    }
    DIV.cvTableDiv TD[class~="approve"] A, IMG[class~="approve"] {
        background-color: rgb(37, 144, 207);
        /*blue*/
    }
    DIV.cvTableDiv TD A:hover, A.buttonImportant:hover {
        position: relative;
        top: -1px;
        left: 1px;
        text-decoration: none;
    }
    .newAgreement {
        display: inline-block;
        padding: 2px;
        padding-left: 4px;
        padding-right: 4px;
        color: white;
        text-decoration: none;
        white-space: nowrap;
        border: none;
        background-color: blueviolet;
    }
    .newAgreement:hover {
        position: relative;
        top: -1px;
        left: 1px;
        text-decoration: none;
    }
    #sdi3phaseTable div.buttonNew {
        min-width: 50px;
    }
    div#singlePageLeft {
        width: 380px;
    }
    div#singlePageRight {
        width: 480px;
        margin-left: 25px;
    }
    table.cvTextTable {
        width: 480px;
    }
    div#singlePageRight textarea.cvText_6 {
        width: 480px
    }
    .comPuW, .comPu, .comPr {
       /* width: 340px; */
        margin-left: 0px;
        font-style: italic;
    }
    .private, span[class="textBody private"] {
        color: red;
    }
    #singlePageBoth .agreementTableHeader, #singlePageBoth .agreementTable2Header, #singlePageBoth .groupTypeTableHeader, #singlePageBoth .cvTextTable div.ulHeader {
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size: 13px;
        font-weight: bold;
        padding-bottom: 3px;
        margin-bottom: 10px;
        border-bottom: 2px solid gray;
    }
    tr.groupRow td span {
        font-style: normal;
        font-weight: bold;
    }
    .groupTypeTable td {
        border-top: 1px solid #aaaaaa;
        padding: 2px;
    }
    .groupTypeTable tr.comments td, tr.groupRow:first-child td {
        border: none;
    }
    .groupTypeTable tr.comments td {
        padding: 0px;
       /*background-color: #E8E59E;*/
        vertical-align: middle;
    }
    tr.groupRow td {
        padding-top: 5px;
    }
    .agrAGR, .agrInfo {
        width: 150px;
    }
    .agrRE {
        width: 120px;
    }
    .agrNameInput, .agrDescriptionInput {
        width: 200px;
               
    }
    .agrResponsibleInputDiv {
        white-space: nowrap;
        padding-bottom: 2px
    }
    .agrResponsibleInputDiv input {
        margin: -1px;
        margin-right: 2px;
        position: relative;
        top: 3px
    }
}
/* Midelertidige fndringer, skal rykkes til commonstyles.css  VJO 14/2/2012 */
 #agreementTable2, #agreementTable2 th {
    border-bottom: 1px solid #AAAAAA;
}

#agreementTable, #agreementTable th {
    border-bottom: 1px solid #AAAAAA;
}

.toneDown {
    filter: alpha(opacity=40)
}

.popup {
    background-color: rgb(255, 255, 170)
}
/*.pfmOvLearnColumn {
 background-color: #7B6888;
 border: 1px solid black;
 box-shadow: 5px 5px 10px 1px silver;
 opacity: 0.7;
 }
 .pfmOvImpactColumn {
 background-color: #D0743C;
 border: 1px solid black;
 box-shadow: 5px 5px 10px 1px silver;
 opacity: 0.7;
 }
 .pfmOvImpactGraph:hover {
 border: 1px solid gray;
 }
 .pfmOvImpactGraph {
 background-color: #F4F4F4;
 background-image: -moz-linear-gradient(center top , #F4F4F4, #E1E1E1);
 box-shadow: 5px 5px 10px 1px gray;
 }
 .pfmOvLearnGraph {
 background-color: #F4F4F4;
 background-image: -moz-linear-gradient(center top , #F4F4F4, #E1E1E1);
 box-shadow: 5px 5px 10px 1px gray;
 margin-top: 5%;
 }
 .pfmOvLearnGraph:hover {
 border: 1px solid gray;
 }*/

/************ PEDRO's EDITS ***************/
 DIV.cvTableDiv TD[class="alignCenter bgAfter noButton"] A {
    color: #5382DF;
}
#sdi3phaseTable {
}
#sdi3phaseTable span.header {
    color: #333333;
    font-size: 13px;
}
#sdi3phaseTable span.text {
    color: #696363;
    font-size: 11px;
}
#sdi3phaseTable .bgBefore, DIV.cvTableDiv TD[class~="bgBefore"] A, DIV.buttonNew[class~="bgBefore"] {
    background-color: #1FA7D2;
}
#sdi3phaseTable .bgAt, DIV.cvTableDiv TD[class~="bgAt"] A, DIV.buttonNew[class~="bgAt"] {
    background-color: #E04700;
}
#sdi3phaseTable .bgAfter, DIV.cvTableDiv TD[class~="bgAfter"] A, DIV.buttonNew[class~="bgAfter"] {
    background-color: #419423;
}
/*#sdi3phaseTable .bgAfter, DIV.buttonNew[class~="bgAfter"] {
 background-color: #419423;
 }*/
 DIV.cvTableDiv TABLE.overviewTable {
    min-width: 425px;
}
DIV.cvTableDiv TABLE.overviewTable TH {
    border-top: none !important;
    padding-top: 33px;
    padding-bottom: 10px;
    border-bottom: 2px solid #878787;
    height:31px !important;
    background: repeat-x url("https://aaa.competencehouse.dk/images/visuelit/u12_linecropped.png");
}
#sdi3phaseTable.atCvTable {
    padding-top: 16px;
    border-top:
    /* 1px dashed #d9d9d9;*/
    none;
    width: 100%;
    background: repeat-x url("https://aaa.competencehouse.dk/images/visuelit/u12_linecropped.png");
}
/**** Menu Cells ****/
 .tabCell {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0px;
    padding-bottom: 2px;
}
.tabText {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
}
.tabCellSelected {
    background-color: #FFFFFF;
    color: #000000;
    height: 29px;
    border: none;
    border-style: none;
    border-radius: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.homeIcon {
    position:relative;
    margin-right: 5px;
    margin-left:0px;
    display:none;
}
.tabCell #homeIconWhite {
    display:inline;
}
.tabCellSelected #homeIconBlack {
    display:inline;
}
.tabCellSelected #homeIconWhite {
    display:none;
}

 #cvMainTable {
    width: 100%;
}
.cvTableHeaderDiv span {
    font-size: 13px;
}
#mainTable {
    padding-left: 34px;
    background-color: #f4f4f4;
}
/*#middleCell {
    background-color: #ffffff;
    bordeR: 1px solid #E2E2E2;
}*/
#navigationDiv.tabTableDiv {
    margin: 20px 26px;
}
.toneDown img {
    background-color: gray
}
.buttonImportant, DIV.cvTableDiv TD[class~="bgBefore"] A, DIV.cvTableDiv TD[class~="bgAt"] A, DIV.cvTableDiv TD[class~="bgAfter"] A, DIV.cvTableDiv TD[class~="bgGray"] A, DIV.cvTableDiv TD[class~="start"] A, DIV.cvTableDiv TD[class~="startSoon"] A, DIV.cvTableDiv TD[class~=cvRemind] SPAN A, DIV.cvTableDiv TD[class~=regret] A, DIV.cvTableDiv TD[class~="approve"] A, DIV.cvTableDiv TD[class~="viewForm"] A, DIV.cvTableDiv TD[class~="viewUnfinished"] A {
    display: inline-block;
    padding: 0px 14px;
    white-space: nowrap;
    line-height: 10px;
    padding-bottom:2px;
    font-family: Arial, Helvetica; 
    //text-transform: capitalize;
}
.bgBefore .textLink, .bgAt .textLink, .bgGray .textLink {
    color:white !important;
}
/** TOP URGENT ICON *****************************/
 DIV.cvTableDiv TD[class~="urgent"] SPAN, TABLE.urgencyLegend TD.urgent SPAN {
    display: inline-block;
    font-family: Arial, Verdana;
    font-size: 25px;
    margin-bottom: 0px;
    margin-top: -9px;
    text-shadow: 0px 0px 1px rgb(0, 0, 0);
}
.urgencyLegend {
    margin-top: 25px;
}
/** 3-phased table *********************/
 #sdi3phaseTable {
    margin-top: 11px;
}
#sdi3phaseTable .poster {
    /*padding: 18px;
	 height:350px;
	 line-height: 27px;
	 margin-bottom:35px;*/
    height: auto;
    line-height: 27px;
    margin-bottom: 35px;
    padding: 18px;
    min-height: 370px;
}
#sdi3phaseTable .number {
    font-weight: bold;
    left: 17px;
    top: 8px;
}
.cvTableDiv .textBody {
    font-family: Arial;
    font-size: 11px;
}
/** TABLE URGENT ICONS ********************************/
 DIV.cvTableDiv TD[class~=urgent] SPAN, DIV.cvTableDiv TD[class~=ready] SPAN {
    text-shadow: 0px 0px 2px rgb(0, 0, 0);
    font-size: 25px;
    font-family: Arial, Verdana;
    padding: 0px;
    margin-top: -8px;
    height: 25px;
    text-shadow: 0px 0px 1px rgb(0, 0, 0);
}

/** TEXT AREA FOR COMMENTS **************************/

/*** general text areas ***/
textarea.textarea:focus{
//border: 1px solid gray;
box-shadow: 0px 0px 5px 0px gray;
transition: all ease 0.2s;
}

input.text:focus{
border:1px solid gray;
box-shadow: 0px 0px 5px 0px gray;
transition: all ease 0.2s;
}

textarea.textarea:active, input.text:active{
// border-bottom: 1px solid gray;
// border-top: 1px solid gray;
box-shadow: inset 0px 0px 5px 0px gray;
}

textarea.textarea:hover, input.text:hover{
// border:1px solid gray !important;
} 


/*** comments areas ***/
.comPuW, .empComm /*textarea.textarea*/ {
    background-color: #E8E59E;
    border-top: 1px solid silver !important;
    border-bottom: 1px solid silver !important;
    border-left: none !important;
    border-right: none !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 611px !important;
    padding-left: 10px;
    padding-top: 5px;
    height: 30px; 
}
.comPuW:focus, .empComm:focus /*textarea.textarea:focus*/ {
    border: 1px solid gray !important;
    box-shadow: 0px 0px 5px 0px gray;
    transition: all 0.4s;
    background-color: #EFECAC; 
    /*  position: absolute;
	 margin: 0 auto;
	 margin-left: 200px;
	 margin-right:100px;
	 height: 200px;
	 opacity:0.9; */
}
.comPuW:active, .empComm:active /*textarea.textarea:active*/ {
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    box-shadow: inset 0px 0px 5px 0px gray;
}
.comPuW:hover, .empComm:hover /*textarea.textarea:hover*/ {
   /* background-color: #EFECAC; */
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    transition: 0.3s all;
}
.explainInput {
    left: 10px;
    opacity: 1;
    /*top: 10px;*/
}

SPAN.textBody.comPuW.empComm.commentLabel.inEdit{
background: none !important;
border: none !important;
}

/*********************COMMENTS IN TEXT AREA ***************/
 .commented * {
    vertical-align: top;
}
.commented:hover {
    background-color: #f6f6f6;
    transition: 0.3s background-color;
}
.commented:hover * {
    color: black;
    transition: color 1s ease 0s;
}

/******* TABLE WITH LEFT&RIGHT COLUMNS **************************/
 #singlePageBoth {
    border: none !important;
    margin: 0px auto;
    padding: 0px;
    table-layout: fixed;
    width: 100%;
    background: repeat-x url("https://aaa.competencehouse.dk/images/visuelit/u12_linecropped.png");
}
div#singlePageLeft {
    width: 100%;
    max-width: 650px;
}
div#singlePageRight {
    width: 100%;
    max-width: 440px;
}
#singlePageBoth .groupTypeTableHeader {
    border-bottom: 2px solid #878787;
}
div#singlePageRight textarea.cvText_6 {
    width: 98%
}
#singlePageBoth .agreementTable2Header, #singlePageBoth .cvTextTable div.ulHeader {
    border-bottom: 2px solid rgb(135, 135, 135);
}
#singlePageBoth {
    border-top: 1px dashed #DADADA;
    padding-top: 25px;
    margin-top: 12px;
}
/*********************************/
 table.groupTypeTable td {
}
TABLE.overviewTable TBODY TD, TABLE.verticalTable TD {
    border: 1px solid #D5D5D5;
    /*vertical-align:top;*/
    vertical-align: middle;
}
/************************************/

/********************************** BUTTONS ****************************/
 DIV.buttonNew {
    background: #1fa7d2;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmYTdkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjhkYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #1fa7d2 0%, #2f8dbf 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1fa7d2), color-stop(100%, #2f8dbf));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1fa7d2 0%, #2f8dbf 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1fa7d2 0%, #2f8dbf 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1fa7d2 0%, #2f8dbf 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #1fa7d2 0%, #2f8dbf 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1fa7d2', endColorstr='#2f8dbf', GradientType=0);
    /* IE6-8 */
    font-weight: bold;
    padding: 7px;
    margin: 5px;
    height: auto;
}
DIV.buttonNew:hover {
    background: #2f8dbf;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmOGRiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZmE3ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2f8dbf 0%, #1fa7d2 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f8dbf), color-stop(100%, #1fa7d2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2f8dbf 0%, #1fa7d2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2f8dbf 0%, #1fa7d2 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2f8dbf 0%, #1fa7d2 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #2f8dbf 0%, #1fa7d2 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f8dbf', endColorstr='#1fa7d2', GradientType=0);
    /* IE6-8 */
}
DIV.buttonNew:active {
    position: relative;
    top: 1px;
    box-shadow: inset 0px 0px 3px 0px black;
}
/********************************************************************/
 table.cvTextTable {
    width: 100%;
}
#sdi3phaseTable td.arrowCell img {
    height: 45px;
    width: 58px;
}
div.buttonDiv {
    margin-top: 20px;
}
#topHeader {
    padding-bottom: 7px;
    padding-top: 15px;
    font-weight: none;
    font-weight: normal;
}
/*******************************EDIT AREA ***************************************/

/*

 input[class~=editField][class~=textHeader], textarea[class~=editField] {
 width:100%;
 background-color:#f6f6f6;
 bordeR:1px solid silver;
 }

 input[class~=editField][class~=textHeader]:hover, textarea[class~=editField]:hover {
 bordeR:1px solid gray;
 }

 input[class~=editField][class~=textHeader]:focus, textarea[class~=editField]:focus {
 background-color:white;
 box-shadow: 0px 0px 5px 0px silveR;
 min-height:100px;
 }

 .editDiv{

 margin:0 auto;
 padding-left:35px;
 width:982px;

 }

 .editDiv tr:hover{
 background-color:white;
 transition:0.3s all;

 }

 */

/************************************************************************************/
 div.textBody {
    display: block;
}
/**********************************/
 DIV.cvTableDiv TD[class~="bgAfter"] A {
    background: none;
    color: rgb(38, 135, 204);
    font-family: Arial, Helvetica;
}
/* Top phase table text*/
 #sdi3phaseTable .texts .text {
    bordeR: 0px solid black;
    width: 135px;
}
/*Table with same width columns*/
 #cvMainTable .cvTableDiv {
    padding-left: 0px;
    padding-right: 0px;
}
/* Ryk */
 #cvApproveDiv #ovTable-1631654733.overviewTable .bgBefore .textBody A {
    background: none;
    color:rgb(38, 135, 204);
}
/********* TABLE - CELLS STYLES *******************/
 .gd06 TABLE.overviewTable TBODY TD {
    padding-top: 5px;
    padding-bottom: 5px;
} /*OBS*/
/**************************************************/

/* Checkboxes */
 input.checkbox, input[type="checkbox"] {
    margin-right: 10px;
}
.inEdit {
    top: 0px;
    padding-right: 10px;
    font-weight: bold;
}
/* Removing space in cells, aligning them to top */
 table.groupTypeTable td {
    vertical-align: middle;
    padding: 4px 0px 4px 0px;
    border-top: 1px solid #D6D6D6;
    margin: 0px;
}
/*****************TEXT AREA *******************/
 textarea.textarea.cvText_6 {
    background-color: #fff;
    border: 1px solid #ADADAD;
    border-top: 1px solid #8E8E8E;
    width: 638px;
    height: 121px;
    box-shadow: inset 0px 1px 0px #B5B5B5;
}
textarea.textarea.cvText_6:focus {
    background-color: #f6f6f6;
    bordeR: 1px solid gray;
    box-shadow: 0px 0px 5px 0px gray;
    color:black;
}
textarea.textarea.cvText_6:hover {
    background-color: #f4f4f4;
}
textarea.textarea.cvText_6:active {
    box-shadow: inset 0px 0px 5px 0px gray;
}
/***********************************/

/* Phase name in the center of screen */
 .phaseName {
    font-weight: bold;
    font-size: 13px;
}
/* Forberedelse modifications */
 .plus {
    font-weight: bold;
    font-size: 29px;
}
/*Intro modifications*/
 #sdi3phaseTable .poster b {
    line-height: 35px;
    font-size: 20px;
}
#sdi3phaseTable .poster TD {
    line-height: 15px;
    padding-top: 20px;
}
#sdi3phaseTable .poster.bgBefore {
    width: 230px;
}
#sdi3phaseTable .poster.bgAt {
    width: 260px;
}
#sdi3phaseTable .poster.bgAfter {
    width: 230px;
}
#sdi3phaseTable .texts .text {
    width: 130px;
}
#sdi3phaseTable TD.texts {
    margin: 0px;
    padding-right: 10px;
    width: 0px;
}
#sdi3phaseTable td.arrowCell {
    padding: 0px;
    margin: 0px;
}
/********* New agreement button *******************************/
 .newAgreement {
    background: #1fa7d2;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmYTdkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjhkYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #1fa7d2 0%, #2f8dbf 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1fa7d2), color-stop(100%, #2f8dbf));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1fa7d2 0%, #2f8dbf 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1fa7d2 0%, #2f8dbf 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1fa7d2 0%, #2f8dbf 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #1fa7d2 0%, #2f8dbf 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1fa7d2', endColorstr='#2f8dbf', GradientType=0);
    /* IE6-8 */
}
.newAgreement:hover {
    background: #2f8dbf;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmOGRiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZmE3ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2f8dbf 0%, #1fa7d2 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f8dbf), color-stop(100%, #1fa7d2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2f8dbf 0%, #1fa7d2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2f8dbf 0%, #1fa7d2 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2f8dbf 0%, #1fa7d2 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #2f8dbf 0%, #1fa7d2 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f8dbf', endColorstr='#1fa7d2', GradientType=0);
    /* IE6-8 */
}
DIV.cvTableDiv TABLE.overviewTable TD {
    padding: 2px;
    vertical-align: middle;
}
#singlePageBoth span.explainUnderHeader div {
    margin-bottom: 16px;
}
.groupTypeTable tr.groupRow td {
    padding-top: 15px;
}
/***********bgGray now will have colors ********************/
 #cvStartDiv .bgGray A {
    background-color: #1FA6D0;
}
#cvApproveDiv .bgGray A {
    background-color: #E04700;
}
/*********************************************************/

.textarea.agrDescriptionInput {
    border:1px solid black;
    //width:192px;
}
#agreementTable {
    width:100%;
}
#agreementTable .italic {
    font-style:normal;
}
#agreementTable .textLink {
    color:rgb(38, 135, 204);
}
#agreementTable2 .italic {
    font-style:normal;
}
#agreementTable2 .textLink {
    color:rgb(38, 135, 204);
}
#agreementTable2 {
    width:100%;
}
.warn
/* Previously yellow warnings*/
 {
   /* background-color:#EDEDED; */
   background-color:yellow !important;
}
.agrSTR {
    width:160px;
}
.textBody.warn {
   background:none !important; 
}
#cvStartHRow, #cvApproveHRow {
    height:0px !important;
}
input.text[disabled] {
    bordeR-radius:2px;
    border:1px solid silver !important;
}
input[name="name1"] {
    width:256px !important;
}
.agreementDiv2 {
    margin-top:20px;
}
/******************* Input date boxes *************/
 .agrDateInput {
    background-color: white;
    color:black;
    border-top:2px solid gray !important;
    border-left:2px solid gray !important;
    /* border-bottom:2px solid #F9F9F9 !important; border-right:2px solid #F9F9F9 !important; */
}
.agrDateInput:hover {
    border-top:2px solid gray !important;
    border-left: 2px solid gray !important;
    box-shadow: 0px 0px 3px 0px gray !important;
}
.agrDateInput:focus {
    box-shadow: 0px 0px 5px 0px gray;
    border-top:2px solid #383838 !important;
    border-left: 2px solid #383838 !important;
}
.agrDateInput:active {
    box-shadow: inset 0px 0px 5px 0px gray;
}
input.text[disabled]:hover {
    box-shadow: 0px 0px 0px 0px silver !important;
}
/**************************************************/
 .agrConDiv {
    margin-top:20px;
}
/*******************Opret bruger*******************************/
 #ovDiv .textLink {
    color:rgb(38, 135, 204);
}
/****************** HR Admin *********************************/
 DIV#ovDiv.overviewDiv TABLE.overviewTable {
    /*width:100%;*/
}
DIV#ovDiv.overviewDiv TABLE.overviewTable TD {
    vertical-align:top;
}
/************************************************************/
 TEXTAREA#cI.emailInput.textarea {
    width:692px !important;
}

TD.alignCenter.bgAfter.noButton {
    padding-left:0px !important;
    margin-left:0px !important;
    text-align:center;
}

#agreementTable.overviewTable .aroundExplainedInput TEXTAREA.textarea.agrDescriptionInput, TEXTAREA.textarea.agrDescriptionInput {
    width: 202px !important;
    padding: 0px;
    margin:0px;
    border:1px solid #AAAAAA;
}

#agreementTable.overviewTable .aroundExplainedInput TEXTAREA.textarea.agrDescriptionInput:hover, TEXTAREA.textarea.agrDescriptionInput:hover {
    border: 1px solid gray;
}
#agreementTable.overviewTable .aroundExplainedInput TEXTAREA.textarea.agrDescriptionInput:focus, TEXTAREA.textarea.agrDescriptionInput:focus {
    border:1px solid #383838;
}
#navigationDiv a {
}
#navigationDiv {
    margin: 6px 0px 0px 26px;
    background: transparent;
}
#topDiv {
    border:0px solid black;
}
#topDiv .topDivText {
    color: #444444;
    display: inline;
    font-size: 44px;
    position:relative; top:-20px;
    font-family: customFont;
    letter-spacing: 2px;
}
#bottomDiv .topDivText {
    font-size:11px;
    display:none
}
/** OPFOLGNING  ****************************/
 DIV.textDiv.atCvTable {
    color: rgb(59, 52, 52);
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

.textBody.comPuW.manComm.commentLabel.inEdit{
background: none !important;
border: none !important;
}

/*********************** MUS-REGNSKAB **************************/

/** XX & YY axis label text **/
.gXlabel, .gYlabel{
color: #A1A09C;
font-family: Arial, Helvetica;
font-weight: bold;
text-transform: capitalize;
}

/** Graphic column - GENERAL **/
.gColumn{
background-color: #DE9451;
}

/** Graphic line separators **/
.gHline{
background: repeat-x url("https://aaa.competencehouse.dk/images/visuelit/u12_linecropped.png");
border: none;
height:2px;
}

/** Graphic text header **/
.gHeader, .devAccountHeaderDiv{
font-size: 12px;
padding: 10px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
width:147px;

height:59px;
background-color: #618AA2;
margin-bottom:15px;
}

/** Graphic column - Age **/
.agrAge .gColumn{
color: #70AAC9;
//box-shadow: 0px 0px 11px 1px white;/* optional */
}

.gXtext{
color: #70AAC9;
}

.gYtext{
color: #DE9451;
font-weight: bold;
font-family: Arial, Helvetica;
}

/** Y Label for Age graph **/
.agrAge .gYtext .gYlabelText{
color: #70AAC9;
}

/** Line and dots **/
.gLine, .gArea .gSquare{
background-color: #DD7A54
}

/******** Bottom of MUS - Regnskab ********/
.devAccountTable, .devAccountTable TR{
width: 100%;
margin-top: 15px;
background-color: #F0F0F0;

font-style:normal;
border:1px solid silver;

}

/***** To be inserted in the right places ****/
DIV.divSubject.pointer .textarea{width: 247px !important;}


/*** Graph positioning - MUS Regnskab ***/
#pie{
position:relative;
bottom: 50px;
left: 250px;
width: 171px;
}

.agrPlan /** "Planlagte Aftaler" **/{
position:relative;
}

.agrPer /** "Hvor mange aftaler har medarbejderne" **/{
}

.agrAge /** "Antal aftaler per medarbjeder fordelt pC% alder**/{
}

.agrPerStr /** "Andel aftaler pr. strategi "**/{
}

.sdiHeld /** "Mus -sidst afholdt  **/{
}

    .sdiHeld .textBody{
    //background-color: white;
    text-shadow: 0px 0px 2px #e1e1e1;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight: bold;
    color: #383838;
    }

.agrLate /** "Antal aftaler med overskredne deadlines per medarbejder**/ {
}

.impactStr /* 3 graphs (Effect levels)*/{
/*width: 10px !important;
position: relative;*/
}
    .impactStr .gHline{
    background: url("https://aaa.competencehouse.dk/images/visuelit/u12_linecropped.png") repeat-x 10px 0px transparent;
    height: 10px;
    }

td.qResultSpO2 {padding-left:13px;}
/*td.qResultSpO2 span.textBody {font-family:Arial; font-size:12px; font-weight:bold;}*/
td.qResultSpO1 span.textBody {font-family:Arial; font-size:12px; font-weight:bold;}
td.qResultMa2 {padding-left:23px;}
td.qResultMa1 {padding-left:16px;}

.fu284 input[type="radio"] {position:relative; top:2px;} /*smaajustering besvar spoergeskema*/