/*
 * GROUPE_FG SimpleSAMLphp theme
 * Generated by: spp-theme-generator.sh
 * At: Wed Jan 22 22:45:31 CET 2020
 *
 * This CSS file incorporates SimpleSAMLphp's default CSS and merely
 * overrides elements to style this theme.
 */
@import url('../../resources/default.css');

body {
    /*
     * specify the background colour of the entire page as a very light
     * colour, since most corporate image colours are designed to work on
     * paper and thus with a white background.
     */
    background: #fafafa;
}

#wrap {
    /* center the main block within the page */
   	background: #04424c;
   	box-shadow:0px 0px 5px 3px #1f8287;
    margin: 20px auto;
	color:white;
    /*
     * specify the border around the main block as a complementary colour.
     * by default this is the +30' adjacent and the header border is the
     * corresponding -30' adjacent. You can also try swapping them, or if
     * your corporate style guide specifies complementary colours, use them.
     */
    border: 1px solid #606060;
}

#header {
    /* set the background of the header block to our corporate colour */
    background: #04424c;
	border-bottom: 5px solid
    /* and set the bottom border to complement the #wrap border colour */
}
	h1, h2, h3, h4, h5, h6 {
	    font-family: arial,verdana,sans-serif;
	    margin: 1.2em 0 .3em;
	    color: #000;
	    padding-bottom: .1em;
	}
	h1,h2,h3,h4 {
        font-size: 110%;
        color: white;
    }
/* if we have a logo, put it on the right and fit it in the header */
#header img {
    float: right;
    display: inline;
    border: none;
    height: 64px;
    margin: 4px 12px;
}
.mobile_logo{
	display:none;
}
.btn, .btnaddonright {
	    color: #000000;
	    border: 1px solid #eee;
border: 1px solid #20ff00;
border-radius: 3px;
background-image: linear-gradient(#72e33f,#AFFF00);
	    text-align: center;
	    padding: 10px;
	    cursor: hand;
	    /*! padding: 5px; */
	    margin-top: 20px;
	    margin-bottom: 20px;
		width:100%;
}
/* put our name in small words on the bottom of every page */
#footer {
    font-size: smaller;
    padding-bottom: 0.1rem;
}

/* make small screens use the corporate colour as a background */
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    body {
        background: #fafafa;
    }
	#content {
	    margin-bottom: 10px;
        padding: 0;
        padding-left: 5px;
        color: white;
    }
	#wrap {
    	background: #04424c;
	    /*! border: 1px solid #fff; */
    	position: relative;
    	text-align: left;
   		box-shadow:0px 0px 5px 3px #1f8287;
    	max-width: calc(100vw - 20px);
    	color: white;
		
    	margin-left: auto;
    	margin-right: auto;
	}
	.mobile_logo{
    	display:block;
	}
	.btn, .btnaddonright {
	    color: #000000;
	    border: 1px solid #eee;
	    text-align: center;
	    padding: 10px;
	    cursor: hand;
	    /*! padding: 5px; */
	    font-size: larger;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	h1, h2, h3, h4, h5, h6 {
	    letter-spacing: -1px;
	    font-family: arial,verdana,sans-serif;
	    margin: 1.2em 0 .3em;
	    color: #000;
	    border-bottom: 1px solid #eee;
	    padding-bottom: .1em;
	    text-align: center;
	    font-stretch: ultra-condensed;
	}
	h1,h2,h3,h4 {
        font-size: 110%;
        color: white;
    }
}