/* ==========================================================================
   COMMON
   ========================================================================== */

body { 
    font-family: Verdana, sans-serif;
    width: 100%;
    height: 100%;
    margin: 0;
}

.table-100-list {
    display: table;    
    border-spacing: 0px;   
    width: 100%;  
    height: 100%;
	border-collapse: separate;
    border-spacing: 3px 9px;
}


/* ==========================================================================
   LOGIN
   ========================================================================== */

@media screen and (orientation: landscape) {
	.loginpage {
        	background-color: white;
        	display: table;
        	width: 80%;
                border-collapse: separate;
        	border-spacing: 3px 3px;
                margin: 20px auto;
    	}

	.loginpage-header-title {
                display: table-cell;
                font-weight: bold;
                color: white;
                text-align: left;
                font-size: 20pt;
                vertical-align: middle;
        }

	.loginpage-header-empty {
		display: table-cell;
		width: 100%;
	}

	.loginpage-header-descr {
                //display: table-cell;
                //font-weight: bold;
                //color: white;
                //text-align: left;
                //font-size: 18pt;
                //vertical-align: middle;
		display: none;
        }

        .loginpage-header-title2 {
                display: table-cell;
                font-weight: bold;
                color: white;
                text-align: left;
                font-size: 20pt;
                vertical-align: middle;
        }

	.loginpage-header-title3 {
                display: table-cell;
                font-weight: bold;
                color: white;
                text-align: left;
                font-size: 11pt;
                vertical-align: middle;
        }

        .loginpage-header-image {
                display: table-cell;
        	text-align: right;
        	vertical-align: middle;
        	float: right;
    }
    /*MAG*/
       .loginpage-header-fser-image {
                display: table-cell;
        	text-align: center;
        	vertical-align: middle;
    }
    
        .col-1 {width: 8.33%; float: left;padding: 15px;}
        .col-2 {width: 16.66%;float: left;}
        .col-3 {width: 25%;float: left;padding: 15px;}
        .col-4 {width: 33.33%;float: left;padding: 15px;}
        .col-5 {width: 41.66%;float: left;padding: 15px;}
        .col-6 {width: 50%;float: left;}
        .col-7 {width: 58.33%;float: left;padding: 15px;}
        .col-8 {width: 66.66%;float: left;}
        .col-9 {width: 75%;float: left;padding: 15px;}
        .col-10 {width: 83.33%;float: left;padding: 15px;}
        .col-11 {width: 91.66%;float: left;padding: 15px;}
        .col-12 {width: 100%;float: left;}
    /*END-MAG*/
    
	.loginpage-header-image2 {
		//width: 64px;
		//height: 64px;
	}

}

@media screen and (min-width: 561px) and (orientation: portrait) {
        .loginpage {
                background-color: white;
                display: table;
                width: 100%;
                border-collapse: separate;
                border-spacing: 3px 3px;
        }

        .loginpage-header-title {
                //display: table-cell;
                //font-weight: bold;
                //color: white;
                //text-align: left;
                //font-size: 14pt;
                //vertical-align: middle;
		display: none;
        }

        .loginpage-header-empty {
                display: table-cell;
                width: 100%;
        }

	.loginpage-header-descr {
                display: table-cell;
                font-weight: bold;
                color: white;
                text-align: left;
                font-size: 18pt;
                vertical-align: middle;
        }

        .loginpage-header-title2 {
                display: table-cell;
                font-weight: bold;
                color: white;
                text-align: left;
                font-size: 18pt;
                vertical-align: middle;
        }

        .loginpage-header-title3 {
                display: table-cell;
                font-weight: bold;
                color: white;
                text-align: left;
                font-size: 10pt;
                vertical-align: middle;
        }

	.loginpage-header-title4 {
                display: table-cell;
                font-weight: bold;
                color: white;
                text-align: left;
                font-size: 11pt;
                vertical-align: middle;
        }
		
        .loginpage-header-image {
                display: table-cell;
                text-align: right;
                vertical-align: middle;
                float: right;
		}
    
        /*MAG*/
        .loginpage-header-fser-image {
            display: table-cell;
        text-align: center;
        vertical-align: middle;
        }
        .col-1 {width: 8.33%; float: left;padding: 15px;}
        .col-2 {width: 16.66%;float: left;}
        .col-3 {width: 25%;float: left;padding: 15px;}
        .col-4 {width: 33.33%;float: left;padding: 15px;}
        .col-5 {width: 41.66%;float: left;padding: 15px;}
        .col-6 {width: 50%;float: left;}
        .col-7 {width: 58.33%;float: left;padding: 15px;}
        .col-8 {width: 66.66%;float: left;}
        .col-9 {width: 75%;float: left;padding: 15px;}
        .col-10 {width: 83.33%;float: left;padding: 15px;}
        .col-11 {width: 91.66%;float: left;padding: 15px;}
        .col-12 {width: 100%;float: left;}
        /*END-MAG*/

        .loginpage-header-image2 {
                //width: 64px;
                //height: 64px;
        }
}

