.embed-responsive {
    border-radius: 10px;
}

.close.fullscreen {
	font-size: 13px;
	margin-top: 2px !important;
	margin-right: 15px;
}

body.pagetype-szkolenie-view #w0 tr th:first-of-type {
    width: 100px;
}

div.required > .control-label:after {
    content: "*";
    color: red;
    font-size: 0.8em;
    margin-left: 5px;
}

#modal-popup-helper-v2.is-fullscreen .modal-dialog, #modal-popup-helper-v2.is-fullscreen .modal-content {
	width: 100%;
	position: absolute;
	top: 0px;
	margin: 0px;
	min-height: 100vh;
	left: 0px;
	right: 0px;
}

/* wersja v3 */
#modal-popup-helper-v2[data-backdrop="static"] h4.modal-title > span {
    display: none;
    opacity: 0;
}

@media (orientation: landscape) {
    #modal-popup-helper-v2.is-fullscreen .modal-body {
        padding: 10px 15%;
    }
}

#label-modal-dont-repeat {
    text-align: center;
    display: block;
    font-weight: normal;
    margin-top: 3px;
    margin-bottom: 5px;
}

.box.box-primary {
	border: none;
    box-shadow: 0 0 0 #fff;
}

.box-header.with-border {
	border: none !important;
    padding-bottom: 25px;
}

.box-body {
	border: none;
}

.box-body {
    box-shadow: 0 0 0 #fff;
}

.box-header {
    padding-bottom: 20px;
}

.box-header h3.box-title {
	position: relative;
	font-size: 48px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	letter-spacing: -1px;
	color: inherit;
    margin-left: 50px;
}

.box-header h3.box-title::after {
	content: " ";
	position: absolute;
	top: 0px;
	left: -55px;
	background: url(../gfx/copy-icon.png) no-repeat center;
	display: block;
	height: 48px;
	width: 48px;
}

.box-header h3.box-title:first-letter {
    text-transform: uppercase;
}





.content-wrapper .content-header h1 {
	position: relative;
    color: #000;
	font-size: 48px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	letter-spacing: -1px;
	color: inherit;
    margin-left: 50px;
}

.content-wrapper .content-header h1::after {
	content: " ";
	position: absolute;
	top: 4px;
	left: -55px;
	background: url(../gfx/copy-icon.png) no-repeat center;
	display: block;
	height: 48px;
	width: 48px;
}

.content-wrapper .content-header h1:first-letter {
    text-transform: uppercase;
}





.this-is-homepage .list-of-videos .col-md-4 span:first-of-type {
    font-size: 16px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 12px;
}

.this-is-homepage .list-of-videos .col-md-4 span:last-of-type {
	font-size: 18px;
	line-height: 22px;
	margin-top: 8px;
	font-weight: 700;
    margin-left: 4px;
    margin-right: 4px;
}

.this-is-homepage .list-of-videos .col-md-4 a:last-of-type {
	line-height: 12px;
	font-size: 14px;
	margin-top: 8px;
    margin-left: 4px;
    margin-right: 4px;
}

.this-is-homepage .list-of-videos .col-md-4 {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 25px;
}

.this-is-homepage .list-of-videos > .row {
	margin-left: -5px;
	margin-right: 5px;
}

.content-wrapper .content-header {
	position: relative;
	padding: 30px 50px 0 50px;
}

.content-wrapper .content {
	padding: 25px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 50px;
	padding-right: 50px;
}

.skin-green-light .sidebar-menu > li > a > span {
	font-weight: 500;
	font-size: 16px;
	line-height: 21px;
	color: #fff;
	vertical-align: bottom;
	display: inline-block;
	max-width: 150px;
	overflow: hidden;
	/* display: inline-block; */
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media only screen and (min-width: 992px)  {

    .this-is-homepage .row > div:first-of-type {
        padding-right: 5px;
    }
    
    .this-is-homepage .row > div:last-of-type {
        padding-left: 5px;
    }
    
    .scroltable-wrapper .scroltable-container {
        overflow: auto;
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 5px;
    }
    
}

h1#welcome-username {
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 26.4px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    letter-spacing: inherit;
}

