* {
    box-sizing: border-box;
}
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 4px;
}
html {
    font-family: "Lucida Sans", sans-serif;
    height: 100%;
    
}
body {
    background-color: #6493D2;
    padding: .2%;
    padding-left: 1.0%;
    padding-top: .5%; 
    padding-bottom: .5%;
    /* height: auto; */
}
.content {
    border-radius: 15px;
    background: #fff;
    padding: 14px; 
    width: 99.0%;
    height:99.0%;
    
}

.header {
   width: 100%;
    height: 80px;
    background-image: url('../images/headerSmallMobile.png');
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    border-radius: 15px;
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}
.menu li {
	padding: 8px;
    display: block;
    margin-bottom: 2px;
    background-color :#1A3964;
    color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    line-height: 23px;
}

p.ex1 {
	margin-top: 5px;
    	margin-right: 10px;
    	margin-bottom: 5px;
    	margin-left: 22px;
}

.glyphicon-plus,.glyphicon-minus {
    font-family: unset;
}

@media (min-width: 1400px) {
	.menu li {
	padding: 13px;
	line-height: 32px;}
}

.menu li a{
	color: #ffffff;
   	text-decoration: none;
   	display: block;
   	width: 100%;
}
.menu li:hover {
    background-color: #246092;
}
.aside {
    background-color: #13607C;
    padding: 5px;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    border-radius: 45px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    /* background-image: url('../images/IMG_ATVM.jpg'); */
}
.aside a{
    color: #ffffff;
}
.asideEditProfile {
    background-color: #53520F;
    color: #ffffff;
    padding: 5px;
    text-align: center;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.asideEditProfile a{
    color: #ffffff;
    text-decoration: none;
    display: block;
    width: 100%;
    line-height: 4.0;
}
.asideEditProfile:focus,.asideEditProfile:hover{
	color: #53520F;
	background-color: #A49F04;
}
.asideMainMenu {
    background-color: #33b5e5;
    padding: 25px;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.inset{
	display:block;
	border-radius:20px;
	font-size:15px;
	color:#F32;
	line-height:70px;
	text-shadow:0 1px 0 #666;
	text-align:center;
	text-decoration:none;
	box-shadow:1px 1px 2px #344;
	background:#CCD3E3;opacity:0.95
	}
.inset:hover{
	color:#F37;
	text-shadow:0 0 1px #666;
	text-decoration:none;
	box-shadow:0 0 4px #222 inset;
	opacity:1
	}


.footer {
    background-color: #ffffff;
    color: #1A3964;
    font-size: 12px;
    padding: 0px;
    width : 100%;
	/* height : 40px; */
	border-top : 1px solid #1A3964; 
	margin-bottom:10px;
}


.left{
	text-align: left;
	}
.center{
	text-align: center;
	}
.right{
	text-align: right;
	}
.feedbackPanelERROR{
color:red;
}

#wicketDebugLink
{
display:none !important;
}

   
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
    
 }

@media only screen and (min-width: 200px) {
	.col-sm-1 {width: 8.33%;}
    .col-sm-2 {width: 16.66%;}
    .col-sm-3 {width: 25%;}
    .col-sm-4 {width: 33.33%;}
    .col-sm-5 {width: 41.66%;}
    .col-sm-6 {width: 50%;}
    .col-sm-7 {width: 58.33%;}
    .col-sm-8 {width: 66.66%;}
    .col-sm-9 {width: 75%;}
    .col-sm-10 {width: 83.33%;}
    .col-sm-11 {width: 91.66%;}
    .col-sm-12 {width: 100%;}
	/* .header {
   width: 100%;
    height: 80px;
    background-image: url('../images/headerSmallMobile.png');
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
} */
	.footer {
	height : 100px;
	margin-top: 50px;
	}
	.navbar-nav>li>a {
	font-size: 16px;
}
	.navbar-inverse .navbar-nav>li>a:hover {
    color: #ffffff;
    background-color: black;
}
	
	.hide-from-mob{
	display:none;
}
		.hide-from-desktop{
	display:block;
}
	.hide-from-tab{
	display:none;
}
		.hide-from-desktop-desktopLg{
	display:block;
}
	.hide-from-mob-tab{
	display:none;
}
	.hide-from-tab-desktop{
	display:block;
}
	.hide-from-mob-tab-desktop{
	display:none;
	}
	.hide-from-mob-desktop{
	display:none;
	}
}

@media only screen and (min-width: 400px) {
	    
	.header {
   	width: 100%;
    height: 80px;
    background-image: url('../images/headerMobile.png');
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
}
	.footer {
	height : 98px;
	margin-top: 50px;
	}
	.navbar-nav>li>a {
	font-size: 17px;
	line-height: 1.5;
}
		.navbar-inverse .navbar-nav>li>a:hover {
    color: #ffffff;
    background-color: black;
}
	
	.hide-from-mob{
	display:none;
}
		.hide-from-desktop{
	display:block;
}
	.hide-from-tab{
	display:none;
}
		.hide-from-desktop-desktopLg{
	display:block;
}
	.hide-from-mob-tab{
	display:none;
}
	.hide-from-tab-desktop{
	display:block;
}
	.hide-from-mob-tab-desktop{
	display:none;
	}
	.hide-from-mob-desktop{
	display:none;
	}
}


@media only screen and (min-width: 600px) {

    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
    

   .hide-from-desktop{display:none;}
   /* .hide-from-cel{display:none;} */
   .header {
   width: 100%;
    height: 80px;
    background-image: url('../images/headerTablet.png');
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
}
	.footer {
	height : 85px;
	margin-top: 100px;
	}
	.navbar-nav>li {
	font-size: 19px;
	line-height: 1.5;
}
	.menu>li {
	font-size: 19px;
	line-height: 1.5;
}
	
	.hide-from-mob{
	display:block;
}
	
	.hide-from-tab{
	display:none;
}
	.hide-from-desktop-desktopLg{
	display:block;
}
	.hide-from-mob-tab{
	display:none;
}
	.hide-from-tab-desktop{
	display:none;
}
	.hide-from-mob-tab-desktop{
	display:none;
	}
	.hide-from-mob-desktop{
	display:block;
	}
	
}
@media only screen and (min-width: 769px) {
    /* For desktop: */
    
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    
 
   .header {
   	width: 100%;
    height: 80px;
    background-image: url('../images/header.png');
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    overflow: hidden;
}
	.footer {
	height : 45px;
	margin-top: 0px;
	}
	.navbar-nav>li>a {
	font-size: 14px;
	line-height: 18px;
}
	.hide-from-mob{
	display:block;
}
    .hide-from-desktop{
	display:none;
}
	.hide-from-tab{
	display:block;
}
	.hide-from-desktop-desktopLg{
	display:none;
}
		.hide-from-mob-tab{
	display:block;
}
	.hide-from-tab-desktop{
	display:none;
}
	.hide-from-mob-tab-desktop{
	display:none;
	}
	.hide-from-mob-desktop{
	display:none;
	}
}


@media only screen and (min-width: 1450px) {
    /* For large desktop: */
    .col-lg-1 {width: 8.33%;}
    .col-lg-2 {width: 16.66%;}
    .col-lg-3 {width: 25%;}
    .col-lg-4 {width: 33.33%;}
    .col-lg-5 {width: 41.66%;}
    .col-lg-6 {width: 50%;}
    .col-lg-7 {width: 58.33%;}
    .col-lg-8 {width: 66.66%;}
    .col-lg-9 {width: 75%;}
    .col-lg-10 {width: 83.33%;}
    .col-lg-11 {width: 91.66%;}
    .col-lg-12 {width: 100%;}
    
 
   .header {
   	width: 100%;
    height: 100px;
    background-image: url('../images/headerLg.png');
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    overflow: hidden;
}
	.footer {
	height : 40px;
	margin-top: 0px;
	}
	.hide-from-mob{
	display:block;
}
    .hide-from-desktop{
	display:none;
}
	.hide-from-tab{
	display:block;
}
	.hide-from-desktop-desktopLg{
	display:none;
}
	.hide-from-mob-tab{
	display:block;
}
	.asideBlankLg {
    background-color: #ffffff;
    padding: 5px;
    color: #ffffff;
    text-align: center;
    height: 0px;
    font-size: 14px;
}
.asideBlankLg a{
    color: #ffffff;
}
	.hide-from-tab-desktop{
	display:block;
}
	.hide-from-mob-tab-desktop{
	display:block;
	}
	.hide-from-mob-desktop{
	display:block;
	}
}