@media screen and (max-width: 560px) and (orientation: portrait) {
        .loginpage {
                background-color: white;
                display: table;
                width: 100%;
                border-collapse: separate;
                border-spacing: 3px 3px;
        }

        .loginpage-header-title {
                //display: table-cell;
                //font-weight: bold;
                //color: white;
                //text-align: left;
                //font-size: 14pt;
                //vertical-align: middle;
                display: none;
        }

        .loginpage-header-empty {
                display: table-cell;
                width: 100%;
        }

        .loginpage-header-descr {
                display: table-cell;
                font-weight: bold;
                color: white;
                text-align: left;
                font-size: 14pt;
                vertical-align: middle;
        }

        .loginpage-header-title2 {
                display: table-cell;
                font-weight: bold;
                color: white;
                text-align: left;
                font-size: 14pt;
                vertical-align: middle;
        }
		
        .loginpage-header-title3 {
                display: table-cell;
                font-weight: bold;
                color: white;
                text-align: left;
                font-size: 10pt;
                vertical-align: middle;
        }

        .loginpage-header-title4 {
                display: table-cell;
                font-weight: bold;
                color: white;
                text-align: left;
                font-size: 11pt;
                vertical-align: middle;
        }

        .loginpage-header-image {
                display: table-cell;
                text-align: right;
                vertical-align: middle;
                float: right;
        }
        /*MAG*/
        .loginpage-header-fser-image {
            display: table-cell;
        text-align: center;
        vertical-align: middle;
        }
    
        .col-s-1 {width: 8.33%; float: left;padding: 15px;}
        .col-s-2 {width: 16.66%;float: left;padding: 15px;}
        .col-s-3 {width: 25%;float: left;padding: 15px;}
        .col-s-4 {width: 33.33%;float: left;padding: 15px;}
        .col-s-5 {width: 41.66%;float: left;padding: 15px;}
        .col-s-6 {width: 50%;float: left;padding: 15px;}
        .col-s-7 {width: 58.33%;float: left;padding: 15px;}
        .col-s-8 {width: 66.66%;float: left;padding: 15px;}
        .col-s-9 {width: 75%;float: left;padding: 15px;}
        .col-s-10 {width: 83.33%;float: left;padding: 15px;}
        .col-s-11 {width: 91.66%;float: left;padding: 15px;}
        .col-s-12 {width: 100%;float: left;}
        /*END-MAG*/

        .loginpage-header-image2 {
                //width: 48px;
                //height: 48px;
        }
}


/*MAG*/
.loginpage-info-fser-display {
	display: none;
}

.loginpage-info-fser {
	
}

.loginpage-info-fser-wrapper {
    display: table;
    background-color: rgb(255, 255, 255);
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.loginpage-text1{
    color:#333333;
    font-size:19pt;
    text-align:center;
    font-weight:bold;
}

.loginpage-text2{
    color:#0076a7;
    font-size:16pt;
    text-align:center;
    font-weight:bold;
}

.loginpage-text3{
    color:#333333;
    font-size:14pt;
    text-align:justify;
}

.loginpage-text4{
    color:#333333;
    font-size:11pt;
    text-align:center;
}

.loginpage-fser-button{
    background: #19699a;
    border: 1px solid #018dc4;
    border-radius: 0px;
    color: rgba(255,255,255,0.9);
    padding: 10px 20px;
    width:100%;
    text-align:center;
    white-space: normal;
    
}

/*
* {
    box-sizing: border-box;
}
*/

.loginpage-header-fser-link:link {
    color: #0076a7;
    font-size: 14pt;
}
/*END-MAG*/







.header-separator {
    display: table-cell;
    /*border-left: 1px solid rgb(50,99,135);*/
    border-left: 1px solid white;
    width: 5px;
}









@media screen and (orientation: landscape) {

    .container {
        margin-top: 2px;
        width: 100%; 
        height: 100%;
        display: block;
        position: fixed;
    }
	
    .top {
        display: inline-block;
        width: 100%;
        height: 5%;    
    }		

    .left {
        display: inline-block;
        width: 35%;
        height: 100%;    
        float: left;      
    }

    .left.hidden {
        visibility: hidden;
    }

    .right {
        display: inline-block;
        height: 100%;    
        width:65%;          
        float: left;  
		opacity: 1;
    }

    .right_all {
        display: inline-block;
        height: 100%;
        width: 100%;
        float: left;
        opacity: 1;
    }

    .right-block {     
        height: 100%; 
    }    

    .request-title-image {
	height: 42px;
    }

    .nav-action-image {
         height: 42px;
    }

    .nav-action-image:hover {
        cursor: pointer;
    }
}









.loginpage-info-top-display {
	display: block;
}

.loginpage-info-bottom-display {
        display: block;
}
/*MAG*/
.loginpage-info-fser-display {
        display: block;
}
/*END-MAG*/




.loginpage-info-top {
        background-color: rgb(50,99,135);
}

.loginpage-header {
        background-color: rgb(50,99,135);
}

.loginpage-input {
        background-color: rgb(50,99,135);
}

.loginpage-help {
        background-color: rgb(50,99,135);
        color: rgb(26,153,206);
}

.nav-request-table {
    background-color: rgb(26,153,206);
}

.nav-request-triangle {
        border-color: rgb(26,153,206) transparent transparent transparent;
}

.nav-data-title {
        background-color: rgb(50,99,135);
}

.nav-data-date {
        background-color: rgb(50,99,135);
}

.nav-data-report-sel {
        background-color: rgb(26,153,206);
}

.nav-data-serie-sel{
        background-color: rgb(26,153,206);
}
.nav-sep {
    background: rgb(26,153,206);
}

.nav-row2 {
        background-color: rgb(50,99,135);
}

.nav-row3 {
        background-color: rgb(50,99,135);
}

.nav-descr-table {
        background-color: rgb(50,99,135);
}


.content-header-row {
        background-color: rgb(50,99,135);
}

.top-header-row {
        background-color: rgb(50,99,135);
}

.loginpage-spid-button {
    font-size: 11pt;
    background-color: rgb(50,99,135);
}

/* ==========================================================================
 *    MENU DIALOG
 * ========================================================================== */
#menuBox{
        background-color: rgb(50,99,135);
}

#confirmBox{
        background-color: rgb(50,99,135);
}