h1#welcome-username:before, h1#welcome-username:after {
    display: none !important;
}

h2.crmklient-headers, h2.crmklient-headers-onleft {
    position: relative;
	font-size: 33px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	letter-spacing: -1px;
	color: inherit;
}

h2.crmklient-headers-onleft {
    padding-left: 50px;
    margin-bottom: 20px;
}

span.force-is-relative[data-href] {
    cursor: pointer;
    font-size: 0.75em;
    font-weight: normal;
    vertical-align: super;
}

h2.crmklient-headers-onleft span {
    position: absolute;
	bottom: 3px;
	font-size: 28px;
	padding-left: 10px;
    left: 0px;
}

h1.helper-span-inside span.edit-is-relative[data-href], h2.crmklient-headers-onleft span.edit-is-relative[data-href], h2.crmklient-headers span.edit-is-relative[data-href] {
    left: inherit;
    right: 0px;
    color: #589ecc;
    cursor: pointer;
}

h1.helper-span-inside span.edit-is-relative[data-href] {
    right: inherit;
}

h2.crmklient-headers span, h1.helper-span-inside span {
	position: absolute;
	bottom: 3px;
	font-size: 28px;
	color: #589ecc;
	padding-left: 10px;
	cursor: pointer;
}

/* gdy brak linkow to nie wyswietla wogole */
h1.helper-span-inside span[data-href=""], h2.crmklient-headers-onleft span.edit-is-relative[data-href=""], h2.crmklient-headers span.edit-is-relative[data-href=""] {
    display: none !important
}

#crmklient-osobowe-view > div > span > span {
	position: relative;
	bottom: 3px;
	font-size: 28px;
	color: #589ecc;
	padding-left: 10px;
	cursor: pointer;
}

h2.crmklient-headers a {
	position: absolute;
	bottom: 3px;
	font-size: 28px;
	color: #589ecc;
	padding-left: 10px;
	cursor: pointer;
}

a.edit-is-relative > span {
	position: absolute;
	font-size: 14px;
	color: #666666;
	bottom: 6px;
	padding-left: 5px;
	letter-spacing: 0px;
}

#crmklient-osobowe-view {
    margin-top: 20px;
    width: 100%;
}

#crmklient-osobowe-view div {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
	font-weight: 300;
    margin-bottom: 15px;
    line-height: 25px;
}

#crmklient-osobowe-view div > div {
    margin-bottom: 5px;
}

#crmklient-osobowe-view div > span {
    font-size: 36px;
    font-family: 'Open Sans', sans-serif;
	font-weight: 300;
    display: block;
}

#crmklient-osobowe-view div#crmklient-form-telefon > span {
    font-weight: 600;
}

#crmklient-osobowe-view div#crmklient-form-email > div {
    margin-bottom: 0px;
}

#crmklient-osobowe-view div#crmklient-form-email > span {
    font-size: 24px;
    font-weight: 600;
    color: #589ecc;
}

#crmklient-osobowe-view div#crmklient-form-email > span a {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 32px;
    color: #589ecc;
}

#crmklient-osobowe-view div#crmklient-form-ulica_numer {
    margin-top: 25px;
}

#crmklient-osobowe-view div#crmklient-form-imie_nazwisko > span {
    font-size: 38px;
    font-weight: 600;
    color: #589ecc;
    line-height: 38px;
}

#crmklient-osobowe-view div#crmklient-form-region > span,#crmklient-osobowe-view div#crmklient-form-panstwo > span,#crmklient-osobowe-view div#crmklient-form-facebook > span,#crmklient-osobowe-view div#crmklient-form-kod_miasto > span, #crmklient-osobowe-view div#crmklient-form-ulica_numer > span {
    font-size: 24px;
    line-height: 14px;
}

