@import url(../font-awesome-4.4.0/css/font-awesome.min.css);

[class*="fontawesome-"]:before {
    font-family: 'FontAwesome', sans-serif;
}

/*body.tilmelding {
    background: #eef2ea;
}*/

body {
    color: #686868;
    font-family: "Exo 2", sans-serif;
    margin: 0;
}

div#msg {
    float: left;
}

div.dt-buttons {
    position: relative;
    float: right;
}

label, input {
    font: 100%/1.0em "Varela Round", sans-serif;
}


#users th.sorting_asc, 
#users th.sorting, 
#users th.sorting_desc {
    height: 0px;
    line-height: 0px;
    font-size: 0;
}

a:link {
    color: #000000;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #000000;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #000000;
    text-decoration: none;
}

/* selected link */
a:active {
    color: #000000;
    text-decoration: none;
}

.dt-button  {
    margin-bottom: 2px;
}

#icon_remove {
    color: #cc0000;
}

td.tableCellCenter , div.divCenter {
    text-align: center;    
}

#delete {
    text-align: center;       
}

.overknap {
    background-color: #aaa000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: white;
    font-family: 'Oswald';
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    border:none;
    height:25px;
    width:300px;
}
.overknap:hover {
    border: none;
    background:red;
    box-shadow: 0px 0px 1px #777;
}

/* overlay styles, all needed */
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
}

#transparentoverlay {
    height: 100%;
    width: 100%;
    overflow: auto;
    display: block;
    position: fixed;
    top: 0%; 
    left: 0%;
    /*background-color: rgba(0.1,0.1,0.1,0.2);*/
    border-radius: 5px;
    text-align: center;
    z-index: 11;
}

/* just some content with arbitrary styles for explanation purposes */
#modal {
    height: 90%;
    width: 90%;
    overflow: auto;
    display: block;
    position: fixed;
    top: 5%; 
    left: 5%;
    background-color: #ffffff;
    border-radius: 5px;
    z-index: 11; /* 1px higher than the overlay layer */
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

@media screen {
    .table-spilleplan td:nth-child(2n+2), .table-spilleplan th:nth-child(2n+2) {
        border-left: 3px solid black !important;
    }

    .table-spilleplan td:nth-child(2n+1) {
        border-left: 3px solid grey !important;
    }

    .table-spilleplan td.bottomline {
        border-bottom: 3px solid grey !important;
    }

    .table-spilleplan tr:nth-child(4n), .table-spilleplan th {
        border-bottom: 4px solid black !important;
    }

    .table-fixedfirstrow th:first-child, .table-fixedfirstrow td:first-child {
        position: sticky;
        left: 0px;
    }

    .table-fixedfirstrow td:first-child {
        background-color: lightgrey !important;
        border-left: 3px solid black !important;
        border-right: 3px solid black !important;
    }

    .table-spilleplan {
        border: 3px solid black !important;
    }
}

/*.sticky-col1 {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
}

.first-col1 {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    left: 0px;
}

.wrapper1 {
    position: relative;
    overflow: auto;
    border: 1px solid black;
    white-space: nowrap;
}*/