﻿p {
    margin: 0;
    padding: 0;
    border: 0;
}

a {
    color: #4e5a3f;
    font-weight: 600;
}

/*Loginsite*/
.login {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 325px;
}
.loginBody {
    background: url('../Images/loginSide_bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.loginPanel {
    background: url('../Images/loginSide_bg2.png') no-repeat;
    background-size: 320px ;
    height: 500px;
    padding-top: 100px;
    padding-left: 25px;
    padding-right: 25px;
    width: 320px
}
.btn-btnLogin {
    color: #fff;
    background-color: #4aae9b;
    border-color: #45a190;
}

.divFile {
    min-height: 75px;
    min-width: 70px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid black;
    padding-top: 6px;
}
.lbtFile {
    text-decoration: none;
    font-size: 9pt;
    color: black;
}
.userLinks {
    text-align: left;
    left: -25px;
    min-width: 20px;
    background-color: #268c76 !important;
}
.icon {
    width: 25px;
    background-color: transparent;
}
.forumTopicItem {
    padding: 5px 6px 10px 6px;
    border: 0.5px solid black;
    border-radius: 5px;
    box-shadow: 3px 5px #888888;
    margin: 2px 2px 6px 2px;
}
.forumTopicItemActiv {
    padding: 5px 6px 10px 6px;
    border: 1px solid black;
    border-radius: 5px;
    box-shadow: 6px 9px #888888;
    margin: 2px 3px 10px -4px;
    background-color: #f5f5f0;
    font-weight: 700;
}
.forumTopicHead {    
    background-color: #cdd5c3;
    border-color: #cdd5c3;
    color: #394738;    
}
    .forumTopicHead:hover {
        background-color: #75875e;
        border-color: #75875e;
        color: #f4f4f0;
    }
.forumTopicHeadActiv {
    background-color: #75875e;
    border-color: #75875e;
    color: #f4f4f0;
}
    .forumTopicHeadActiv:hover {
        background-color: #75875e;
        border-color: #75875e;
        color: #f4f4f0;
    }
.forumHead {
    border: 0.5px solid black;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 5px 10px #888888;
    margin-bottom: 25px;
    margin-top: 5px;
    font-size: 14pt;
    font-weight: 600;
}
.forumHeadText {
    background-color: #cdd5c3;
    border-color: #cdd5c3;
    color: #394738;
    border-radius: 5px;
    padding: 6px 6px 7px 6px;
}
.forumComent {
    margin-top: 20px;
    border: 0.5px solid black;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 5px 10px #888888;
}
.forumComentText {
    font-weight: 400;
    font-size: 11pt;
    background-color: #f5f5f0;
    border-radius: 5px;
    margin-left: 15px;
    margin-top: 3px;
    padding: 6px !important;
}
.forumComentText {
    margin-top: 0px !important;
    margin-bottom: 8px !important;
    color: #3f413e;
}
.forumName {
    font-weight: 600;
    font-size: 12pt;
    margin-right: 10px;
}
.forumDate {
    font-weight: 400;
    font-size: 9pt;
}

.gvHead {
    padding: 6px;
}
.gvHead1 {
    padding: 10px;
}
.gvHead2 {
    padding: 10px;
    text-align: center;
    min-width: 100px;
}
.gvCell {
    padding: 4px;
    vertical-align: top;
}
.gvCell1 {
    padding: 8px;
    vertical-align: top;
}
.gvCell2 {
    padding: 8px;
    vertical-align: top;
    text-align: center;
    min-width: 100px;
}

.btnGreen {
    background-color: #2a9981;
    border-color: #2a9981;
    color: #f4f4f0;
}
.naviBgYellow {
    background-color: #2a9981 !important;   
    border-radius: 0px 0px 0px 0px !important;
}
.naviBgWhite {
    background-color: #ffffff !important;
}
.naviItemUser {
    font-weight: 700;
    color: #2a9981 !important;
    font-size: 12pt !important;
}
.naviItem {
    font-weight: 400;
    color: #ffffff !important;
    font-size: 11pt !important;
}
.naviItem-active {
    color: #ffffff !important;
    font-weight: 700;
    font-size: 12pt !important;
}



.txtWeekNumber {
    width: 35px;
    text-align: center;
    border-radius: 5px;
    background-color: #e6eae1;
    color: #394738;
    font-size: 12pt;
    font-weight: 600;
}
.YearForWeekNr {
    color: #75875e;
    font-size: 13pt;
    font-weight: 500;
    /*text-shadow: 1px 2px #cdd5c3;*/
}
.MessageTop {
    width: 100%;    
    background-color: #cdd5c3;        
    border-radius: 3px;
    padding: 3px 6px;
}
.MessageTopLink {
    color: #394738;
    font-size: 13pt;
    font-weight: 700;
}
.MessageSelected {
    background-color: #e6eae1;
    padding: 3px 3px;
    border-radius: 3px;
    border: 1px solid #cdd5c3;
    margin-bottom: 3px;
}
.Message {
    padding: 3px 3px;
    border-radius: 3px;
    border: 1px solid #cdd5c3;
    margin-bottom: 3px;
}
.MessageTop {
    width: 100%;
    background-color: #cdd5c3;
    border-radius: 3px;
    padding: 3px 6px;
    font-size: 14pt;
    font-weight: 600;
    color: #394738;
}
.MessageBottom {
    text-align: right;
    margin-top: 10px;
}
.MessageDate {
    float: right;
    font-size: 9pt;
    font-weight: 400;
}
.MessageFrom {
    padding: 5px;
}
.MessageText {
    background-color: #f4f6ee;
    border-radius: 3px;
    padding: 5px;
    width: 100%;
}
.MessageFiles {
    padding: 5px;
}
.NewMessageToUsers {
    min-height: 30px;
    max-height: 100px;
    width: 950px;
    overflow: auto;
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.NewMessageToUsers:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.tabContainer {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    min-height: 200px;
}

.tblRowFirst {
    background-color: #F7F7DE;
    padding: 5px;
    font-size: 13pt;
    font-weight: 600;
}

.tblRowSecound {
    padding: 5px;
    font-size: 13pt;
    font-weight: 600;
}


/* Ugeplan start */
.tableCells {
    border-radius: 3px;
    font-family: Tahoma !important;
    color: black;
    box-shadow: 1px 1px 6px -1px #303030;
    position: absolute;
    padding-left: 3px !important;
    padding-top: 0px !important;
    overflow: hidden;
    border-style: outset;
    border-width: 1px;
    padding: 0px;
    line-height: 0.7 !important;
    margin-left: 3px;
    width: 135px;
    font-size: 9pt;
    font-weight: 500;
}
.tableCellsLeft {
    border-radius: 3px;
    font-family: Tahoma !important;
    color: black;
    box-shadow: 1px 1px 6px -1px #303030;
    position: absolute;
    padding-left: 3px !important;
    padding-top: 0px !important;
    overflow: hidden;
    border-style: outset;
    border-width: 1px;
    padding: 0px;
    line-height: 1 !important;
    margin-left: 3px;
    width: 65px;
    font-size: 13.3px;
    font-weight: 500;
}
.tableCellsRight {
    border-radius: 3px;
    font-family: Tahoma !important;
    color: black;
    box-shadow: 1px 1px 6px -1px #303030;
    position: absolute;
    padding-left: 3px !important;
    padding-top: 0px !important;
    overflow: hidden;
    border-style: outset;
    border-width: 1px;
    padding: 0px;
    line-height: 1 !important;
    width: 65px;
    margin-left: 70px;
    font-size: 13.3px;
    font-weight: 500;
}
.tableCellText {
    margin-top: -15px !important;
    padding: 0px !important;
    border: 0px;
    text-decoration: none;
}
.rowsTime {
    height: 54px;
}
.rowsTimeWithLine {
    height: 54px;
    border-bottom: 1px solid Black;
}
.rowsWithLine {
    border-bottom: 1px solid gray;
    height: 54px;
}
.tableUgeplan {
    position: absolute;
    border-collapse: collapse;
    width: 705px;
}
.divDay {
    height: 825px;
    overflow: hidden;
    width: 145px;
}

.planListHeaders {
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 25px;
    margin-top: 5px;
    font-size: 14pt;
    font-weight: 600;
    background-color: #cdd5c3;
}
/* Ugeplan slut */


/* SiteInfo start*/
.siteInfo {
    /*margin-top: 20px;*/
    padding: 2px;
    background-color: #f5f5f0;
    margin-bottom: 4px;
}

.siteInfoText {
    font-weight: 400;
    font-size: 11pt;
    margin-top: 3px;
    padding: 3px !important;
    background-color: white;
}
/* SiteInfo slut*/

.message {

}
.message p {
    margin: 15px;
    padding: 2px;
    border: 0;
}

@media (min-width: 768px) {
    .popup {
        left: 30px;
    }
    .tableCells {
        line-height: 1 !important;
        font-size: 9pt !important;
    }
    .tableCellsRight {
        line-height: 1 !important;
        font-size: 9pt !important;
    }
    .tableCellsRight {
        line-height: 1 !important;
        font-size: 9pt !important;
    }
    .tableUgeplan {
        width: 705px;
    }
    .tableCells {
        width: 138px;
    }
    .tableCellsLeft {
        width: 65px;
    }
    .tableCellsRight {
        width: 65px;
        margin-left: 70px;
    }
    .divDay {
        width: 140px;
    }
}

@media (min-width: 992px) {
    .popup {
        left: 145px;
    }
    .tableCells {
        line-height: 1 !important;
        font-size: 9pt !important;
    }
    .tableCellsRight {
        line-height: 1 !important;
        font-size: 9pt !important;
    }
    .tableCellsRight {
        line-height: 1 !important;
        font-size: 9pt !important;
    }
    .tableUgeplan {
        width: 905px;
    }
    .tableCells {
        width: 175px;
    }
    .tableCellsLeft {
        width: 85px;
    }
    .tableCellsRight {
        width: 85px;
        margin-left: 90px;
    }
    .divDay {
        width: 180px;
    }
}

@media (min-width: 1200px) {
    .popup {
        left: 250px;
    }
    .tableCells {
        line-height: 1.2 !important;
        font-size: 10pt !important;
    }
    .tableCellsRight {
        line-height: 1.2 !important;
        font-size: 10pt !important;
    }
    .tableCellsRight {
        line-height: 1.2 !important;
        font-size: 10pt !important;
    }
    .tableUgeplan {
        width: 1105px;
    }
    .tableCells {
        width: 215px;
    }
    .tableCellsLeft {
        width: 105px;
    }
    .tableCellsRight {
        width: 105px;
        margin-left: 110px;
    }
    .divDay {
        width: 220px;
    }
}

@media (min-width: 1470px) {
    .popup {
        left: 380px;
    }
    .tableCells {
        line-height: 1.2 !important;
        font-size: 10pt !important;
    }
    .tableCellsRight {
        line-height: 1.2 !important;
        font-size: 10pt !important;
    }
    .tableCellsRight {
        line-height: 1.2 !important;
        font-size: 10pt !important;
    }
    .tableUgeplan {
        width: 1405px;
    }
    .tableCells {
        width: 270px;
    }
    .tableCellsLeft {
        width: 130px;
    }
    .tableCellsRight {
        width: 130px;
        margin-left: 135px;
    }
    .divDay {
        width: 280px;
    }
}

@media (min-height: 300px) {
    .login {
        margin-top: 5px;
    }
}
@media (min-height: 400px) {
    .login {
        margin-top: 5px;
    }
}
@media (min-height: 500px) {
    .login {
        margin-top: 10px;
    }
}
@media (min-height: 600px)
{
    .login {
        margin-top: 50px;
    }
}
@media (min-height: 700px) {
    .login {
        margin-top: 100px;
    }
}
@media (min-height: 800px) {
    .login {
        margin-top: 130px;
    }
}
@media (min-height: 900px) {
    .login {
        margin-top: 180px;
    }
}
@media (min-height: 1000px) {
    .login {
        margin-top: 230px;
    }
}


.messagePhone {
    display: none;
}


@media screen and (max-width : 1199px) {
    .messageDesktop {
        display: none;
    }

    .messagePhone {
        display: block;
    }
}