#crmklient-kalibracja-view {
    margin-top: 30px;
    display: table;
    width: 100%;
}

#crmklient-kalibracja-view > div {
    font-size: 24px;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
	font-weight: 300;
    display: block;
    position: relative;
    margin-bottom: 10px;
    display: table-row;
}

#crmklient-kalibracja-view > div > div {
    display: table-cell;
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 10px;
}

#crmklient-kalibracja-view > div > span {
    text-align: right;
    font-weight: 600;
    color: #589ecc;
    display: table-cell;
}

/* test gravesa */
#crmklient-graves-view {
    margin-top: 30px;
    display: table;
    width: 100%;
}

#crmklient-graves-view > div {
    font-size: 24px;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
	font-weight: 300;
    display: block;
    position: relative;
    margin-bottom: 10px;
    display: table-row;
}

#crmklient-graves-view > div > div {
    display: table-cell;
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 10px;
}

#crmklient-graves-view > div > span {
    text-align: right;
    font-weight: 600;
    color: #589ecc;
    display: table-cell;
}

#crmklient-graves-view > div#crmklient-graves-g, #crmklient-graves-view > div#crmklient-graves-r {
    display: block;
}

#crmklient-graves-view > div#crmklient-graves-g > div, #crmklient-graves-view > div#crmklient-graves-r > div {
    display: block;
    padding-bottom: 0px;
    font-size: 18px;
}

#crmklient-graves-view ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#crmklient-graves-view ul li {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

#crmklient-graves-view ul li span {
    cursor: pointer;
    color: #333333 !important;
    font-weight: 600;
}

#ajax-modal-graves li {
    display: block;
    margin-bottom: 5px;
}

#ajax-modal-graves li > span {
    display: inline-block;
    width: 33%;
}

#ajax-modal-graves li > span > span:first-of-type {
    display: block;
}

#ajax-modal-graves li > span > span:last-of-type {
    color: #589ecc;
    font-weight: 600;
    display: block;
    font-style: italic;
}

#crmklient-dane-biznesowe-view > div {
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
	font-weight: 300;
    margin-bottom: 10px;
    line-height: 28px;
    position: relative;
    display: table-row;
}

#crmklient-dane-biznesowe-view > div > div {
    display: table-cell;
    padding-bottom: 10px;
}

#crmklient-dane-biznesowe-view > div > span {
    font-weight: 600;
    color: #589ecc;
    display: table-cell;
    text-align: right;
}

#crmklient-dane-biznesowe-view {
    margin-top: 30px;
    display: table;
    width: 100%;
}

#crmklient-dane-biznesowe-view > div#crmklient-form-kolejna_akcja {
    font-weight: 600;
}

#crmklient-dane-biznesowe-view > div#crmklient-form-kolejna_akcja > span {
    color: #d70000;
}

#crmklient-dane-biznesowe-view, #crmklient-dane-biznesowe-form {
    margin-bottom: 0px;
}

#crmklient-skojarzenia-view, #crmklient-skojarzenia-form {
    margin-bottom: 15px;
}

#crmklient-skojarzenia-view, #crmklient-uwagi-view {
    font-size: 16px;
    line-height: inherit;
    font-weight: 300;
}

.klient-has-error {
    color: #d70000 !important;
}

.klient-has-error > span {
    color: #d70000 !important;
}

#crmklient-sender-form label {
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
	font-weight: 600;
    line-height: 28px;
    position: relative;
}

#crmklient-sender-form ul.list-unstyled li {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.crmklient-form #w0 > div:nth-child(1) {
    margin-bottom: 10px;
}

.crmklient-form #w0 button[type="submit"] {
    margin-bottom: 30px;
}

.crmklient-form #w0 > div:nth-child(1) > div:nth-child(1) {
    position: relative;
}

