/* CSS Document */
body { font-family: Calibri, Arial, Helvetica, Times; font-size: 16px; color: black; }
th{font-size:14px;color:black;}/*background-color:#8DBDD8;*/
/*#6693BC*/
td{font-size:12px;color:black;}
a { color: #077ac1; text-decoration: none;}
a.black_link { color: black; text-decoration: none;}
a:hover { color: #2a3a55 ; text-decoration: none;}

a.a1{
    color: black; text-decoration: none;
}


.msg_head {
margin-left: 1em;
width:98%;
padding: 5px 5px;
border:2px solid #D0E8F4;
background-color:#eeeeff;
/*background-color:#eeeeff;*/

}

.msg_head3 {
#margin-left: 1em;
#width:97%;
#padding: 5px 5px;
#border:2px solid #D0E8F4;
#background-color:#eeeeff;

}


.msg_body {
width:98%;
margin-left: 1em;
padding: 5px 5px 5px;
border:2px solid #D0E8F4;
background-color:#ECF8FD;
}


.msg_head2 {
margin-left: 3em;
width:90%;
padding: 5px 10px;
border:2px solid #D0E8F4;
background-color:#eeeeee;

}
.msg_body2 {
width:90%;
margin-left: 3em;
padding: 5px 10px 15px;
border:2px solid #D0E8F4;
background-color:#ECF8ec;
}


div.div1 {
    margin-left: 0em;
    width:90%;
    padding: 5px 5px;
    border:1px solid #bdedff;
    background-color:#f9f9ff;
}

div.div2 {
    margin-left: 3em;
    width:90%;
    padding: 5px 5px;
    border:1px solid #FA5858;
    background-color:#F6CECE;
}

div.div3 {
    margin-left: 3em;
    width:90%;
    padding: 5px 0px;
    border:1px solid #A9F5A9;
    background-color:#CEF6CE;
}

/*verd*/
div.div4 {  
margin-left: 0em; 
width:97%;                
padding: 0px 0px 0px 0px; 
border:2px solid #A9F5A9;
background-color:#CEF6D8;
}

/*vermell*/
div.div5 {
margin-left: 0em;
width:97%;
padding: 0px 0px 0px 0px;
border:2px solid #F78181;
background-color:#F6CECE;
}

/*gris*/
div.div6 {                
margin-left: 0em;        
width:97%;               
padding: 0px 0px 0px 0px;
border:2px solid #BDBDBD ;
background-color:#FAFAFA;
}        


.footer{
        font-family:Arial, Helvetica, sans-serif;
        font-size:20px;
        text-align: center;
        color:#000;
}


.editable input[type=submit] {
 color: #434320;
 font-weight: bold;
}

.editable input[type=button] {
 color: #0F0;
 font-weight: bold;
}
 

#div_carrega{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
	background: url(/imatges/loader.gif) repeat;
	display:none;
	z-index:1;
}

#carregador{
    position:absolute;
    top:50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}


div.div_font_blue {            
color:blue;
}
/*
th.classroom {
height:50px;
text-align:center;
}

th.datetime {
height:20em;
text-align:center;
}

th.username {
height:10px;
text-align:center;
}

th.classroom {
height:20px;
text-align:center;
}
*/



pre.pre1 {            
color: black;
background-color: transparent;
}


/*symfony*/

.timetable td:hover {
  background-color: #F5F6CE; /*6693BC*/
  color: orange;
}


h3.h3 {
	
	text-align: center;
	 /* font-weight: bold;*/
}

h4.h4 {
	
	text-align: center;
	font-weight: bold;
	color: #2E7CAD;
}

header {
	margin-bottom: 0em
}


footer {
	/*background: #eeeeff;*/
	background: transparent;
	margin-top: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	/*border: 2px solid #D0E8F4;*/
	border: 2px solid transparent;
}


footer p {
	color: #7b8a8b;
	font-size: 13px;
	margin-bottom: 0.25em;
	text-align: center;
	color: #2E7CAD;
	font-weight: bold;
	
}


.btn-lg, .btn-group-lg > .btn {
    padding: 8px 8px;
    font-size: 15px;
    line-height: 1.33333;
    
    border-radius: 6px;
    
}

