html,
body {
    height: 100%;
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight:400;
    font-family:Century Gothic,Arial,Helvetica,sans-serif;
    color:#303845
}
a {
    color: #303845;
}
a:hover {
    color: #303845;
    outline: none;
}
a:active {
 color:#303845;
 outline:none
}
a:focus {
 color:#303845;
 outline:none
}
.generaltable thead tr th {
    color: #fff;
    background: #303845;
}
i.icon {
    margin-right: 0;
    font-size: 16px;
    color: #303845;
}
button {
    font-family: Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: none;
    background: #303845;
    box-shadow: none;
}
.btn-primary, input[type="submit"] {
    font-weight: 700;
    font-family: Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: none;
    background: #303845;
    padding: 11px 16px;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

header {
    padding-top: 20px;
}
#logo {
    /*float: left;*/
}
#afterheader {
    padding: 5px 0;
}
#moje-szkolenia {
    border-top: 1px solid #303845;
    border-bottom: 1px solid #303845;
    padding: 0 0 20px 0;
}
#szkolenia {
    padding: 20px 0;
}
#szkolenia-info-box {
    height: 114px;
}
.szkolenie, .szkolenie-s{
    cursor: pointer;
}
.minicalendar {
    width: 70%;
    height: 200px;
    margin: 0 auto;
}
#kalendarz {
    margin-top: 10px;
    padding-left: 15px !important;
    padding-right: 10px !important;
}
#kalendarz-controls {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #303845;
    color: white;

}
#kalendarz-main {
    background-color: rgb(243, 237, 237);
    padding: 5px 5px;
}
#szkolenia-info-box {
    padding: 0px !important;
}
#szkolenia-info-box p {
    /*text-align: center;*/
    font-weight: 700;
    font-size: 22px;
    /*margin: 0 auto;*/
    color: black;
}
#kalendarz-controls a {
    color: white;
    font-size: 20px;
    font-weight: 300;
}
.calendar-controls a .next{
    color: red;
}
#kalendarz-container {
    margin-top: 3px;
}
#kalendarz-container tbody {
    background-color: rgb(243, 237, 237);
    border: 3px solid #303845;
}
.calendartable .weekdays {
    text-align: center;
    background-color: white;
}
.calendartable tr,
.calendartable tr td {
    text-align: center;
    font-weight: 700;
    border: 2px solid #FFF;
	min-width:30px !important;
	max-width: 30px !important;
}
.calendartable {
    width: 100%;
}
.calendartable abbr {
    border: 0;
    text-decoration: none;
}
.weekdays th {
    text-align: center !important;
}
#slaider {
    margin-top: 5px;
}
.bx-viewport {
    height: 240px !important;
}
.dropdown-menu {
    z-index: 99999;
}
.usermenu span,
.usermenu a {
    color: #303845;
}
.usermenu i {
    color: red;
}
.today a {
    padding: 2px 1px;
    background-color: gray;
    color: white;
}
a .szkolenie:hover {
    opacity: 0.7;
    color: #FFF;
}
#szkolenie-title div {
    color: #FFF; padding-bottom: 5px;
    /*border-bottom: 1px solid white;*/
    margin: 0 5px;
    width: auto;
    padding-top: 25px;
}
#szkolenia-box a {
    color: #FFF;
    text-align: center;
    font-weight: 700;
    margin: 0 auto;
}
.slicknav_menu {
    display: none;
}
@media screen and (max-width: 40em) {
    /* #menu is the original menu */
    .js #menu {
        display: none;
    }
    .js .slicknav_menu {
        display: block;
    }
}
@media screen and (max-width: 480px) {
	div #logo {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	
}
.tooltip2 {
    background-color: #303845;
    color: white;
}
/* DATE TIME PICKER */
.dtp div.dtp-date, .dtp div.dtp-time {
	background: #303845 !important;
}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
	background: #303845 !important;	
}
.dtp .p10 > a {
	color: white !important;
}
.dtp table.dtp-picker-days tr > td > a.selected {
	background: #303845 !important;	
}
.dtp div.dtp-date, .dtp div.dtp-time {
	color: white !important;
}
.dtp div.dtp-actual-year {
	color: white !important;
}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header { background: #303845 !important; color: #fff; text-align: center; padding: 0.3em; }
.dtp div.dtp-date, .dtp div.dtp-time { background: #303845 !important; text-align: center; color: #fff; padding: 10px; }
.dtp table.dtp-picker-days tr > td > a.selected{ background: #303845 !important; color: #fff; }
.dtp .dtp-actual-meridien a.selected { background: #303845 !important; color: #fff; }
.year-picker-item:hover{
    color:#303845 !important;
}
.year-picker-item.active{
    color:#303845 !important;
    font-weight: bold;
}
.dtp-btn-ok{
    background-color: red;
}
.btn {
    border-radius: 0;

}
.btn-primary {
    color: #FFF !important;
    background-color: red !important;
    font-weight: 700;
}
.btn-excel {
    color: #FFF !important;
    background-color: #303845 !important;
    font-weight: 700;
}
.popover-region-notifications i, .popover-region-messages i {
    width: 24px;
    height: 24px;
    font-size: 22px;
    margin-right: 15px;
}
.count-container{
    top: 0px !important;
    width: 10px;
    height:16px;
    font-size: 16px;
    font-weight: 700;
}
.thead-table {
    background: #303845 !important;
    color: #FFF;
    font-weight: bold;
}
th {
    text-align: center;
}
.thead-table i, .thead-table a, .thead-table a:focus, .thead-table a:active, .thead-table a:hover {
    color: #FFF !important;
    text-decoration: none;
}
.table-bordered th {
    border: 0 !important;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active{
    width: 100%;
    background-color: red;
    color: white;
    text-decoration: none;
}
ul.navbar-nav li a:hover,ul.navbar-nav li a:active, ul.navbar-nav li a:focus {
    text-decoration: none;
    border-bottom: 2px solid red;
}
ul.navbar-nav ul.multi-level li a {
    border-bottom: 2px solid #fff;
}
ul.navbar-nav ul.multi-level li a:hover,ul.navbar-nav ul.multi-level li a:active, ul.navbar-nav ul.multi-level li a:focus {
    text-decoration: none;
    border-bottom: 2px solid red;
}
/* #4540 - START */
.szkoleniaBoxContainer {
    max-width: 1199px;
    margin: 0 auto;
    text-align: center;
}
.szkolenieBox-v2 {
    width: 300px;
    display: inline-block;
    margin: 10px;
    -webkit-box-shadow: 0 1px 12px -2px rgba(161,155,161,0.55);
    -moz-box-shadow: 0 1px 12px -2px rgba(161,155,161,0.55);
    box-shadow: 0 1px 12px -2px rgba(161,155,161,0.55);
}
.szkolenieBoxImg {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.szkolenieObowiazkowe,
.szkolenieNieobowiazkowe {
    font-weight: 600;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0 10px;
    overflow: hidden;
    word-break: normal;
}
.szkolenieObowiazkowe {
    color: rgb(255, 0, 0);
}
.szkolenieNieobowiazkowe {
    color: #303845;
}
.szkoleniaTbl {
    width: 75%;
    margin-left: 8px;
    font-size: 12px;
}
.szkoleniaTbl td:nth-child(1) {
    width: 14%;
}
.szkoleniaTbl td:nth-child(2) {
    width: 30%;
}
.szkoleniaTbl td:nth-child(3) {
    width: 6%;
}
.szkoleniaTbl td:nth-child(4) {
    width: 17%;
}
.szkoleniaTbl td:nth-child(5) {
    width: 33%;
}
span.szkolenieObowiazkowe,
span.szkolenieNieobowiazkowe,
span.szkolenieDateStatus {
    margin: 0;
    padding: 0;
}
.szkolenieBoxInfo {
    word-break: break-all;
    text-align: left;
    position: relative;
}
.szkolenieBoxInfo > img.icon_img {
    position: absolute;
    right: 10px;
    bottom: 7px;
}
@media screen and (max-width: 767px) {
    .szkolenieBox-v2 {
		display: block;
		margin: 30px auto;
	}
    .szkolenieObowiazkowe,
    .szkolenieNieobowiazkowe {
        padding-top: 5px;
    }
}
@media screen and (min-width: 360px) and (max-width: 767px) {
    .szkolenieBox-v2 {
        width: 260px;
    }
    .szkolenieBoxImg {
        height: 173.3px;
    }
}
@media screen and (max-width: 359px) {
    .card.card-block > div > .container-fluid,
    .card-block {
        padding-left: 0;
        padding-right: 0;
    }
    .szkolenieBox-v2 {
        width: 250px;
    }
    .szkolenieBoxImg {
        height: 166.7px;
    }
}
#onboarding-container > ul:last-of-type {
    height: 27px;
    border-bottom: none;
}
#tablist a:hover {
    border-bottom: none;
}

#nav-notification-popover-container {
        margin-right: 10px;
}

#nav-notification-popover-container .nav-link .fa-bell {
    margin-right: 25px;
}

#nav-notification-popover-container .nav-link .count-container {
       width: auto;
}



/* Punkty edukacyjne style */

.info-red {
    color: red;
    font-weight: bold;
}

.info-green {
    color: green;
    font-weight: bold;
}

.info-gray {
    color: gray;
    font-weight: bold;
}

.info-header {
    margin: 15px 0;
}

.form-container .form-control {
    width:60%;
}

.input-container label{
    justify-self: flex-start;
    flex-grow: 1;
}

.input-container {
    display: flex;
    align-items: center;
    width:50%;
    padding: 5px 0;
}

.new-period-container,
.upd-period-container {
    width: 50%;
}

.new-period-container input,
.upd-period-container input {
    width: 200px;
}


.yearpicker-container.yearpicker-dropdown{
    margin-top: 65px;
}

.educational-points-container #waiter img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
 }

 .modal-dialog .modal-title {
    width: fit-content;
    display: inline-block;
 }

 .modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}