.crmklient-form #w0 > div:nth-child(1) > div:nth-child(1)::after {
	content: " ";
	height: 440px;
	width: 1px;
	top: 20px;
	right: 0px;
	border-right: 1px solid #d4d4d4;
	display: block;
	position: absolute;
}


.crmklient-form #w0 > div:nth-child(1) > div:nth-child(2) , .crmklient-form #w0 > div:nth-child(1) > div:nth-child(3) , .crmklient-form #w0 > div:nth-child(1) > div:nth-child(4) {
    position: relative;
}

.crmklient-form #w0 > div:nth-child(1) > div:nth-child(2)::after , .crmklient-form #w0 > div:nth-child(1) > div:nth-child(3)::after , .crmklient-form #w0 > div:nth-child(1) > div:nth-child(4)::after {
	content: " ";
	height: 440px;
	width: 1px;
	top: 20px;
	right: 0px;
	border-right: 1px solid #d4d4d4;
	display: block;
	position: absolute;
}


.crmklient-form #w0 div#more_about_person > div:nth-child(1) {
    position: relative;
}

.crmklient-form #w0 div#more_about_person > div:nth-child(1)::after {
	content: " ";
	height: 440px;
	width: 1px;
	top: 20px;
	right: 0px;
	border-right: 1px solid #d4d4d4;
	display: block;
	position: absolute;
}

#showAllHistory {
    cursor: pointer;
    color: #589ecc;
    font-weight: 600;
}

.margin-ex-85 {
    margin-top: -85px;
}

.col-md-3.col-helper-025 {
    width: 22%;
    padding: 0 25px 0 15px;
}

.col-md-3.col-helper-025b {
    width: 22%;
    padding: 0 25px 0 25px;
}

.col-md-3.col-helper-017 {
    width: 22%;
    padding: 0 25px;
}

.col-md-3.col-helper-033 {
    width: 34%;
    padding: 0 25px;
}

#more_about_person {
    display: inline;
}

#user-post-empty, #user-send-empty {
	background-color: #f1f1f1 !important;
	color: #333 !important;
	border-color: #f1f1f1;
}

#more_about_person_tiktok {
    color: #589ecc;
    font-size: 18px;
    font-weight: 600;
    display: none;
    clear: both;
    padding-left: 15px;
    cursor: pointer;
    padding-top: 15px;
}

.showHideMore {
    color: #589ecc;
    font-weight: 600;
    clear: both;
    cursor: pointer;
    padding-top: 15px;
    margin-bottom: 25px;
}

#crmklient-osobowe-view > div > span > span.fb-special-icon {
	font-size: 18px;
	line-height: 40px;
	color: #333333;
    vertical-align: bottom;
}

#crmklient-osobowe-view > div > span > span.fb-special-icon span {
    float: left;
}

#crmklient-osobowe-view > div > span > span.fb-special-icon .fab.fa-facebook-square {
	color: #4267B2;
	font-size: 40px;
	float: left;
    line-height: 40px;
    margin-right: 5px;
}

@media only screen and (max-width: 1890px)  {
    
    #more_about_person {
        display: none;
    }
    
    .col-md-3.col-helper-017 {
        width: 50%;
        padding: 0 45px 0 15px;
    }
    
    .col-md-3.col-helper-033 {
        width: 50%;
        padding: 0 45px 0 45px;
    }
    
    #more_about_person_tiktok {
        display: block;
    }
    
    .col-md-3.col-helper-025, .col-md-3.col-helper-025b {
        width: 50%;
        padding-right: 45px;
    }
    
    .col-md-3.col-helper-025b {
        padding-left: 45px;
    }
    
    .col-md-3.col-helper-025:after {
        height: 400px !important;
    }
    
    .col-md-3.col-helper-025b:after {
        content: none !important;
    }
    
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .margin-ex-85 {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 800px)  {
    
    .col-md-3.col-helper-025 {
        width: 100%;
        padding: 0 15px 0 15px;
    }
    
    .col-md-3.col-helper-025b {
        width: 100%;
        padding: 0 15px 0 15px;
    }
    
    .col-md-3.col-helper-017 {
        width: 100%;
        padding: 0 15px 0 15px;
    }
    
    .col-md-3.col-helper-033 {
        width: 100%;
        padding: 0 15px 0 15px;
    }
    
    .col-md-3.col-helper-025:after, .col-md-3.col-helper-025b:after, .col-md-3.col-helper-017:after, .col-md-3.col-helper-033:after {
        content: none !important;
    }
    
}

