/* - above_bootstrap.css - */
/* https://www.itcilo.org/portal_css/above_bootstrap.css?original=1 */
/* **/
body{
font-family: 'Roboto', Arial, sans-serif !important;
}
h1,.likeash1{
color:#001689;
font-weight:300;
font-size:2.1em;
line-height: 1.5em;
margin:0px;
border-bottom:0em !important;
}
h2,.likeash2{
color:#699be8;
font-size:1.8em;
margin-top:0.5em;
font-weight:300;
border-bottom:0em !important;
}
h3{
color:#000;
font-size:1.5em;
margin-top:1em;
font-weight:400;
line-height:1.3em;
border-bottom:0em !important;
}
h4{
color:#699be8;
font-size:1.3em;
font-weight:600;
margin-top:1em;
border-bottom:0em !important;
}
h4>a{
color:#699be8 !important;
border-bottom:0em !important;
}
h5, .description{
color:#000;
font-size:1.1em;
font-weight:600;
margin-top:0.5em;
border-bottom:0em !important;
}
h5>a, h5>a:hover{
color:#001689;
text-decoration:none;
border-bottom:0em !important;
}
h6{
color:#666;
font-size:1em;
font-weight:600;
margin-top:0.5em;
border-bottom:0em !important;
}
h7{
color:#001689;
font-size:1.2em;
font-weight:400;
display: block;
padding: 0.25em 0em 0.25em 0em;
border-bottom:0em !important;
}
h8{
color:#001689;
font-size:1.15em;
font-weight:400;
display: block;
padding: 1.5em 0em 0.5em 0em;
}
h9{
color:#001689;
font-size:1em;
font-weight:400;
display: block;
padding: 0.25em 0em 0.25em 0em;
border-bottom:0em !important;
}
p, ul{
color:#000;
font-size:1.1em;
font-weight:300;
margin-top:0.1em;
}
#content ul{
list-style-position: inside;
}
li{
font-weight: 300;
}
a{
cursor: pointer;
}
a,a:link, a:visited{
color:#699be3;
border-bottom:0em !important;
}
a:hover{
text-decoration:none;
border-bottom:0em !important;
}
.label{
color:#333;
}
#content{
font-size:100%;
}
#content a,#content a:link, #content a:visited, dl.portlet a:link{
color:#699be3;
border-bottom:0em !important;
}
.documentEditable #content a:hover{
text-decoration:none;
opacity:0.7;
}
.mceContentBody a:hover,.mceContentBody a,.mceContentBody a:visited{
color:#699be3 !important;
text-decoration:none;
background:none !important;
}
.center{
text-align:center;
}
.strong{
font-weight:400;
}
.verystrong{
font-weight:700;
}
input, textarea{
background-image:none !important;
}
select{
padding:0.17em;
overflow: hidden;
background: url("arrow_down_select.png") no-repeat right 10px top 50% #F3F5D9 !important;
border: 2px solid #000;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
padding:6px 12px !important;
border-radius:4px !important;
}
select[multiple]{
overflow: auto;
background-image: none !important;
padding-right:0em;
}
/* */
select::-ms-expand {
display:none;
}
/* */
/* */
select{
background: url("transparent.gif") no-repeat right 10px top 50% #F3F5D9\9 !important;
}
/* */
input, button, select, textarea,.ms-list,.datePicker {
font-family: 'Roboto', Arial, sans-serif !important;
}
input,select {
color:#3c3c3c;
border: #d5e2a6 1px solid;
font-weight:400;
border-radius: 2px;
font-size:1em;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select ,
select[multiple="False"] option{
background-color:#FEFFED !important;
color:#3c3c3c !important;
height:auto !important;
border: #d5e2a6 1px solid !important;
}
input[type="text"],select,textarea,.ms-list,.datePicker{
background-color:#F3F5D9 !important;
}
input[placeholder]{
color:#3c3c3c;
}
dd{
margin-left:0px;
}
.form-control{
border: 1px solid #D5E2A6;
padding-right:2em;
}
.form-control[disabled], fieldset[disabled] .form-control{
background-color: #F8F8F8 !important;
color: #868686;
border-color: #F0F0F0;
}
/* */
/* */
.button_blue{
background-color: #001689;
color: #fff;
border-radius: 2px;
padding:0.2em;
font-size:1em;
font-weight:400;
}
.button_green{
background-color: #adbd00 !important;
color: #fff !important;
border-radius: 2px;
padding:0.2em;
font-size:1em;
font-weight:400;
}
.button_azure{
background-color: #699be8 !important;
color: #fff !important;
border-radius: 2px;
padding:0.2em;
font-size:1em;
font-weight:400;
}
.button_red{
background-color: #d9534f !important;
color: #fff !important;
border-radius: 2px;
padding:0.2em;
font-size:1em;
font-weight:400;
}
.buttonyellow{
padding: 0em 0.5em 0em 0.5em;
background-color:#ffcd4f !important;
margin:0.1em 0.5em 0.1em 0.1em;
float:left;
border-radius:2px;
color:#FFF !important;
font-weight: normal;
}
.buttonorange{
padding: 0em 0.5em 0em 0.5em;
background-color:#ec971f !important;
margin:0.1em 0.5em 0.1em 0.1em;
float:left;
border-radius:2px;
color:#FFF !important;
font-weight: normal;
}
.buttoncobalto{
padding: 0em 0.5em 0em 0.5em;
background-color:#3E49A4 !important;
margin:0.1em 0.5em 0.1em 0.1em;
float:left;
border-radius:2px;
color:#FFF !important;
font-weight: normal;
}
.buttonblue{
padding: 0em 0.5em 0em 0.5em;
background-color:#001689 !important;
margin:0.1em 0.5em 0.1em 0.1em;
float:left;
border-radius:2px;
color:#FFF !important;
font-weight: normal;
}
.buttonciano{
padding: 0em 0.5em 0em 0.5em;
background-color:#7486C0 !important;
margin:0.1em 0.5em 0.1em 0.1em;
float:left;
border-radius:2px;
color:#FFF !important;
font-weight: normal;
}
.buttongreen{
padding: 0em 0.5em 0em 0.5em;
background-color:#6cae27 !important;
margin:0.1em 0.5em 0.1em 0.1em;
float:left;
border-radius:2px;
color:#FFF !important;
font-weight: normal;
}
.buttonazure{
padding: 0em 0.5em 0em 0.5em;
background-color:#699be8 !important;
margin:0.1em 0.5em 0.1em 0.1em;
float:left;
border-radius:2px;
color:#FFF  !important;
font-weight: normal;
}
.buttonred{
padding: 0em 0.5em 0em 0.5em;
background-color:#d9534f !important;
margin:0.1em 0.5em 0.1em 0.1em;
float:left;
border-radius:2px;
color:#FFF  !important;
font-weight: normal;
}
#content .buttonazure a,#content .buttongreen a,#content .buttonblue a,#content .buttonred a,#content .buttonorange a{
color:#FFF !important;
}
.linkasbutton{
padding: 5px 8px 5px 8px;
}
.buttonblue a, .buttongreen a, .buttonazure a, .buttonred a, .red a, .buttonorange a{
color:#FFF;
text-decoration:none;
}
.buttontransparent{
background-color:transparent !important;
color:#fff !important;
border: 0px !important;
margin: 5px 2px 5px 2px;
padding:0px;
}
li .buttontransparent{
margin: 0px  !important;
}
#buttonbottom{
margin-top:10px;
}
.morepadding{
padding: 0.5em 0.5em 0.5em 0.5em !important;
}
.lesspadding{
padding: 0.2em 0.5em 0.2em 0.5em !important;
}
/* */
/* */
.red, .red a{
color:red !important;
text-decoration:none !important;
border-bottom:0em !important;
}
.black, .black a{
color:#000 !important;
text-decoration:none !important;
border-bottom:0em !important;
}
.yellow, .yellow a{
color:#ffcd4f !important;
text-decoration:none !important;
border-bottom:0em !important;
}
.azure, .azure a{
color:#699be8 !important;
text-decoration:none !important;
border-bottom:0em !important;
}
.blue, .blue a{
color:#001689 !important;
text-decoration:none !important;
border-bottom:0em !important;
}
.bluette, .bluette a{
color:#7584be !important;
text-decoration:none !important;
border-bottom:0em !important;
}
.cobalto, .cobalto a{
color:#3E49A4 !important;
text-decoration:none !important;
border-bottom:0em !important;
}
.greenlight, .greenlight a{
color:#AEB520 !important;
text-decoration:none !important;
border-bottom:0em !important;
}
.green, .green a{
color:#6cae27 !important;
text-decoration:none !important;
border-bottom:0em !important;
}
.gray, .gray a{
color:#555 !important;
text-decoration:none !important;
border-bottom:0em !important;
}
.white{
color:#fff !important;
text-decoration:none !important;
border-bottom:0em !important;
}
.right{
float:right !important;
}
.left{
float:left !important;
}
.nofloat{
float:none !important;
}
.fullsize{
width:100%;
}
.halfsize{
width:50%;
}
.invisible{
visibility:inherit !important;
}
.capitalize{
text-transform:capitalize !important;
}
.uppercase{
text-transform:uppercase !important;
}
.alignleft{
text-align:left !important;
}
.alignright{
text-align:right !important;
}
.hidden{
display:none;
}
.show{
display:block;
}
​
.fullwidth{
width:100%;
}
#error{
color:red;
}
#close-icon{
float:right;
}
.form-group{
margin-bottom:0px;
}
.border {
border: #f2f2f2 10px solid;
}
.imagethumb{
width:48px;
padding:0.2em
}
.imagesmall{
width:128px;
padding:0.3em
}
.imagenormal{
width:200px;
padding:0.5em
}
.mini-margin-bottom{
margin-bottom:0.5em;
}
.medium-margin-bottom{
margin-bottom:1em;
}
.maxi-margin-bottom{
margin-bottom:2em;
}
.no-list-style{
list-style-type: none !important;
margin-left: 0.2em !important;
list-style-position: outside;
}
.pointer{
cursor:pointer;
}
/* */
.titlearrow {
overflow: hidden;
text-align: center;
font-size: 2em;
line-height: 2em;
}
.titlearrow:before,
.titlearrow:after {
background-color: currentColor;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
.titlearrow:before {
right: 0.5em;
margin-left: -50%;
}
.titlearrow:after {
left: 0.5em;
margin-right: -50%;
}
.tableasdiv {
box-shadow: 0px 0px 11px 2px #dedede;
}
.tableasdiv tr td:first-child {
border-left: 10px solid #FFF;
}
.tableasdiv tr td:last-child{
border-right: 10px solid #FFF;
}
.small{
font-size:80%;
}
.medium{
font-size:110%;
}
.big{
font-size:120%;
}
@media only screen and (min-width: 0px) and (max-width: 780px) {
body{
padding-left:0px !important;
padding-right:0px !important;
}
}
@media only screen and (min-width: 780px), screen/0 {
.col-sm-6 {
width: 100%;
max-width: 50%;
float:left;
}
}