@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }
}

.modal-content {
    width: 100%;
}

table.punkty-e-tbl  th, 
table.punkty-e-tbl td {
    text-align: left;
    vertical-align: middle;
} 

.img-course-certificate {
    max-width:150px;
    height:auto;
}

.punkty-e-tbl .th-container {
    width:fit-content; 
    text-align: center;
    margin: auto;
}


.punkty-e-tbl .th-container i{
    display:block;
    cursor: pointer;
}

i.action-icon {
    margin: 0 5px;
    cursor: pointer;
}

i.action-icon.fa-pencil {
    color:#303845;
}

.img-course-certificate-prev {
    height:32px;
    width:auto;
}


/* New course resources icons */

#item_bigbluebuttonbn +span.modicon .icon.icon, 
#item_forum +span.modicon .icon.icon, 
#item_feedback +span.modicon .icon.icon,
#item_scorm +span.modicon .icon.icon,
#item_simplecertificate +span.modicon .icon.icon,
#item_quiz +span.modicon .icon.icon,
#item_assign +span.modicon .icon.icon,
#item_url +span.modicon .icon.icon,
#item_page +span.modicon .icon.icon,
#item_glossary +span.modicon .icon.icon {
    width: 36px;
    height: 36px;
    font-size: 36px;
    margin-top: -4px;
    margin-bottom: -4px;
    margin-left: -6px;
}

.course-content .topics .section .activity .activityinstance a img[src*="bigbluebuttonbn"],
.course-content .topics .section .activity .activityinstance a img[src*="forum"],
.course-content .topics .section .activity .activityinstance a img[src*="feedback"],
.course-content .topics .section .activity .activityinstance a img[src*="scorm"],
.course-content .topics .section .activity .activityinstance a img[src*="simplecertificate"],
.course-content .topics .section .activity .activityinstance a img[src*="quiz"],
.course-content .topics .section .activity .activityinstance a img[src*="assign"],
.course-content .topics .section .activity .activityinstance a img[src*="url"],
.course-content .topics .section .activity .activityinstance a img[src*="page"],
.course-content .topics .section .activity .activityinstance a img[src*="glossary"]
{
    width: 36px;
    height: 36px;
    font-size: 36px;
    margin-top: -4px;
    margin-bottom: -4px;
    margin-left: -6px;
}

.header-contact {
    font-size: 14px;    
}
.header-contact span {
    font-size: 14px;    
}