.content .btn {
	border-radius: 8px;
	font-family: 'Open Sans';
	font-size: 16px;
	font-weight: 600;
	text-transform: lowercase;
	padding: 7px 20px 7px 14px;
    line-height: 1.42857em;
    border: none;
}

.content .btn i {
    margin-right: 4px;
    }

.content .btn.btn-warning {
    background-color: #cc9b47;
}

.content .btn.btn-info {
    background-color: #cc9b47;
}


.content .btn.btn-success {
    background: #ae7e32;
    border: #ae7e32;
}

.content .btn.btn-success#action-copy-link {
    background: #cc9b47;
    border: #cc9b47;
}

.item-is-unactive, .item-is-unactive > td {
    opacity: 0.7;
    transition: 0.3s;
}

.item-is-unactive:hover, .item-is-unactive:hover > td {
    opacity: 0.9;
}

#list-of-group-status li span i.fa {
	display: inline-block;
	padding: 2px 10px;
	cursor: pointer;
}

#filaronlanguage span {
	color: #72afd2;
	padding-right: 5px;
	cursor: pointer;
}

#filaronlanguage span.active {
    font-weight: 700;
}

/* webinary */
#special-add {
	font-size: 12.5px;
	border: 1px solid #ccc;
}

#cyclic-add {
	font-size: 12.5px;
	border: 1px solid #ccc;
}

#special-list button {
    font-size: 12.5px;
	border: 1px solid #ccc;
}

@media (min-width: 992px) {
  .modal-lg { width: 900px; }
}

@media (min-width: 1366px) {
  .modal-lg { width: 1200px; }
}

/* wybor zrodla (video,sciezki,itd.) */
#stream_languages {
    display: inline-block;
}

#stream_list .list-of-videos-new h3.icono-list.with_icon > ion-icon {
	position: absolute;
	color: #74aed6;
	background: #fdfdfd;
	left: -95px;
	top: 0px;
	width: 80px;
	height: 50px;
	line-height: 50px;
	font-size: 50px;
	text-align: left;
	padding-right: 10px;
}

#stream_list .list-of-videos-new h3.icono-list.with_icon > i {
	position: absolute;
	color: #74aed6;
	background: #fdfdfd;
	left: -95px;
	top: 0px;
	width: 80px;
	height: 50px;
	line-height: 50px;
	font-size: 50px;
	text-align: center;
	padding-right: 10px;
}

#stream_list .list-of-videos-new h3.icono-list::before {
    display: none !important;
}

#stream_list h3.icono-list > .title-of-category {
	float: left;
	width: 100%;
	display: block;
	left: -2px;
	position: relative;
}

#stream_list .img-responsive {
	position: absolute;
	left: 25px;
	width: 70px;
}

#stream_list .video-item-search-box > span {
    padding: 10px 10px 10px 90px;
    display: inline-block;
    min-height: 80px;
    width: 100%;
}

#stream_list .video-item-search-box:not(.video-item-search-box_no-shadow) > span {
    cursor: pointer;
}

#stream_list .video-item-search-box:not(.video-item-search-box_no-shadow) > span:hover {
    box-shadow: 0 0 3px rgba(0,0,0,0.25);
}

