@media print {
    @page {
        size: A4;
    }
    /*    html, body {
            height: 100%;
            margin: 0;
            padding: 0
        }*/

    .leaflet-container img { 
        max-width:none!important; 
    }

    leaflet-control-container {
        display:none;
    }

    button {
        display: none;
    }

    .dontprint {
        display: none;
    }

    .angular-leaflet-map{
        // max-width:100% !important;
        width: 100%;
        height: 100%;
        position: absolute;
        /*        max-width: 10cm;
                max-height: 6.66cm;*/
    }   

    /*    .leaflet-container {
            max-width:cm !important
        }*/

    .leaflet-control-attribution {
        display:none;
    }

    #sitewrapper {
        /*min-height: 100%;*/ 
    }

    .reportMapBigWrapper {
        margin: 0 auto;
        text-align: right;
        right:0px;
        width:600px;
        height:300px;
        position: relative;
    }

    .reportMapSmallWrapper {
        width:300px;
        height:200px;
        position: relative;
        page-break-inside:avoid;
        /*padding-bottom: 10px;*/
        margin-bottom: 10px;
    }

    .reportMapBig {
        right:0px;
        text-align: right;
        width:1200px;
        height:600px;
        position: relative;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);

        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .reportMapSmall {
        width:400px;
        height:267px;
        position: relative;
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -o-transform: scale(0.75);
        transform: scale(0.75);

        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        page-break-inside:avoid;
    }

    .leaflet-gdeonmarker-start {
        z-index:99998 !important;
        width: 30px;
        height: 30px;
        content: url(../img/startIcon.png);
    }

    .leaflet-gdeonmarker-pause {
        z-index:99997 !important;
        width: 30px;
        height: 30px;
        content: url(../img/pauseIcon.png);
    }

    .leaflet-gdeonmarker-stop {
        z-index:99999 !important;
        width: 30px;
        height: 30px;
        content: url(../img/stopIcon.png);



    }

    .pagetop {
        page-break-after:always;
    }

    tr p {
        page-break-inside:avoid;
    }

    .leaflet-control-container {
        display: none !important;
    }

    .minpad {
        padding-right: 5px;
    }

    .comment {
        padding: 2px;
        margin:7px 0px;
        width:100%;
        border: 0px;
        outline: none;
        resize: none;
        overflow: auto;
        font-family:Arial,sans-serif;
        font-size:100%;
    }

    .subcomment {
        position: relative;
        vertical-align: top;
        margin: 0;
        padding: 0px;
        width: 300px;
        height: 20px;
        left: 10px;
        border: 0px;
        outline: none;
        resize: none;
        overflow: auto;
    }

}
@media screen {


    table.headertable{
        width: 100%;
    }

    table.placestable{
        width: 100%;
    }


    .reportMapBig {
        width:1200px;
        height:600px;
        position: relative;
    }

    .reportMapSmall {
        float: right;
        width:400px;
        height:267px;
        position: relative;
    }





    .verticalLine {
        border-right: 2px dashed #cccccc;
    }   

    .horizontalLine {
        border-bottom: 2px dashed #cccccc;
        width: 100%;
    }

    #reportView {
        padding:5px;
        margin:0px;
        position: fixed;
        overflow: auto;
        height: 100%;
        width: 180px;
        z-index: 1000;
        background-image: url('../img/low_contrast_linen.png');
        /*        background-color: #0078A8;*/
        /*background:url('img/low_contrast_linen.png');*/
        top: 0px;
        bottom: 0px;
        left: 0px;
        -webkit-box-shadow:  1px 0px 10px 0px rgba(0,0,0,0.75);
        -moz-box-shadow:  1px 0px 10px 0px rgba(0,0,0,0.75);
        box-shadow:  1px 0px 10px 0px rgba(0,0,0,0.75);
    }

    #printContent {
        height: 100%;
        position: absolute;
        top: 0px;
        left: 200px;
    }

    .comment {
        padding: 2px;
        margin:7px 0px;
        width:100%;
        height: 20px;
        background-color: transparent;
        border: 1px dashed #cccccc;
        outline: none;
        resize: none;
        overflow: auto;
        font-family:Arial,sans-serif;
        font-size:100%;
    }

    .subcomment {
        position: relative;
        vertical-align: top;
        margin: 0;
        padding: 0px;
        width: 300px;
        height: 20px;
        left: 10px;
        background-color: transparent;
        border: 1px dashed #cccccc;
        outline: none;
        resize: none;
        overflow: auto;
    }

    .maskbutton {
        position: absolute;
        right: 300px;
        /*padding: 0;*/
        margin: 0;
        /*padding:auto 100px auto 100px;*/
    }
}

.alias {
    padding: 0px;
    margin:0px; 
    margin-right:10px; 
    height: 20px;
    float:right; 
    width:110px;
    background-color: transparent;
    border: 1px dashed #cccccc;
    outline: none;
    resize: none;
    overflow: auto;
}


table.headertable{
    width: 100%;
    border-collapse: collapse;
}

table.placestable{
    width: 100%;
    border-collapse: collapse;
}



.headertable td {
    vertical-align: top;
    height: 50px;

}

td.docenter {
    text-align: center;
}

td.doright   {
    text-align: right;
}

th.doright {
    text-align: right;
}

.placestable td {
    height: 30px;
}

td {
    vertical-align: top; 
}

#reportView button {
    color:#000;
}

.dontprint {
    color:#777777;
}

.whitetext {
    color:#ffffff !important;
}

#printContent button {
    color:#000;
}

#printContent .leaflet-control-attribution {
    display:none;
}