body {
    padding-top: 50px;        
}

/*Color palette https://coolors.co/0a2b4b-006e90-e8d246-ccdbdc-e9f1f7 */

/* Set padding to keep content from hitting the edges */
.body-content {
    background: #FFF;
    min-height: 70vh;
    padding-bottom: 20px;
}

.home-page-promobox {
    background: #E9F1F7;        
}

.container < .home-page-promobox {
    margin-right: 0;
    margin-left: 0;
}

.home-page-promobox h1 {
    font-size: 30px;
}

.home-page-promotext {
    font-size: 16px;
    line-height: 1.2em;
}

.home-page-promobox h2,
.home-page-promobox h3 {
    font-size: 26px;
}

.home-desgin-block {
    background: #033769;
    padding: 10px;
    border-radius: 25px;
    color: #FFF;
    text-align: center;
    min-height: 200px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.home-desgin-block h2 {
    color: #E8D246;
    text-align: center;
}

.home-page-title, .section-title {
    font-size: 26px;
    color: #033769;
    text-align: left;    
}

.section-sub-title{
    font-size: 20px;
    color: #033769;
    text-align: left;
}

.my-dropdown{
    font-size: 12px;
    top: 3px;
}

footer{
    background: #E9F1F7;    
    padding: 30px 0;
}

/* 
    Data listin section
*/

.table-container {
    width: 100%;
    overflow-x: scroll;
}

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    padding: 2px;
    vertical-align: middle;
}

.table > tbody > tr:nth-child(2n+1) {
    background:  #fafafa;
}

.table > tbody > tr:first-child {
    background: #E9F1F7;
}

.img-top-pad-15{
    padding-top: 15px;
}

.img-top-pad-60{
    padding-top: 60px;
}

@media (max-width: 770px){
    .img-top-pad-60{
        padding-top: 20px;
    }
}

.text-pad-15{
    padding: 15px;
}

.mg-top-20{
    margin-top: 20px;
}

.mg-bottom-30{
    margin-bottom: 30px;
}



/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* Self */
/* Bejelentkező - brigád kép megjelenítése 
#promotion
{
	height: 440px; 
	width:770px; 
	background: url(/content/iStock_000019679102_Middle.jpg) no-repeat;
}
*/