#stream_list .video-item-search-box.selected:not(.video-item-search-box_no-shadow) > span {
    box-shadow: 0 0 3px rgba(12, 214, 63, 0.75);
    background: rgba(12,214,63,0.15);
}

#stream_list .video-item-search-box > span > span {
	line-height: 16px;
    display: inline-block;
}

#stream_list .list-of-videos-new .row {
	margin-left: -5px;
	margin-right: -5px;
    margin-bottom: 10px;
}

#stream_list {
	margin-top: 25px;
}

.video-item-search-box.path-has-ok-video {
    outline: 1px solid rgb(255, 255, 0);
    background: rgba(255, 255, 0, 0.25);
}

.list-of-groups-new .video-item-search-box.path-has-ok-video img {
    opacity: 0.6;
}

.centrum-form .imit-link {
    display: block;
    margin-top: 5px;
}

.imit-input {
	display: block;
    /*
	background: #fff;
	border: 1px solid #d2d6de;
	*/
	padding: 6px 12px 6px 0;
}

.btn-no-class {
    border: none;
    background: none;
    padding: 0px;
    margin: inherit;
}

.acronym {
    border-bottom: 1px dotted;
}

h3.icono-list span.tagi {
	display: block;
	font-size: 14px;
	letter-spacing: 0px;
	font-weight: 400;
}

h3.icono-list span.tagi::before {
    content: "#";
    color: #666;
}

.helper-otagowane {
    display: block;
    font-size: 0.9em;
    color: #ae7e32;
}

.helper-otagowane i.fas, .helper-nieotagowane i.fas {
    margin-right: 4px;
}

.helper-nieotagowane {
    display: block;
    font-size: 0.9em;
    color: #eb7500;
}

.helper-relative {
    position: relative;
}

.helper-query {
    font-size: 0.8em;
    position: absolute;
    bottom: 3px;
    font-size: 28px;
    padding-left: 10px;
    
    left: inherit;
    right: 0px;
    color: #589ecc;
    cursor: pointer;
}

/* sortowanie tabeli */
body.body-sortable tbody tr[data-sortowanie] {
    cursor: grab;
}

body.body-sortable tbody tr[data-sortowanie].blue-background-class {
    min-height: 47px;
}

body.body-sortable tr.filters td {
    display: none;
}

#crmklient-kalibracja-form > .form-group label {
    display: block;
    position: relative;
}

body.popup-video-instruction-helper .main-header div.pull-right::before {
    content: " ";
    background: rgba(0,0,0,0.6);
    display: block;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    position: fixed;
    z-index: 1040;
}

body.popup-video-instruction-helper .main-header div.pull-right > span {
    position: relative;
    z-index: 1050;
}

.dragable h4 {
    cursor: move;
}

.position-relative {
    position: relative;
}

#popup-video-instruction-helper-open {
	position: absolute;
	right: 0px;
	width: 320px;
	margin-left: -360px;
	z-index: 1060;
	top: 40px;
}

#popup-video-instruction-helper-open::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	top: -12px;
	transform: rotate(135deg);
	position: absolute;
	background: #f39c12;
	right: 70px;
}

body.pagetype-messageai-update #DataTables_Table_0 thead tr:last-of-type th:first-of-type input {
    display: none;
}

body.pagetype-messageai-update .helper-columns-5 #DataTables_Table_0 thead tr:last-of-type th:nth-child(4) input {
    width: 60px;
}

body.pagetype-messageai-update .helper-columns-4 #DataTables_Table_0 thead tr:last-of-type th:nth-child(3) input {
    width: 60px;
}

body.pagetype-messageai-update .helper-columns-5 #DataTables_Table_0 thead tr:last-of-type th:first-of-type {
    visibility: hidden;
    opacity: 0;
}

.headroom--unpinned {
	position: fixed;
	bottom: 0px;
	z-index: 2;
	padding: 20px 20px 20px 0;
	display: block;
	background: #fff;
    width: 100%;
}