.btn-lg-small, .btn-group-lg-small > .btn {
    padding: 3px 3px;
    font-size: 12px;
    line-height: 1.33333;
    color: white;
    border-radius: 6px;
    
}


.btn-primary {
	color: #fff;
	background-color: #6693BC;
	border-color: #6693BC;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active,
	.btn-primary.active, .open>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #8dbdd8;
	border-color: #8dbdd8;
}

.btn-primary-del {
	color: #fff;
	background-color: #FA5858;
	border-color: #FA5858;
}

.btn-primary-del:hover, .btn-primary-del:focus, .btn-primary-del.focus, .btn-primary-del:active, .btn-primary-del.active, .open > .btn-primary-del.dropdown-toggle {
    color: #fff;
    background-color: red;
    border-color: red;

}
/*
.navbar-default {
	background-color: transparent;
	border: 2px solid transparent;
	border-color: transparent

}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus {
	background-color: #6693bc;
	color: #fff
}
*/


.container {
	/*per a que es vegi be a explorer el footer*/
	-ms-flex-preferred-size: auto;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px

}



label.required:after {
    content: " (*) ";
    color: red;

}

.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:rgb(233, 236, 239)}


footer {
    /*background: #eeeeff;*/
    background: transparent;
    margin-top: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    /*border: 2px solid #D0E8F4;*/
    border: 2px solid transparent;
}

footer a{
    font-size: 13px;
    margin-bottom: 0.25em;
    text-align: center;
    color: #2E7CAD;
    font-weight: bold;

}


.btn-lg, .btn-group-lg > .btn {
    padding: 8px 8px;
    font-size: 15px;
    line-height: 1.33333;

    border-radius: 6px;

}

.btn-lg-small, .btn-group-lg-small > .btn {
    padding: 3px 3px;
    font-size: 12px;
    line-height: 1.33333;

    border-radius: 6px;

}


.btn-primary {
    color: white;
    background-color: #6693BC;
    border-color: #6693BC;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active,
.btn-primary.active, .open>.btn-primary.dropdown-toggle {
    /*cancel-view*/
    color: white;
    background-color: #8dbdd8;
    border-color: #8dbdd8;
}

.btn-primary-del {
    /*red*/
    color: white;
    background-color: #cb5353;
    border-color: #cb5353;
    padding: 10px 15px;
    font-size: 14px;
}

.btn-primary-del:hover, .btn-primary-del:focus, .btn-primary-del.focus, .btn-primary-del:active, .btn-primary-del.active, .open > .btn-primary-del.dropdown-toggle {
    /*red*/
    color: white;
    background-color: #ea7373;
    border-color: #ea7373;
    padding: 10px 15px;
    font-size: 14px;

}

.btn-default {
    /*green*/
    color: white;
    background-color: #82a157;/*#95a5a6;*/
    border-color: #82a157;/*#95a5a6*/
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active,
.btn-default.active, .open>.btn-default.dropdown-toggle {
    /*green*/
    color: white;
    background-color: #86db55;/*#00c60f;#798d8f;*/
    border-color: #86db55;
}


.btn-default {
	color: white;
	background-color: #009f0c;/*#95a5a6;*/
	border-color: #bfffc4;/*#95a5a6*/
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active,
	.btn-default.active, .open>.btn-default.dropdown-toggle {
	color: white;
	background-color: #00c60f;/*#798d8f;*/
	border-color: #74898a
}


.bg-upc {
	background-color: #8dbdd8;
	color: black; !important;
  /*
  -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  */
  background: #6693BC;
  font-family: Calibri, Tahoma, Arial, sans-serif;
  background: -moz-linear-gradient(top, #ffffff 0%, #6693BC 70%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6693BC), color-stop(70%, #6693BC));
  background: -webkit-linear-gradient(top, #ffffff 0%, #6693BC 70%);
  background: linear-gradient(top, #6693BC 0%, #6693BC 70%);
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(0,0,0,0.8) !important;
	
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
 color: white !important;
}

.input-cerca {
size: 10%;
}