/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}


/*************************************/

/********************/
/* TABELA PRZYCISKI */
/********************/

.c-p {
    cursor: pointer;
}

.inactive {
   opacity: 0.2;
}

.check {
    width: 30px;
    height: 30px;
    border: 1px solid #b7b7b7;
}

.row-button {
    /*min-width: 40px;
    max-width:40px;
    padding: 5px;*/
    font-weight: 600;
    background: #dfdfdf;
    text-align: center;
    margin: 2px;
    flex: 1 1 auto !important;
    padding-top: 10px;
    padding-bottom: 10px;
}   

.table-legend-row-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: end;
    flex: 1 1 auto !important;
}

.mobile-legend-block {
    margin: 2px;
}

/*flex-wrap: wrap !important;*/
/*flex-wrap: nowrap !important;*/


.table-row-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.mobile {
    display: block !important;
}
.not-mobile {
    display: none !important; 
}
.mobile-flex {
    display: flex !important;
}
.not-mobile-flex {
    display: none !important; 
}

.left-checkbox-holder {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.right-checkbox-holder {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.middle-checkbox-cholder {
    display: flex;
    justify-content: flex-center;
    align-items: center;
}




/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .mobile {
        display: none !important
    }
    .not-mobile {
        display: block !important;
    }
    .mobile-flex {
        display: none !important;
    }
    .not-mobile-flex {
        display: flex !important;
    }
    .left-checkbox-holder {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .right-checkbox-holder {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .middle-checkbox-cholder {
        display: flex;
        justify-content: flex-center;
        align-items: center;
    }

    .table-row-wrap {
    	display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .table-legend-row-wrap {
        display: flex;
        justify-content: flex-end;
        align-items: end;
    }

    .row-desc {
    	padding-right: 10px;
        color: #104a96;
        text-align: right;
    }

    .row-desc-left {
        padding-right: 10px;
        color: #104a96;
        text-align: left;
    }

    .row-button {
    	min-width: 60px;
        max-width: 60px;
        padding: 10px;
        font-weight: 600;
        background: #dfdfdf;
        text-align: center;
        margin: 2px;
    }
    .row-legend {
        min-width: 60px;
        max-width: 60px;
        text-align: center;
        margin: 2px;
    }

    .res-table-desc {

    }
    .res-table-resu {
        width: 180px;
    }


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
 .row-button {
   min-width: 80px;
   max-width: 80px;
}
.row-legend {
    min-width: 80px;
    max-width: 80px;
}
.res-table-resu {
    width: 190px;
}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .row-button {
    	min-width: 100px;
        max-width: 100px;
    }
    .row-legend {
        min-width: 100px;
        max-width: 100px;
    }
    .res-table-resu {
        width: 200px;
    }
}


html, body {
    color: #59595b;
}

.blue-bar {
    background: #0064b2;
}

#colophon, #site-navigation {
	display: none;
}

.c-pointer {
	cursor: pointer;
}

.text-blue {
	color: #0064b2;
}

.bg-gray {
    background: #dfdfdf;
}
.bg-l-gray {
    background: #ececec;
}
.bg-blue {
    background: #c3d2e5;   
}

.table-bordered {
    border: 1px solid #FFF;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #FFF;
}

.va-m {
    vertical-align: middle !important;
}
.va-b {
    vertical-align: bottom !important;
}


/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

h1 {
	font-size: 1.4rem;
}
h1 > sup {
	font-size: 0.7rem;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
 h1 {
   font-size: 1.6rem;
}
h1 > sup {
  font-size: 1rem;
} 
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    h1 {
    	font-size: 2rem;
    }
    h1 > sup {
      font-size: 1.3rem;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	h1 {
       font-size: 2.5rem;
   }
   h1 > sup {
      font-size: 1.5rem;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}