/*************/
/** GENERAL **/

:root {
  --blue-light-color: #2196f3;
  --blue-dark-color: #1565c0;
  --blue-light-bg: #33b5e5;
  --blue-dark-bg: #0099cc;
  --green-light-color: #00c851;
  --green-dark-color: #007e33; 
  --green-light-bg: #00c851; 
  --green-dark-bg: #007e33; 
  --red-light-bg: #ff4444; 
  --red-dark-bg: #cc0000; 
  --red-light-color: #ff4444; 
  --red-dark-color: #cc0000; 
  --yellow-light-color: #ffbb33; 
  --yellow-dark-color: #ff8800;
  --yellow-light-bg: #ffbb33; 
  --yellow-dark-bg: #ff8800; 
}

@font-face {
    font-family: 'magicico';
    src: url('magicico/Web-PS/magicico.woff2?v=5') format('woff2'),
         url('magicico/Web-PS/magicico.otf?v=5') format('opentype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'magicico-2';
    src: url('magicico-2/Web-PS/magicico.woff2?v=6') format('woff2'),
         url('magicico-2/Web-PS/magicico.otf?v=6') format('opentype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'magicico-atlas';
    src: url('magicico-atlas/Web-PS/magicico-atlas.woff2') format('woff2'),
         url('magicico-atlas/Web-PS/magicico-atlas.otf') format('opentype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'norwester';
    src: url('norwester/Web-PS/norwester.woff') format('woff'),
         url('norwester/Web-PS/norwester.otf') format('opentype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body.tab-wrapper *:focus {
	outline: 2px solid #7aacfe !important;
	outline: 5px auto -webkit-focus-ring-color !important;
}

.context-menu .ico {
	position: relative;
	top: 2px;
	left: -8px;
}

.magicico {
    font-family: "magicico";
}

.magicico-2 {
    font-family: "magicico-2";
}

.magicico-atlas {
    font-family: "magicico-atlas";
}

.roboto {
    font-family: "Roboto";
}

.source-sans-pro-200 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 200;
}

.source-sans-pro-300 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

.source-sans-pro-400 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}

.font-size-17 {
	font-size: 17px;
}

.font-size-22 {
	font-size: 22px;
}

.font-size-28 {
	font-size: 28px;
}

.font-size-30 {
	font-size: 30px;
}

.font-weight-medium {
	font-weight: 500;
}

.text-align-center {
	text-align: center;
}

.text-align-left {
	text-align: left;
}

.text-align-right {
	text-align: right;
}

.padding-10-0 {
	padding: 10px 0;
}

.padding-20-30 {
	padding: 20px 30px;
}

.padding-top-20 {
	padding-top: 20px;
}

.margin-bottom-40 {
	margin-bottom: 40px;
}

.margin-left-40 {
	margin-left: 40px;
}

.iframe-container {
/*    overflow: hidden;*/
    padding-top: 40%;
    position: relative;
    margin-top: 30px;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

@media (max-width: 1200px) {
    .iframe-container {
        padding-top: 60%;
    }
}
@media (max-width: 768px) {
    .iframe-container {
        padding-top: 75%;
    }
    
}

.bg-gray {
	background-color: #f2f3f8;
}

.bg-gray-light {
	background-color: #fbfbfb;
}

.bg-blue-light {
	background-color: #f1f7ff;
}

.bg-white {
	background-color: #ffffff;
}

/*
.color-blue {
    color: #5195e2;
}
.bg-blue {
    background: #5195e2;
}


.color-green {
    color: #90be00;
}

.color-orange {
    color: #e9b600;
}

.color-red {
    color: #be4500;
}
.color-red-imp {
    color: #be4500 !important;
}

.color-grey {
    color: #9d9d9d;
}
*/
body {
	/*font-family: 'Open Sans', sans-serif;*/
    /*font-family: 'Nunito Sans', sans-serif;*/
    /*font-weight: lighter;*/
    font-family: 'Roboto', sans-serif;
    /*font-family: 'Poppins', sans-serif;*/
	font-size: 1rem;
    height: 100%;
    min-width: 360px;
    background-color: #fff;
}

body.outside {
	background-color: #f2f2f2;
}

* {
	margin: 0px;
	padding: 0px;
}

img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
	-webkit-app-region: no-drag;
	cursor: default;
}
 img::after, img::before {
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
	-webkit-user-drag: none;
	-webkit-app-region: no-drag;
	cursor: default;
}

.blue-light-color {
	color: var(--blue-light-color);
}

.blue-dark-color {
	color: var(--blue-dark-color);
}

.blue-light-bg {
	background-color: var(--blue-light-bg);
}

.blue-dark-bg {
	background-color: var(--blue-dark-bg);
}

.green-light-color {
	color: var(--green-light-color);
}

.green-dark-color {
	color: var(--green-dark-color);
}

.green-light-bg {
	background-color: var(--green-light-bg);
}

.green-dark-bg {
	background-color: var(--green-dark-bg);
}

.red-light-color {
	color: var(--red-light-color);
}

.red-dark-color {
	color: var(--red-dark-color);
}

.red-light-bg {
	background-color: var(--red-light-bg);
}

.red-dark-bg {
	background-color: var(--red-dark-bg);
}

.yellow-light-color {
	color: var(--yellow-light-color);
}

.yellow-dark-color {
	color: var(--yellow-dark-color);
}

.yellow-light-bg {
	background-color: var(--yellow-light-bg);
}

.yellow-dark-bg {
	background-color: var(--yellow-dark-bg);
}

.e4i-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll;
}

.e4i-global-unscrollable {
    position: fixed;
    width: 100%;
    overflow: hidden;
}

a:focus, button:focus {
    outline: none;
}

.logged-user-avatar-cnt {
	position: relative;
}

.logged-user-avatar-cnt .logged-user-wss {
	position: absolute;
	top: 0;
	right: 0;
}

.logged-user-avatar-cnt .logged-user-wss span {
	display: block;
	width: 6px;
	height: 6px;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
	border: 1px solid transparent;
}

.logged-user-avatar-cnt .logged-user-wss span.connected {
	background-color: #4bdb69;
}

.logged-user-avatar-cnt .logged-user-wss span.connecting {
	background-color: #f8bf20;
}

.logged-user-avatar-cnt .logged-user-wss span.connecterror {
	background-color: #dc3545;
}

.logged-user-avatar-cnt .logged-user-wss span.notconnected {
	background-color: #e5e5e5;
}

.logged-user-avatar-cnt .logged-user-wss span.notenabled {
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
}

.logged-user-avatar-cnt .logged-user-wss span.disconnected {
	background-color: #000000;
}

.logged-user-avatar-cnt .logged-user-wss span.error {
	background-color: #dc3545;
}

.cookie-box-cnt {
	display: none;
	position: fixed;
	bottom: 10px;
	left: 0;
	right: 0;
	max-width: 500px;
	z-index: 999;
}

.cookie-box {
	background-color: rgba(30, 53, 72, .9);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);
	margin: 5px;
	padding: 10px;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
}

.cookie-box .cookie-ico {
	width: 60px;
}

.cookie-box .cookie-ico span {
	width: 34px;
	height: 32px;
	display: block;
	margin: 4px auto;
	background: transparent url('../image/sprite-general.png') -312px -837px no-repeat;
}

.cookie-box .cookie-txt {
	font-size: .8rem;
	color: white;
}

.cookie-box .cookie-txt .cookie-box-title {
	padding-bottom: 10px;
}

.cookie-box .cookie-txt .cookie-box-info {
}

.cookie-box .cookie-txt .cookie-box-action {
	padding-top: 10px;
}

.cookie-box .cookie-close {
	padding: 3px 0;
	text-align: right;
}

.cookie-box .cookie-txt a, 
.cookie-box .cookie-close span {
	opacity: .7;
	cursor: pointer;
	color: white;
}

.cookie-box .cookie-txt a:hover, 
.cookie-box .cookie-close span:hover {
	opacity: 1;
	text-decoration: underline;
}

.cookie-box .cookie-txt button {
	background-color: transparent;
	border: none;
	color: #ffffff;
}

.cookie-box .cookie-txt button:hover {
	text-decoration: underline;
}

.horizontal-scroll {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	padding: 10px;
}

.rwd-table {
	border: 1px solid #efefef;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: block;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 7px;
}

.std-table {
	border: 1px solid #efefef;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: block;
	min-width: 500px;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 7px;
}

.std-table table {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	border: 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 14px;
	border-collapse: collapse;
/*	border-style: hidden; */
}

.std-table thead {
	padding: 14px;
	font-family: 'Roboto', sans-serif;
	color: #333333;
	border: 0;
}

.std-table thead tr {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.std-table thead tr th {
	font-weight: 500;
	background-color: white;
	border: 0;
	padding: .75rem;
}

.std-table thead tr th .sort-ico {
	padding: 0 5px;
	color: #c8c8c8;
}

.std-table thead tr th .sort-ico.active {
	color: #333333;
}

.std-table thead tr th .sort-ico.up span {
	transform: rotate(-90deg);
}

.std-table thead tr th .sort-ico.down span {
	transform: rotate(90deg);
}

.std-table thead tr th .sort-ico span {
	cursor: pointer;
}

.std-table tbody {
	background-color: #ffffff;
}

.std-table tbody tr:nth-child(even) {
/*	background-color: #fafafa; */
}

.std-table tbody tr td {
	border: 1px solid #efefef;
	padding: .6rem .75rem;
}

.std-table tbody tr td:first-child {
	border-left: 1px solid transparent;
}

.std-table tbody tr:not(.raw):hover {
	background-color: rgba(225,244,251,.5) !important;
	color: #33b5e5;
}

.std-table tbody tr:not(.raw):hover td:first-child {
	border-left: 1px solid #33b5e5;
}

.std-table tfoot tr th {
	font-weight: 400;
	border: 0;
	padding: .75rem;
}

.no-select {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.no-touch {
	touch-action: none;
}

.width-full {
	width: 100%;
}

.flex-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
}

.flex-full {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
    min-width: 0;
}

.flex-full-h {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.flex-22p {
	-webkit-box-flex: 0 0 22.22%;
	-webkit-flex: 0 0 22.22%;
	-moz-flex: 0 0 22.22%;
	-ms-flex: 0 0 22.22%;
	flex: 0 0 22.22%;
}

.flex-20p {
	-webkit-box-flex: 0 0 20%;
	-webkit-flex: 0 0 20%;
	-moz-flex: 0 0 20%;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
}

.flex-25p {
	-webkit-box-flex: 0 0 25%;
	-webkit-flex: 0 0 25%;
	-moz-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
}

.flex-30p {
	-webkit-box-flex: 0 0 30%;
	-webkit-flex: 0 0 30%;
	-moz-flex: 0 0 30%;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
}

.flex-33p {
	-webkit-box-flex: 0 0 33.33%;
	-webkit-flex: 0 0 33.33%;
	-moz-flex: 0 0 33.33%;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
}

.flex-40p {
	-webkit-box-flex: 0 0 40%;
	-webkit-flex: 0 0 40%;
	-moz-flex: 0 0 40%;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
}

.flex-50p {
	-webkit-box-flex: 0 0 50%;
	-webkit-flex: 0 0 50%;
	-moz-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}

.flex-60p {
	-webkit-box-flex: 0 0 60%;
	-webkit-flex: 0 0 60%;
	-moz-flex: 0 0 60%;
	-ms-flex: 0 0 60%;
	flex: 0 0 60%;
}

.flex-66p {
	-webkit-box-flex: 0 0 66.66%;
	-webkit-flex: 0 0 66.66%;
	-moz-flex: 0 0 66.66%;
	-ms-flex: 0 0 66.66%;
	flex: 0 0 66.66%;
}

.flex-75p {
	-webkit-box-flex: 0 0 75%;
	-webkit-flex: 0 0 75%;
	-moz-flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
}

.flex-80p {
	-webkit-box-flex: 0 0 80%;
	-webkit-flex: 0 0 80%;
	-moz-flex: 0 0 80%;
	-ms-flex: 0 0 80%;
	flex: 0 0 80%;
}

.flex-100p {
	-webkit-box-flex: 0 0 100%;
	-webkit-flex: 0 0 100%;
	-moz-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
}

.flex-direction-column {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
}

.flex-align-center {
    -webkit-align-items: center;
    align-items: center;
}

.flex-justify-center {
    -webkit-justify-content: center; 
    -moz-justify-content: center;
    justify-content: center;
}

.flex-justify-right {
    -webkit-justify-content: flex-end; 
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}

.flex-justify-left {
    -webkit-justify-content: flex-start; 
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}

.flex-justify-space-between {
    -webkit-justify-content: space-between; 
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.flex-justify-space-around {
    -webkit-justify-content: space-around; 
    -moz-justify-content: space-around;
    justify-content: space-around;
}

.flex-wrap-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-flow-row-wrap {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
}

.flex-align-self-start {
    -webkit-align-self:flex-start;
    align-self:flex-start;
}

.flex-align-self-end {
    -webkit-align-self:flex-end;
    align-self:flex-end;
}

.flex-inline {
    display:inline-flex;
}

.flex-none {
	-webkit-box-flex: none;
	-webkit-flex: none;
	flex: none;
}

.grid-box {
	display: -ms-grid;
	display: grid;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.nopadding {
	padding: 0 !important;
}

.first-letter-capitalize::first-letter {
    text-transform:uppercase;
}

.clickable-element {
    cursor:pointer;
    opacity:1;
}
.clickable-element:hover {
    opacity:.4;
}

.anim-all {
    -webkit-transition : all 0.3s;
    -moz-transition : all 0.3s;
    -o-transition : all 0.3s;
    transition : all 0.3s;
}

.anim-all-slow {
    -webkit-transition : all 0.45s;
    -moz-transition : all 0.45s;
    -o-transition : all 0.45s;
    transition : all 0.45s;
}

.anim-opacity {
    -webkit-transition : opacity 0.3s;
    -moz-transition : opacity 0.3s;
    -o-transition : opacity 0.3s;
    transition : opacity 0.3s;
}

.anim-background {
    -webkit-transition : background 0.3s;
    -moz-transition : background 0.3s;
    -o-transition : background 0.3s;
    transition : background 0.3s;
}

.anim-color {
    -webkit-transition : color 0.3s;
    -moz-transition : color 0.3s;
    -o-transition : color 0.3s;
    transition : color 0.3s;
}

.anim-max-min-width {
    -webkit-transition : max-width 0.3s, min-width 0.3s;
    -moz-transition : max-width 0.3s, min-width 0.3s;
    -o-transition : max-width 0.3s, min-width 0.3s;
    transition : max-width 0.3s, min-width 0.3s;
}

.anim-max-height-200 {
    -webkit-transition : max-height 0.2s;
    -moz-transition : max-height 0.2s;
    -o-transition : max-height 0.2s;
    transition : max-height 0.2s;
}

.anim-height {
    -webkit-transition : height 0.2s;
    -moz-transition : height 0.2s;
    -o-transition : height 0.2s;
    transition : height 0.2s;
}

.anim-right {
    -webkit-transition : right 0.3s;
    -moz-transition : right 0.3s;
    -o-transition : right 0.3s;
    transition : right 0.3s;
}

.anim-top-fast {
    -webkit-transition : top 0.15s;
    -moz-transition : top 0.15s;
    -o-transition : top 0.15s;
    transition : top 0.15s;
}

.anim-margin-200 {
    -webkit-transition : margin 0.2s;
    -moz-transition : margin 0.2s;
    -o-transition : margin 0.2s;
    transition : margin 0.2s;
}

@keyframes spinner {
	100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@-moz-keyframes spinner {
	100% {-moz-transform: rotate(360deg);}
}
@-webkit-keyframes spinner {
	100% {-webkit-transform: rotate(360deg);}
}
.spinner {
	-webkit-animation: spinner 1s linear infinite;
	-moz-animation: spinner 1s linear infinite;
	animation: spinner 1s linear infinite;
}

@keyframes h-spinner {
	100% {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
}
@-moz-keyframes h-spinner {
	100% {-moz-transform: rotate(180deg);}
}
@-webkit-keyframes h-spinner {
	100% {-webkit-transform: rotate(180deg);}
}
.h-spinner {
	-webkit-animation: h-spinner 1s linear 1;
	-moz-animation: h-spinner 1s linear 1;
	animation: h-spinner 1s linear 1;
}

@keyframes q-spinner {
	25% {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
}
@-moz-keyframes q-spinner {
	25% {-moz-transform: rotate(90deg);}
}
@-webkit-keyframes q-spinner {
	25% {-webkit-transform: rotate(90deg);}
}
.q-spinner {
	-webkit-animation: q-spinner 1s linear 1;
	-moz-animation: q-spinner 1s linear 1;
	animation: q-spinner 1s linear 1;
}

@keyframes blinker {
    0% {opacity: 1.0;}
    50% {opacity: 0;}
    100% {opacity: 1.0;}
}
@-o-keyframes blinker {
    0% {opacity: 1.0;}
    50% {opacity: 0;}
    100% {opacity: 1.0;}
}
@-moz-keyframes blinker {
    0% {opacity: 1.0;}
    50% {opacity: 0;}
    100% {opacity: 1.0;}
}
@-webkit-keyframes blinker {
    0% {opacity: 1.0;}
    50% {opacity: 0;}
    100% {opacity: 1.0;}
}
.blink {
    -webkit-animation-name: blinker;
    -moz-animation-name: blinker;
    -o-animation-name: blinker;
    animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.blink-10-times {
    -webkit-animation-name: blinker;
    -moz-animation-name: blinker;
    -o-animation-name: blinker;
    animation-name: blinker;
    -webkit-animation-iteration-count: 10;
    -moz-animation-iteration-count: 10;
    -o-animation-iteration-count: 10;
    animation-iteration-count: 10;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.hide-element {
	display: none;
}

.timepicker-content {
	display: block;
	border-radius: 4px;
}

.timepicker-content {
	box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
	background-color: #fff;
	color: rgba(0,0,0,.87);
}

.timepicker-content .timepicker-cnt {
	width: 254px;
	height: 114px;
	padding: 0 5px;
}

.timepicker-content .timepicker-btn {
	align-items: center;
	justify-content: center;
}

/** form fields */

.form-field-wrapper {
	position: relative;
}

.form-field-wrapper .form-field-cnt {
	border: 1px solid #f2f2f2;
}

.form-field-wrapper .form-field-select {
	cursor: pointer;
}

.form-field-wrapper .ff-select-value {
	padding: 0 10px;
	align-items: center;
}

.form-field-wrapper .ff-value {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.form-field-wrapper .ff-select-arrow {
	width: 50px;
	height: 43px;
	padding: 18px;
}

.form-field-wrapper .ff-select-arrow-ico.down {
	width: 14px;
	height: 7px;
	background: url('sprite-general.png') 0 -64px no-repeat;
}

.form-field-wrapper .form-field-insert input {
	height: 43px;
	width: 100%;
	border: 0;
	padding: 0 5px;
}

.form-field-wrapper .form-field-textarea {
	line-height: 1rem;
}

.form-field-wrapper .form-field-textarea textarea {
	min-height: 60px;
	width: 100%;
	border: 0;
	padding: 5px;
}

/* tippy */
.tippy-warning-theme {
    background:#fff;
    color:#be4500;
    border:1px solid #be4500;
    font-size:0.75rem;
    padding:5px 13px;
}
.tippy-warning-theme .magicico {
    font-size:1.3rem;
    margin-right: 5px;
}
.tippy-warning-theme .lbl {
    position:relative;
    top:-5px;
}

/* drag&drop */
.drag-hint-border ckeditor {
    pointer-events: none;
}
/*
.buttons-start {
	justify-content: center;
}

.buttons-start .button-std {
	background-color: black;
	cursor: pointer;
	color: white;
	margin: .5rem;
	border-radius: .25rem;
	border: 1px solid rgba(0, 0, 0, .125);
}

.buttons-start .button-std:hover {
	border: 1px solid rgba(0, 0, 0, .4);
}

.buttons-start .inactive {
	cursor: auto;
}

.buttons-start .button-std .button-body {
	padding: 1rem;
	text-align: center;
	width: 250px;
}

.buttons-start .button-std .button-body .ico {
	height: 80px;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center; 
	-moz-justify-content: center;
	justify-content: center;
}

.buttons-start .button-std .button-body .magicico {
	font-size: 4rem !important;
}

.buttons-start .button-std:hover .button-body .magicico {
	font-size: 4.5rem !important;
}

.buttons-start .button-std.processing .button-body .magicico {
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

.buttons-start .button-std .button-body .title {
	font-size: 2rem;
	margin: 1rem 0;
	line-height: 2rem;
}

.buttons-start .button-std .button-body .tip {
	font-size: 1.1rem;
	line-height: 1.6rem;
	text-align: center;
}

.buttons-start .violet {
	background-color: #9c74e4;
}

.buttons-start .green.onmouseover:hover,
.buttons-start .green {
	background-color: var(--green-dark-bg);
}

.buttons-start .green.onmouseover,
.buttons-start .green.inactive {
	background-color: var(--green-light-bg);
}

.buttons-start .blue.onmouseover:hover,
.buttons-start .blue {
	background-color: var(--blue-dark-bg);
}

.buttons-start .blue.onmouseover,
.buttons-start .blue.inactive {
	background-color: var(--blue-light-bg);
}
*/

.subject-bg-0, .subject-bg--1 {
	background: url(../img/backgrounds/0.jpg) no-repeat;
}

.tiled-list,
.tiled-list .tiles {
	flex-wrap: wrap;
/*	justify-content: space-between; */
}

/****** V1 ******/

.tiled-list.v1 > div {
	flex: 1 0 300px; /* minimalna szerokosc komorki w gridzie */
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}

.tiled-list.v1 .tile {
	margin: 4px 0;
	border-radius: .25rem;
	border: 1px solid rgba(0, 0, 0, .125);
	overflow: hidden;
}

.tiled-list.v1 .tile:hover {
	border: 1px solid rgba(0, 0, 0, .25);
}

.tiled-list.v1 .tile.click {
	cursor: pointer;
}

.tiled-list.v1 .tile .body {
	position: relative;
	background-color: #f2f2f2;
	width: 290px;
	height: 236px;
}

.tiled-list.v1 .tile .body .bg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.tiled-list.v1 .tile .body .title {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, .625);
	border-top: 1px solid #e3e3e3;
	padding: 15px;
	font-weight: 400;
	text-align: left;
}

.tiled-list.v1 .tile .body .title span {
	display: block;
	font-size: 1rem;
	line-height: 1.2rem;
	width: 100%;
	max-height: 2.4rem;
	overflow: hidden;
	color: white;
}

.tiled-list.v1 .tile .body .goto {
	position: absolute;
	top: 75px;
	width: 100%;
	text-align: center;
}

.tiled-list.v1 .tile .body .goto span {
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
	border: 1px solid rgba(0, 0, 0, .125);
	background-color: rgba(91, 91, 91, .8);
	padding: 10px 20px;
	color: white;
	font-size: 16px;
	display: none;
}

.tiled-list.v1 .tile:hover .body .goto span {
	display: inline-block;
}

/****** simpled-list V1 ******/

.simpled-list.v1 .simples .simple {
	min-height: 54px !important;
	max-height: 54px !important;
	min-width: 100%;
    max-width: 100%;
	padding: 0;
}

.simpled-list.v1 .simples .simple.no-max-h {
	max-height: none !important;
}

.simpled-list.v1 .simples .simple .inner {
	border: 1px solid transparent;
	border-bottom-color: #e3e3e3;
	overflow: hidden;
	height: 100%;
	cursor: pointer;
/*	background: #ffffff; */
}

.simpled-list.v1 .simples .simple .inner:hover {
	border-color: #ffffff;
	background-color: rgba(225, 244, 251, 1);
}

.simpled-list.v1 .simples .simple .inner .info {
	padding : 0 15px;
}

.simpled-list.v1 .simples .simple .inner .select {
	font-size: 1.8rem;
	color: #7f7f7f;
}

.simpled-list.v1 .simples .simple .inner .icon {
	color: #b8b8b8;
}

.simpled-list.v1 .simples .simple .inner .name {
	font-size: 0.75rem;
	color: #7f7f7f;
	margin: 0 10px;
}

.simpled-list.v1 .simples .simple .inner .name > span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.1rem;
}

.simpled-list.v1 .simples .simple .inner .name > span:first-child {
	font-size: 0.85rem;
	color: #000000;
}

.simpled-list.v1 .simples .simple .inner .tools {
	color: #cfd0d0;
	font-size: 1.8rem;
}

.simpled-list.v1 .simples .simple .inner .tools:hover {
	color: black;
}

.simpled-list.v1 .simples .simple .inner .actions > div.magicico span {
	padding: 7px;
	cursor: pointer;
	border: 1px solid transparent;
	font-size: 1.4rem;
}

.simpled-list.v1 .simples .simple .inner .actions > div.magicico span:hover {
	border: 1px solid white;
}

.simpled-list.v1 .simples .simple .inner .actions > div {
	padding: 0 5px;
	opacity: .5;
}

.simpled-list.v1 .simples .simple .inner .actions > div:hover {
	opacity: 1;
}

/****** simpled-list V2 ******/

.simpled-list.v2 .simples .simple {
	min-height: 54px !important;
	max-height: 54px !important;
	min-width: 100%;
    max-width: 100%;
	padding: 0;
}

.simpled-list.v2 .simples .simple .inner {
	border-bottom: 1px solid white;
	overflow: hidden;
	height: 100%;
	cursor: pointer;
}

.simpled-list.v2 .simples .simple:first-child .inner {
	border-top: 1px solid white;
}

.simpled-list.v2 .simples .simple .inner:hover {
	background-color: rgba(51, 181, 229, .3);
}

.simpled-list.v2 .simples .simple .inner .info {
	padding : 0 15px;
}

.simpled-list.v2 .simples .simple .inner .select {
	font-size: 1.8rem;
	color: #7f7f7f;
}

.simpled-list.v2 .simples .simple .inner .icon {
	color: #b8b8b8;
}

.simpled-list.v2 .simples .simple .inner .thumb {
	width: 36px;
	height: 36px;
	margin-left: 10px;
	overflow: hidden;
	pointer-events: none;
}

.simpled-list.v2 .simples .simple .inner .thumb img {
	pointer-events: none;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	margin: auto;
}

.simpled-list.v2 .simples .simple .inner .name {
	font-size: 0.75rem;
	color: #7f7f7f;
	margin: 0 10px;
}

.simpled-list.v2 .simples .simple .inner .name > span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.1rem;
}

.simpled-list.v2 .simples .simple .inner .name > span:first-child {
	font-size: 0.85rem;
	color: #000000;
}

.simpled-list.v2 .simples .simple .inner .tools {
	color: #cfd0d0;
	font-size: 1.8rem;
}

.simpled-list.v2 .simples .simple .inner .tools:hover {
	color: black;
}

/******** books-list *********/

.books-list,
.books-list .books {
	flex-wrap: wrap;
}

.books-list .books {
	max-width: 100%;
	min-width: 100%;
}

.books-list .books .book {
	border-radius: 5px;
	-webkit-box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, .1);
	-moz-box-shadow: 0 .2rem 2.8rem rgba(36, 36, 36, .1);
	box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, .1);
	width: 100%;
	border: 1px solid rgba(0, 0, 0, .1);

	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
}

.books-list .books .inner {
	width: 100%;
	padding: 25px 5px;
}

.books-list .books .book .cover {
	text-align: center;
	position: relative;
}

.books-list .books .book .cover:hover .bi-read-cnt {
	display: block;
}

.books-list .books .book .cover .bi-read-cnt {
	position: absolute;
	width: 72px;
	height: 72px;
	top: 20px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid white;
	background-color: #375972;
	color: white;
	padding: 10px 0;
	cursor: pointer;
}

.books-list .books .book .cover .bi-read-ico {
	width: 40px;
	height: 31px;
	background: transparent url('../img/sprite-books.png') -20px -44px no-repeat;
	margin: 0 auto;
}

.books-list .books .book .cover .bi-read-txt {
	font-size: 12px;
	padding: 5px 0;
}

.books-list .books .book .icos {
	justify-content: center;
	padding: 15px 0px;
}

.books-list .books .book .icos .bi-ico-audio {
	width: 40px;
	height: 40px;
	cursor: pointer;
	opacity: 0.7;
	display: block;
	background: url('../img/sprite-books.png') 0px 0px no-repeat transparent;
}

.books-list .books .book .icos .bi-ico-download {
	position: relative;
	width: 40px;
	height: 40px;
	cursor: pointer;
	opacity: 0.7;
	background: url('../img/sprite-books.png') -40px 0px no-repeat transparent;
}

.books-list .books .book .icos .bi-ico-favorite {
	width: 40px;
	height: 40px;
	cursor: pointer;
	opacity: 0.7;
	background: url('../img/sprite-books.png') -120px 0px no-repeat transparent;
}

.books-list .books .book .icos .bi-ico-favorite.in-favorites {
	background: url('../img/sprite-books.png') -80px 0px no-repeat transparent;
}

.books-list .books .book .details {
	text-align: center;
}

.books-list .books .book .bi-author a {
	color: rgb(161, 161, 161);
	font-size: 12px;
	cursor: pointer;
}

.books-list .books .book .bi-author a:hover {
	text-decoration: underline;
}

.books-list .books .book .bi-title {
	color: black;
	font-size: 15px;
	font-weight: 600;
	margin: 12px 0px;
}

.books-list .books .book .bi-desc {
	color: black;
	font-size: 12px;
}

.books-list .books .book .bi-desc > div {
	white-space: nowrap;
	padding: 2px 0px;
	overflow: hidden;
}

.books-list .books .book .bi-desc a {
	color: var(--blue-light-color);
	cursor: pointer;
}

.books-list .books .book .bi-desc a:hover {
	text-decoration: underline;
}

.books-list .books .book.book-load {
	color: #b0b0b0;
	cursor: pointer;
}

.books-list .books .book.book-load .magicico {
	font-size: 3rem;
	text-align: center;
}

.books-list .books .book-load:hover .magicico {
	color: red;
}

.book-content {
	background-color: white;
}

.book-details-cnt {
	padding: 15px;
}

.book-details-cnt .bd-data-cnt {
    padding-left: 10px;
}

.book-details-cnt .bd-data-cnt .bd-title {
	color: black;
	font-size: 24px;
	line-height: 24px;
}

.book-details-cnt .bd-data-cnt .bd-info-cnt {
	padding-right: 50px;
}

.book-details-cnt .bd-data-cnt .bd-author a {
	color: rgb(161, 161, 161);
	font-size: 12px;
	white-space: nowrap;
}

.book-details-cnt .bd-data-cnt .bd-icos-cnt {
	padding: 4px 0;
	justify-content: flex-start;
}

.book-details-cnt .bd-data-cnt .bi-ico-download {
	position: relative;
	width: 40px;
	height: 40px;
	cursor: pointer;
	opacity: 0.7;
	background: url('../img/sprite-books.png') -40px 0px no-repeat transparent;
}

.book-details-cnt .bd-data-cnt  .bi-ico-favorite {
	width: 40px;
	height: 40px;
	cursor: pointer;
	opacity: 0.7;
	background: url('../img/sprite-books.png') -120px 0px no-repeat transparent;
}

.book-details-cnt .bd-data-cnt  .bi-ico-favorite.in-favorites {
	background: url('../img/sprite-books.png') -80px 0px no-repeat transparent;
}

.book-details-cnt .bd-data-cnt .bd-desc {
	color: black;
	font-size: 12px;
}

.book-details-cnt .bd-data-cnt .bd-desc > div {
	white-space: nowrap;
	padding: 2px 0px;
}

.book-details-cnt .bd-data-cnt .bd-desc a {
	color: var(--blue-light-color);
	cursor: pointer;
}

.book-details-cnt .bd-data-cnt .bd-desc a:hover {
	text-decoration: underline;
}

.book-details-cnt .bd-data-cnt .bd-player-cnt {
	padding: 20px 0px;
}

.book-details-cnt .bd-data-cnt .bd-player > div {
	padding-left: 30px;
}

.book-details-cnt .bd-data-cnt .bd-player .bd-txt {
	color: rgb(55, 89, 114);
	font-size: 13px;
	padding-bottom: 15px;
}

.book-details-cnt .bd-data-cnt .bd-player .bd-read {
	width: 62px;
	height: 62px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(2, 155, 228);
	border-image: initial;
	background: url('../img/sprite-books.png') -90px -29px no-repeat rgb(238, 238, 238);
}

.book-details-cnt .bd-data-cnt .bd-player .jp_navi {
	padding: 10px 0;
}

.book-details-cnt .bd-data-cnt .bd-player .jp_navi .play-prev,
.book-details-cnt .bd-data-cnt .bd-player .jp_navi .play-next {
	color: var(--blue-light-color);
	cursor: pointer;
}

.book-details-cnt .bd-data-cnt .bd-player .jp-audio, 
.book-details-cnt .bd-data-cnt .bd-player .jp-audio .jp-controls {
	width: 100%;
}

.book-details-cnt .bd-data-cnt .bd-player .jp-audio .jp-title {
	padding: 10px 10px 0 10px;
}

.book-details-cnt .bd-data-cnt .bd-player .jp-audio .jp-type-single .jp-progress, 
.book-details-cnt .bd-data-cnt .bd-player .jp-audio .jp-type-single .jp-time-holder {
	width: auto;
	right: 10px;
}

.book-view-cnt .books-author {
	padding: 15px;
	font-size: 18px;
}

/******* tiled-list V3 *******/

.tiled-list.v3 .tiles {
	max-width: 100%;
	min-width: 100%;
}

.tiled-list.v3 .tiles > div {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	position: relative;
	width: 100%;
	padding: 15px 20px;
}

.tiled-list.v3 .tiles .tile {
	border-radius: 5px;
	-webkit-box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, .1);
	-moz-box-shadow: 0 .2rem 2.8rem rgba(36, 36, 36, .1);
	box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, .1);
	cursor: pointer;
	width: 100%;
	border: 1px solid rgba(0, 0, 0, .1);

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.tiled-list.v3 .tiles .tile:hover {
	-webkit-box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, .3);
	-moz-box-shadow: 0 .2rem 2.8rem rgba(36, 36, 36, .3);
	box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, .3);
}

.tiled-list.v3 .tiles .public .tile {
	border: 1px solid var(--blue-light-color);
}

.tiled-list.v3 .tiles .tile .image {
	border-radius: 5px 5px 0 0;
	position: relative;
	overflow: hidden;
	height: 150px;
}

.tiled-list.v3 .tiles .tile .image img {
	width: 100%;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	vertical-align: middle;
	border-style: none;
    position: absolute;
    top: -100%; 
    bottom: -100%;
    left: 0; 
    right: 0; 
    margin: auto;
}

.tiled-list.v3 .tiles .tile .image .goto {
	position: absolute;
	top: 75px;
	width: 100%;
	text-align: center;
}

.tiled-list.v3 .tiles .tile .image .goto span {
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
	border: 1px solid rgba(0, 0, 0, .125);
	background-color: rgba(91, 91, 91, .8);
	padding: 10px 20px;
	color: white;
	font-size: 16px;
	display: none;
}

.tiled-list.v3 .tiles .tile:hover .image img {
	transform: scale(1.10, 1.10);
}

.tiled-list.v3 .tiles .tile:hover .image .goto span {
	display: inline-block;
}

.tiled-list.v3 .tiles .tile .info {
	padding: 15px 20px;
	position: relative;
}

.tiled-list.v3 .tiles .tile .info span {
	opacity: .7;
	font-size: .7rem;
}

.tiled-list.v3 .tiles .tile .info span.for-exam,
.tiled-list.v3 .tiles .tile .info span.for-free-group {
	opacity:1;
	font-size:1rem;
    color:var(--blue-dark-color);
}

.tiled-list.v3 .tiles .tile .info h4 {
	font-size: 1.2rem;
	line-height: 1.4rem;
	margin: 15px 0;
	word-break: break-word;
}

.tiled-list.v3 .tiles .tile:hover .info h4 {
	color: var(--blue-light-color);
}

.tiled-list.v3 .tiles .tile .info p {
	opacity: .7;
	font-size: .9rem;
	max-height: 60px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.tiled-list.v3 .tiles .tile:hover .info p {
	opacity: 1;
}

.tiled-list.v3 .tiles .tile .info .menu {
	position: absolute;
	top: 15px;
	right: 15px;
}

.tiled-list.v3 .tiles .tile .info .menu span {
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
	border: 1px solid rgba(0, 0, 0, .3);
	background-color: transparent;
	padding: 8px;
	color: black;
	font-size: 16px;
	cursor: pointer;
}

.tiled-list.v3 .tiles .tile .info .menu span:hover {
	background-color: rgba(91, 91, 91, .8);
	color: white;
}

.tiled-list.v3 .tiles .tile .creator {
	padding: 0 15px 20px 15px;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}

.tiled-list.v3 .tiles .tile .creator .avatar {
	min-width: 42px;
	height: 42px;
	border-radius: 21px;
	border: 2px solid #fff;
	background: #b0b0b0;
	margin: 0 7px 0 5px;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
}

.tiled-list.v3 .tiles .tile .creator .avatar span {
	margin: auto;
	color: #fff;
	font-size: 1rem;
}

.tiled-list.v3 .tiles .tile .creator .name {
	overflow: hidden;
	padding-right: 5px;
}

/*** MEDIA FOR TILES  */ 

@media (min-width: 576px) {
	.tiled-list.v3 {
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
	}
	.tiled-list.v3 .tiles {
		max-width: 540px;
		min-width: 540px;
	}
	.tiled-list.v3 .tiles > div {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		padding: 15px 20px;
	}
}

@media (min-width: 768px) {
	.tiled-list.v3 .tiles {
		max-width: 720px;
		min-width: 720px;
	}
	.tiled-list.v3 .tiles > div {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		width: 100%;
		padding: 15px 20px;
	}
}

@media (min-width: 992px) {
	.tiled-list.v3 .tiles {
		max-width: 960px;
		min-width: 960px;
	}
	.tiled-list.v3 .tiles > div {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
		width: 100%;
		padding: 15px 20px;
	}
}

@media (min-width: 1200px) {
	.tiled-list.v3 .tiles {
		max-width: 100%;
		min-width: 100%;
	}
	.tiled-list.v3 .tiles > div {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		width: 100%;
		padding: 15px 20px;
	}
}

/*** MEDIA FOR BOOKS  */ 

@media (min-width: 576px) {
	.books-list {
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
	}
	.books-list .books {
		max-width: 540px;
		min-width: 540px;
	}
	.books-list .books .book-item {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		padding: 15px 20px;
	}
}

@media (min-width: 768px) {
	.books-list .books {
		max-width: 720px;
		min-width: 720px;
	}
	.books-list .books .book-item {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		width: 100%;
		padding: 15px 20px;
	}
}

@media (min-width: 992px) {
	.books-list .books {
		max-width: 960px;
		min-width: 960px;
	}
	.books-list .books .book-item {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
		width: 100%;
		padding: 15px 20px;
	}
}

@media (min-width: 1200px) {
	.books-list .books {
		max-width: 100%;
		min-width: 100%;
	}
	.books-list .books .book-item {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		width: 100%;
		padding: 15px 20px;
	}
}

.label-small-cnt {
	font-size: 13px;
	color: #333333;
	line-height: 13px;
	border: 1px solid #333333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 2px 3px;
}
.label-small-cnt .text {
	padding: 6px 10px;
}
.label-small-cnt .magicico {
	width: 25px;
	height: 25px;
	cursor: pointer;
}
.label-small-cnt.green {
	border: 1px solid transparent;
	color: #53b141;
	background-color: #e7f6e4;
}
.label-small-cnt.blue {
	border: 1px solid transparent;
	color: var(--blue-dark-bg);
	background-color: #e1f4fb;
}
.label-small-cnt.orange {
	border: 1px solid transparent;
	color: #e77334;
	background-color: #fff7e0;
}
.label-small-cnt.gray {
	border: 1px solid transparent;
	color: #585c5d;
	background-color: #f2f2f2;
}
.label-small-cnt.red {
	border: 1px solid transparent;
	color: #ed2a26;
	background-color: #ffecec;
}
.label-small-cnt.red-neg {
	border: 1px solid transparent;
	color: #ffecec;
	background-color: #ed2a26;
}
.label-small-cnt .magicico.delete:hover {
	background-color: #ed2a26;
	color: white;
}
.label-small-cnt.gray .magicico.add:hover {
	background-color: #585c5d;
	color: #f2f2f2;
}

.actions {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}

.actions.no-wrap {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.actions .action {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 10px;
	cursor: pointer;
}

.actions .action .inner {
	width: 100%;
	padding: 15px 15px 20px 17px;
	background-color: #ffffff;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
}

.actions .action.green-full .inner {
	background-color: var(--green-light-bg);
	color: white;
}

.actions .action.blue-full .inner {
	background-color: var(--blue-light-bg);
	color: white;
}

.actions .action .inner .icon {
	height: 63px;
	width: 50px;
	-webkit-align-items: center;
	align-items: center;
	float: left;
}

.actions .action .inner h5 {
	margin: 1.2rem 0 .5rem 0;
}

.actions .action .inner .magicico {
	font-size: 2.5rem;
}

.actions .action.green .inner .magicico {
	color: var(--green-light-color);
}

.actions .action.blue .inner .magicico {
	color: var(--blue-light-color);
}

.actions .action .inner .desc {
	opacity: .7;
}

.actions .action.green-full:hover .inner {
	background-color: var(--green-dark-bg);
}

.actions .action.blue-full:hover .inner {
	background-color: var(--blue-dark-bg);
}

.actions .action.green:hover .inner {
	background-color: var(--green-light-bg);
}

.actions .action.blue:hover .inner {
	background-color: var(--blue-light-bg);
}

.actions .action.green:hover .inner .magicico,
.actions .action.blue:hover .inner .magicico {
	color: white;
}

.actions .action.green:hover .inner h5,
.actions .action.blue:hover .inner h5 {
	color: white;
}

.actions .action.green:hover .inner .desc,
.actions .action.blue:hover .inner .desc {
	color: white;
	opacity: .8;
}

.actions .action.disabled {
	cursor:default !important;
}

.actions .action.disabled .inner {
	background-color: #d2d2d2 !important;
    opacity: 0.5 !important;
}

.actions .button {
	margin: 0 3px;
	cursor: pointer;
	border-radius: 25px;
	border: 1px solid #e5e5e5;
	padding: 9px 15px;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
	font-family: 'Roboto', sans-serif;
	min-height: 40px;
	max-height: 40px;
	background-color: rgba(222, 222, 222, 0.4);
}

.actions .button .inner {
	
}

.actions .button .inner .label {
	padding: 0 .25rem;
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	align-items: center;
	line-height: 1rem;
}

.actions .button .inner .magicico {
	padding: 0 .25rem;
	font-size: 1.3rem;
	color: #333333;
	line-height: 1.2rem;
}

.actions .button:hover {
	border: 1px solid black;
}

.actions .button .inner:hover .label, 
.actions .button .inner:hover .magicico {
	color: black;
}

.actions .button.blue {
	border: 1px solid var(--blue-dark-bg);
}

.actions .button.blue .inner .label {
	color: var(--blue-dark-bg);
}

.actions .button.blue .inner .magicico {
	color: var(--blue-dark-bg);
}

.actions .button.blue:hover {
	background-color: var(--blue-dark-bg);
}

.actions .button.blue:hover .inner .label {
	color: white;
}

.actions .button.blue:hover .inner .magicico {
	color: white;
}

.actions .button.hblue:hover {
	background-color: var(--blue-dark-bg) !important;
	border: 1px solid var(--blue-dark-bg);
}

.actions .button.hblue:hover .inner .label {
	color: white;
}

.actions .button.hblue:hover .inner .magicico {
	color: white;
}

.actions .button2 {
	margin: 0 3px;
	cursor: pointer;
	border-radius: 8px;
	border: 1px solid #fbfbfb;
	padding: 12px 17px;
	font-family: 'Roboto', sans-serif;
	background-color: white;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	color: #333333;
}

.actions .button2.disabled {
    opacity:0.3;
    pointer-events:none;
}

.actions .button2 .inner .label {
	padding: 0 .4rem;
	font-size: 14px;
	font-weight: 500;
	align-items: center;
	line-height: 1rem;
}

.actions .button2 .inner .magicico {
	padding: 0 .25rem;
	font-size: 1.3rem;
	line-height: 1.2rem;
}
/*
.actions .button2:hover .inner .label {
	color: white;
}
*/
.actions .button2 .inner .magicico.c-green-light {
	color: var(--green-light-bg);
}
.actions .button2 .inner .magicico.c-blue-light {
	color: var(--blue-light-bg);
}
.actions .button2 .inner .magicico.c-green-dark {
	color: var(--green-dark-bg);
}
.actions .button2 .inner .magicico.c-orange-light {
	color: #fed138;
}
.actions .button2:hover {
	background-color: #333333;
	border: 1px solid #333333;
}
.actions .button2.pressed {
    cursor:default;
    pointer-events:none;
}
.actions .button2:hover .inner .magicico,
.actions .button2:hover .inner .label,
.actions .button2.pressed .inner .magicico,
.actions .button2.pressed .inner .label{
	color: white;
}
.actions .button2.h-green-light:hover {
	background-color: var(--green-light-bg);
	border: 1px solid var(--green-light-bg);
}
.actions .button2.h-blue-light:hover,
.actions .button2.h-blue-light.pressed {
	background-color: var(--blue-light-bg);
	border: 1px solid var(--blue-light-bg);
}
.actions .button2.h-blue-dark:hover {
	background-color: var(--blue-dark-bg);
	border: 1px solid var(--blue-dark-bg);
}
.actions .button2.h-gray-light:hover {
	background-color: #e4e4e4;
	border: 1px solid #e4e4e4;
}
.actions .button2.h-gray-light:hover .inner .magicico,
.actions .button2.h-gray-light:hover .inner .label {
	color: black;
}
.actions .ico {
	margin: 0 3px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.actions .ico .inner {
	cursor: pointer;
	border: 1px solid #e5e5e5;
	min-width: 40px;
	height: 40px;
	border-radius: 100%;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

.actions .ico .inner .magicico {
	margin: auto;
	font-size: 1.3rem;
	line-height: 1.3rem;
	color: #333333;
}

.actions .ico .inner .magicico.fs15 {
	font-size: 1.5rem;
	line-height: 1.5rem;
}

.actions .ico .inner .magicico.fs18 {
	font-size: 1.8rem;
	line-height: 1.8rem;
}

.actions .ico.border-no .inner {
	border: 1px solid transparent;
	box-shadow: none;
}

.actions .ico:hover .inner {
	background-color: #f8f9fa !important;
}

.actions .ico:hover .inner .magicico {
	color: black;
}

.actions .ico.cblue .inner .magicico {
	color: var(--blue-dark-bg);
}

.actions .ico.cgray .inner .magicico {
	color: #585c5d;
}

.actions .ico.hblue:hover .inner {
	background-color: var(--blue-dark-bg) !important;
	border: 1px solid var(--blue-dark-bg);
}

.actions .ico.hblue:hover .inner .magicico {
	color: white;
}

.actions .ico.hgreen:hover .inner {
	background-color: #53b141 !important;
	border: 1px solid #53b141;
}

.actions .ico.hgreen:hover .inner .magicico {
	color: white;
}

.actions .ico.hred:hover .inner {
	background-color: #ed2a26 !important;
	border: 1px solid #ed2a26;
}

.actions .ico.hred:hover .inner .magicico {
	color: white;
}

/*** MEDIA FOR ACTIONS  */ 

@media (min-width: 576px) {
	.actions.cols-2 .action {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.actions.cols-3 .action {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.actions.cols-4 .action {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.actions .action .inner {
		padding: 15px 15px 35px 17px;
	}
	.actions .action .inner .icon {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: 0;
		float: none;
	}
	.actions .action .inner h5 {
		margin: 0 0 .5rem 0;
	}
}

@media (min-width: 768px) {
	.actions.cols-3 .action {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
}

@media (min-width: 992px) {
	.actions.cols-4 .action {
		flex: 0 0 25%;
		max-width: 25%;
	}
}

@media (min-width: 1200px) {

}


.tabs {
	height: 50px;
	border-top: 2px solid #f2f2f2;
	border-bottom: 2px solid #f2f2f2;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
}

.tabs .tab {
	position: relative;
	color: #000000;
	font-size: .95rem;
	cursor: pointer;
	padding: 0 5px;
	background-color: white;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;

	-webkit-align-items: center;
	align-items: center;

	-webkit-justify-content: center; 
	-moz-justify-content: center;
	justify-content: center;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tabs .tab.noclick {
	cursor: default;
}

.tabs .tab:before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 2px;
	background-color: var(--blue-light-bg);
	opacity: .8;
	-webkit-transition: width .2s ease-out;
	transition: width .2s ease-out;
}

.tabs .tab:hover {
	color: var(--blue-light-color);
}

.tabs .tab:hover:before {
	width: 100%;
}

.tabs .tab.active {
	background-color: var(--blue-light-bg);
	color: white;
}

.tabs .tab + .tab {
	border-left: 2px solid #f2f2f2;
}

.tabs .tab span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tabs-bar {
	min-height: 56px;
	max-height: 56px;
	border-bottom: 1px solid #f5f5f5;
	white-space: nowrap;
	text-overflow: ellipsis;
/*	overflow: hidden; */
	font-size: 0.85rem;
	padding: 0 13px;
	background-color: white;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;

	-webkit-align-items: center;
	align-items: center;
}

.tabs-bar.bg-gray {
	background-color: #f7f7f7;
}

.tabs-bar.bg-blue-light {
	background-color: #e9f1fc;
	border-bottom: 1px solid #e9f1fc;
}

.tabs-bar .search .ico-cnt .ico {
	position: absolute;
	right: 0;
	width: 20px;
	height: 20px;
	color: #8a8a8a;
}

.tabs-bar .sort > div {
	min-width: 30px;
	max-width: 30px;
	max-height: 30px;
	cursor: pointer;
	opacity: 1;
}

.tabs-bar .sort > div:hover {
	opacity: .3;
}

.tabs-bar .sort > div.active {
	background: #e6e6e6;
}

.tabs-bar .sort > div > span {
	font-size: 1.3rem;
	color: #7f7f7f;
}

.tabs-bar .views div span {
	padding: 0 5px;
	color: #7f7f7f;
	font-size: 1.2rem;
	opacity: .2;
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tabs-bar .views div span:hover {
	opacity: .5;
}

.tabs-bar .views div.active span {
	opacity: 1;
}

.tabs-bar .sort-type {
	
}

.tabs-bar .view-type {
	
}

.tabs-bar .action-ico {
	height: 36px;
	width: 36px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	cursor: pointer;
	color: #969696;
	font-size: 1.2rem;
	overflow: hidden;
}

.tabs-bar .sort-type .action-ico {
	font-size: 1.3rem;
}

.tabs-bar .action-ico:hover {
	background-color: rgba(255, 255, 255, .5);
}

.tabs-bar .action-ico > div {
	width: 100%;
	height: 100%;
}

.tabs-bar .action-ico span {
	opacity: .4;
}

.tabs-bar .action-ico .active {
	background-color: white;
}

.tabs-bar .action-ico .active span {
	opacity: 1;
}

.buttons {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}

.btn {
	cursor: pointer;
	background-color: #e3e3e3;
	border: 1px solid rgba(0, 0, 0, .1);
}

.btn:hover {
	color: white;
	background-color: var(--blue-light-bg);
	border: 1px solid rgba(0, 0, 0, .1);
}

.btn .inner {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}

.btn .inner span {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}

.btn.blue {
	color: white;
	background-color: var(--blue-light-bg);
}

.btn.blue:hover {
	color: white;
	background-color: var(--blue-dark-bg);
}

.btn.green {
	color: white;
	background-color: var(--green-light-bg);
}

.btn.green:hover {
	color: white;
	background-color: var(--green-dark-bg);
}

.btn.red {
	color: white;
	background-color: var(--red-light-bg);
}

.btn.red:hover {
	color: white;
	background-color: var(--red-dark-bg);
}

.btn.small {
	padding: 5px 10px;
	margin: 2px 5px;
}

.btn.small .inner span + span {
	margin-left: 10px;
}

.btn.small .inner .magicico {
	font-size: 1.2rem;
}

.btn.big {
	padding: 8px 25px;
	margin: 5px 10px;
}

.btn.big .inner span + span {
	margin-left: 15px;
}

.btn.big .inner .magicico {
	font-size: 1.5rem;
}

.cke-document-view {
	width: 100%;
	max-width: 21cm;
	min-height: 21cm;
	padding: 1cm 2cm 2cm;
	margin: 0.5cm auto;
	border: 1px #D3D3D3 solid;
	border-radius: 5px;
	background: white;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.cke-document-view, .cke-document-view td, .cke-document-view th {
	font-size: 0.9em;
}

.cke-document-view h1 {
	margin-bottom:1cm;
}

.cke-document-view table {
	margin-top:0.5cm;
	margin-bottom:0.5cm;
}

.cke-document-view table td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.cke-document-view table td:first-of-type {
	border-left: 1px solid #999;
}

.cke-document-view table tr:first-of-type td {
	border-top: 1px solid #999;
}

.cke-document-view table thead th {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
}

.cke-document-view table thead th:first-of-type {
	border-left: 1px solid #999;
}

.cke-document-view table td > p {
	margin-top: 0;
	margin-bottom: 0;
	padding: 4px 0 3px 5px;
}

.cke-document-view blockquote {
	padding-left: 22px;
	padding-right: 22px;
	margin-left: 46px;
	margin-right: 46px;
}

.cke-document-view {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 24px;
}



.page-wrapper {

	background-color: #f8f9fa;
	color: #333333;
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Poppins', sans-serif;*/
	font-size: 14px;
	font-weight: normal;

	position: relative;
/*	overflow: hidden; */

	padding: 0;
	margin: 0;

}

.page-wrapper .header {

	padding: 1.3rem 2rem;

	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 800;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-transition : all 0.3s;
	-moz-transition : all 0.3s;
	-o-transition : all 0.3s;
	transition : all 0.3s;

}

.page-wrapper .header.scroll {

	padding: 1rem 2rem;

	background-color: rgba(0, 0, 0, .9);
	box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);

}

.page-wrapper .header .logo {

	padding-right: 100px;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

}

.page-wrapper .header .logo span, 
.page-wrapper .header .logo img {

	cursor: pointer;

}

.page-wrapper .header .body {

	position: relative;
	font-size: 15px;
	font-weight: 400;
	color: white;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;

	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	flex-wrap: nowrap;

}

.page-wrapper .header .navigation {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;

	-webkit-justify-content: space-between; 
	-moz-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: center;
	align-items: center;

}

.page-wrapper .header .navigation span {

	cursor: pointer;

}

.page-wrapper .header .schools span {

	background-color: rgba(5, 231, 0, .5);
	padding: .7rem 1.4rem;
	border: 1px solid rgba(0, 0, 0, .1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;

	-webkit-transition : all 0.3s;
	-moz-transition : all 0.3s;
	-o-transition : all 0.3s;
	transition : all 0.3s;

}

.page-wrapper .header .schools span:hover {

	background-color: rgba(5, 231, 0, .6);

}

.page-wrapper .header .links {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

}

.page-wrapper .header .links .link {

	position: relative;
	opacity: .8;

	-webkit-transition : all 0.3s;
	-moz-transition : all 0.3s;
	-o-transition : all 0.3s;
	transition : all 0.3s;

}

.page-wrapper .header .links .link:before {

	content: "";
	position: absolute;
	bottom: 0;
	width: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 2px;
	background-color: white;
	opacity: .8;
	-webkit-transition: width .2s ease-out;
	transition: width .2s ease-out;

}

.page-wrapper .header .links .link.active, 
.page-wrapper .header .links .link:hover {

	opacity: 1;

}

.page-wrapper .header .links .link.active:before, 
.page-wrapper .header .links .link:hover:before {

	width: 90%;

}

.page-wrapper .header .links .link > span {

	letter-spacing: .5px;
	padding: .5rem 1rem;
	height: 40px;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

}

.page-wrapper .header .links .link .magicico {

	display: inline-block;
	font-size: 16px;
	padding: 0 5px;

}

.page-wrapper .header .login-big span {

	background-color: rgba(255, 255, 255, .1);
	padding: .7rem 1.4rem;
	border: 1px solid rgba(0, 0, 0, .1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;

	-webkit-transition : all 0.3s;
	-moz-transition : all 0.3s;
	-o-transition : all 0.3s;
	transition : all 0.3s;

}

.page-wrapper .header .menu-toggler span, 
.page-wrapper .header .login-small span {

	font-size: 22px;
	cursor: pointer;

	background-color: rgba(255, 255, 255, .1);
	padding: .3rem .8rem;
	border: 1px solid rgba(0, 0, 0, .1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;

	-webkit-transition : all 0.3s;
	-moz-transition : all 0.3s;
	-o-transition : all 0.3s;
	transition : all 0.3s;

}

.page-wrapper .header .menu-toggler span:hover, 
.page-wrapper .header .login-small span:hover, 
.page-wrapper .header .login-big span:hover {

	background-color: rgba(255, 255, 255, .2);

}

.page-wrapper .footer .body {

	color: white;
	padding: 40px;
	background-color: #15232a;

}

.page-wrapper .footer .body .links {

	padding: 0 40px 20px 40px;

}

.page-wrapper .footer .body .links .list {

	flex-wrap: wrap;

}

.page-wrapper .footer .body .links .list > div {

	flex: 0 0 25%;
	max-width: 25%;

}

.page-wrapper .footer .body .links .list .col1 {

	order: 1;

}

.page-wrapper .footer .body .links .list .col2 {

	order: 2;

}

.page-wrapper .footer .body .links .list .col3 {

	order: 3;

}

.page-wrapper .footer .body .links .list .col4 {

	order: 4;

}

.page-wrapper .footer .body .links .list ul {

	list-style: none;
	margin: 0;
	padding: 0;

}

.page-wrapper .footer .body .links .list li {

	padding: 5px 0;

}

.page-wrapper .footer .body .links .list span,
.page-wrapper .footer .body .links .list a {

	color: white;
	text-decoration: none;
	font-size: 18px;
	line-height: 20px;
	cursor: pointer;

}

.page-wrapper .footer .body .links .list span:hover,
.page-wrapper .footer .body .links .list a:hover {

	text-decoration: underline;
	
}

.page-wrapper .footer .body .copy {

	text-align: center;
	color: #8f9fad;
	padding: 10px 0;

}

/*** MEDIA FOR HEADER  */ 

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

	.page-wrapper .header .menu-toggler {

		display: none;

	}

	.page-wrapper .header .links .login {

		display: none;

	}

}

@media (min-width: 1200px) {

	.page-wrapper .header .login-small {

		display: none;

	}

}

@media (max-width: 767px) {

}

@media (max-width: 992px) {

	.page-wrapper .header .body {

		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		flex-wrap: wrap;

		-webkit-align-items: center;
		align-items: center;

		-webkit-justify-content: space-between; 
		-moz-justify-content: space-between;
		justify-content: space-between;

	}

	.page-wrapper .header .logo {

		padding: 0;

		display: inline-block;

	}

	.page-wrapper .header .navigation {

		display: none;

	}

	.page-wrapper .header.open {

		padding: 1rem 2rem;

		background-color: rgba(0, 0, 0, .9);
		box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);

	}

	.page-wrapper .header.open .navigation {

		width: 100%;
		height: 280px;
		overflow-y: scroll;
		margin-top: 15px;

		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;

		-webkit-box-flex: none;
		-webkit-flex: none;
		-moz-flex: none;
		-ms-flex: none;
		flex: none;
		min-width: 0;

	}

	.page-wrapper .header .links {

		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;

	}

	.page-wrapper .header .schools, 
	.page-wrapper .header .login-big, 
	.page-wrapper .header .login-small {

		display: none;

	}

}

@media (max-width: 1200px) {

	.page-wrapper .header .logo {

		padding-right: 50px;

	}

	.page-wrapper .header .login-big {

		display: none;

	}

}

@media (max-width: 1260px) {
/*
	.page-wrapper .header .schools {

		display: none;

	}
*/
}

/*** MEDIA FOR FOOTER  */ 

@media only screen and (max-width: 700px) {

	.page-wrapper .footer .body .links .list > div {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.page-wrapper .footer .body .links .list .col2 {
		order: 3;
	}

	.page-wrapper .footer .body .links .list .col3 {
		order: 2;
	}

}

@media only screen and (max-width: 500px) {

	.page-wrapper .footer .body .links .list > div {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.page-wrapper .footer .body .links .list .col1 {
		order: 2;
	}

	.page-wrapper .footer .body .links .list .col2 {
		order: 3;
	}

	.page-wrapper .footer .body .links .list .col3 {
		order: 1;
	}

	.page-wrapper .footer .body .links .list .col3 {
		padding-bottom: 30px;
	}

	.page-wrapper .footer .body .links .list .col4 {
		padding-top: 30px;
	}

}

.simple-header {

	position: relative;
	color: #ffffff;
	background-image: url('../img/header-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 100px 0 0 0;

}

.small-header {

	position: relative;
	color: #ffffff;
	background-image: url('../img/header-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 85px 0 0 0;

}

.small-header-schools {

	position: relative;
	background-color: white;
	padding: 78px 0 0 0;

}

.register-title-cnt {
	text-align: center;
	padding: 30px 0;
}

.register-title-cnt .rt-txt1 {
	font-size: 30px;
}

.register-profiles-cnt {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	padding: 20px 0 50px 0;
	flex-flow: row wrap;
}

.register-profiles-cnt > div {
	width: 25%;
}

.register-profiles-cnt a {
	color: black;
	display: block;
	width: 260px;
	height: 260px;
	margin: 0 auto;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	position: relative;
}

.register-profiles-cnt a > div {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.register-profiles-cnt .reg-teacher {
	width: 140px;
	height: 180px;
	margin: 0 auto 20px auto;
	background: transparent url('../img/sprite-page-big.png') no-repeat scroll -10px -294px;
}

.register-profiles-cnt .reg-student {
	width: 120px;
	height: 158px;
	margin: 0 auto 20px auto;
	background: transparent url('../img/sprite-page-big.png') no-repeat scroll -160px -294px;
}

.register-profiles-cnt .reg-parent {
	width: 213px;
	height: 180px;
	margin: 0 auto 20px auto;
	background: transparent url('../img/sprite-page-big.png') no-repeat scroll -685px -294px;
}

.register-profiles-cnt .reg-other {
	width: 145px;
	height: 180px;
	margin: 0 auto 20px auto;
	background: transparent url('../img/sprite-page-big.png') no-repeat scroll -908px -294px;
}

.register-profiles-cnt a span {
	display: block;
	margin-bottom: 10px;
	line-height: 12px;
	font-size: 22px;
}

.register-profiles-cnt a:hover span {
	color: blue;
}

@media (max-width: 920px) {
	.register-profiles-cnt > div {
		width: 50%;
	}   
}

/***************************/
/* register head box start */

.register-head-cnt {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	padding: 40px;
}

.register-head-cnt .rh-teacher {
	width: 140px;
	height: 180px;
	margin: 0 auto 20px auto;
	background: transparent url('../img/sprite-page-big.png') no-repeat scroll -10px -294px;
}

.register-head-cnt .rh-student {
	width: 120px;
	height: 158px;
	margin: 0 auto 20px auto;
	background: transparent url('../img/sprite-page-big.png') no-repeat scroll -160px -294px;
}

.register-head-cnt .rh-parent {
	width: 213px;
	height: 180px;
	margin: 0 auto 20px auto;
	background: transparent url('../img/sprite-page-big.png') no-repeat scroll -685px -294px;
}

.register-head-cnt .rh-other {
	width: 145px;
	height: 180px;
	margin: 0 auto 20px auto;
	background: transparent url('../img/sprite-page-big.png') no-repeat scroll -908px -294px;
}

.register-head-cnt .rh-form {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 180px;
	padding-left: 30px;
}

.register-head-cnt .rh-form .rh-txt1 {
	font-size: 30px;
	padding-bottom: 40px;
}

.register-head-cnt .rh-form .rh-txt2 {
	font-size: 20px;
	padding-bottom: 10px;
}

.register-head-cnt .rh-form .rh-fields {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
}

.reg-input-label-cnt {
	line-height: 32px;
}

.reg-input-field-cnt {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 10px;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;
	height: 38px;
	background-color: #f6f6f6;
	position: relative;
	-webkit-box-shadow: inset 1px 1px 4px 0px rgba(209,209,209,1);
	-moz-box-shadow: inset 1px 1px 4px 0px rgba(209,209,209,1);
	box-shadow: inset 1px 1px 4px 0px rgba(209,209,209,1);
}

.reg-input-field {
	margin: 0 38px 0 19px;
	padding-top: 4px;
}

.reg-input-field input {
	width: 100%;
	height: 30px;
	border: 0;
	padding: 0 10px 0 5px;
	font-size: 16px;
	background-color: #f6f6f6;
}

/* register head box end */
/*************************/

/******************************/
/* register schools box start */

.register-schools-cnt {

}

/* register schools box end */
/****************************/

/*****************************************/
/* register register user data box start */

.register-user-data-cnt {
	width: 100%;
	padding: 40px;
}

.register-user-data-cnt .rud-fields {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
	padding: 15px 0;
}

.register-user-data-cnt .rud-agrees {
	width: 100%;
	padding: 10px 0;
}

.register-user-data-cnt .rud-agrees > div {
	color: #5e5e5e;
	font-size: 14px;
	padding: 10px;
	margin: 10px 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
}

.register-user-data-cnt .rud-agrees a {
	height: 24px;
	-webkit-flex: 0 0 20px;
	-mox-flex: 0 0 20px;
	-ms-flex: 0 0 20px;
	flex: 0 0 20px;
	background: url('../img/sprite-general.png') 0px -88px no-repeat;
	cursor: pointer;
}

.register-user-data-cnt .rud-agrees a.select {
	background: url('../img/sprite-general.png') -30px -88px no-repeat;
}

.register-user-data-cnt .rud-agrees span {
	line-height: 14px;
	padding: 6px 0 0 5px;
}

/* register register user data box end */
/***************************************/

/******************************/
/* register captcha box start */

.register-captcha-cnt {
	text-align: center;
}

.register-captcha-cnt > div {
	padding-bottom: 20px;
}

.register-captcha-cnt .rc-txt {
	font-size: 20px;
}

.register-captcha-cnt .rc-captcha {
	margin: 0 auto;
	width: 304px;
}

/* register captcha box end */
/******************************/

/******************************/
/* register submit box start */

.register-submit-cnt {
	text-align: center;
	padding-bottom: 30px;
}

.register-submit-cnt > div {
	padding: 15px 0;
}

.register-submit-cnt .rs-txt1 b {
	color: red;
}

.register-submit-cnt input {
	border: 0;
	background-color: #82bf00;
	color: white;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;
	height: 38px;
	font-size: 18px;
	letter-spacing: 2px;
	padding: 0 20px;
}

/* register submit box end */
/***************************/

.schools-list-cnt {
	height: 300px;
	overflow: auto;
}

.schools-list li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	padding: 5px 0 5px 10px;
}

.schools-list .sla-ratio {
	height: 24px;
	width: 20px;
	display: inline-block;
	background: url('../img/sprite-general.png') 0px -88px no-repeat;
}

.schools-list .sla-ratio.select {
	background: url('../img/sprite-general.png') -30px -88px no-repeat;
}

.schools-list li .sl-action a {
	cursor: pointer;
}

.schools-list li .sl-action span {
	background-color: #cfcfcf;
	color: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 10px;
	margin-left: 3px;
}

.schools-list li .sl-action span:hover {
	background-color: #81ae40;
	cursor: pointer;
}

.schools-list li .sl-info {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 15px;
}

.schools-list li .sl-name {
	font-weight: bold;
	color: #095583;
}

.schools-list li .sl-address {
    font-style: italic;
    color: #727272;
}


.table-cnt {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;

}

table.default-table-grid {

	min-width: 100%;
	border: 0;
	border-spacing: 0;
	background-color: white;
	table-layout: fixed;

}

table.default-table-grid thead tr {

	background-color: #f2f3f8;

}

table.default-table-grid thead th,
table.default-table-grid tbody td {

	padding: 10px;

}

table.default-table-grid thead th > div {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	width: 100%;
	min-width: 100%;

	font-size: .7rem;
	font-weight: normal;

}

table.default-table-grid thead th .title {

	text-transform: uppercase;

}

table.default-table-grid tbody tr {

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;

	border-bottom: 1px #f2f3f8 solid;

}

table.default-table-grid tbody tr:hover {

	background-color: rgba(51, 181, 229, .3);

}

table.default-table-grid tbody td > div {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	width: 100%;
	min-width: 100%;

	font-size: .85rem;
	font-weight: normal;

}

table.default-table-grid .action-menu {

	width: 46px;

}

table.default-table-grid .action-menu .menu {

	cursor: pointer;
	color: black;
	opacity: .4;
	font-size: 1.8rem;
	
}

table.default-table-grid .action-menu .menu:hover {

	opacity: 1;

}

.pagination-top {
	margin: 8px 0;
}

.pagination-bottom {
	margin: 8px 0;
}

.rc-news-view-cnt .section {

	padding: 10px 0;
	display: block;

}

.rc-news-view-cnt .section .body {
	
}

.rc-news-view-cnt .section .content {

	position: relative;
	padding: 0 2rem;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

	-webkit-justify-content: center; 
	-moz-justify-content: center;
	justify-content: center;

}

.rc-news-view-cnt .section .content .section-title {

	color: #333333;
	font-size: 48px;
	font-weight: 500;
	line-height: 1.5;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center; 
	-moz-justify-content: center;
	justify-content: center;

}

.rc-news-view-cnt .section .content .section-title span {

	position: relative;
	padding-bottom: 10px;

	-webkit-transition : all 0.3s;
	-moz-transition : all 0.3s;
	-o-transition : all 0.3s;
	transition : all 0.3s;

}

.rc-news-view-cnt .section .content .section-title span:before {

	content: "";
	position: absolute;
	bottom: 0;
	width: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 2px;
	background-color: #2d96e9;
	opacity: .8;
	-webkit-transition: width .2s ease-out;
	transition: width .2s ease-out;

}

.rc-news-view-cnt .section .content .section-title span {

	opacity: 1;

}

.rc-news-view-cnt .section .content .section-title span:before {

	width: 70%;

}

.rc-news-view-cnt .section .content .section-title span:hover:before {

	width: 80%;

}

.rc-news-view-cnt .section.articles {

}

.rc-news-view-cnt .section.articles .list {

	padding-top: 30px;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;

}

.rc-news-view-cnt .section.articles .list .item {

	padding-bottom: 20px;
	margin-top: 20px;
	text-decoration: none;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

}

.rc-news-view-cnt .section.articles .list .item .content {

	cursor: pointer;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;

}

.rc-news-view-cnt .section.articles .list .item.krasnoludki .image span {

	background: rgba(0, 0, 0, 0) url('https://www.edukator.pl/resources/static_files/articles/img/krasnoludki.jpg') repeat scroll center center / cover;

}

.rc-news-view-cnt .section.articles .list .item.ppe .image span {

	background: rgba(0, 0, 0, 0) url('https://www.edukator.pl/resources/static_files/articles/img/ppe.jpg') repeat scroll center center / cover;

}

.rc-news-view-cnt .section.articles .list .item.festiwal .image span {

	background: rgba(0, 0, 0, 0) url('https://www.edukator.pl/resources/static_files/articles/img/festiwal.jpg') repeat scroll center center / cover;

}

.rc-news-view-cnt .section.articles .list .item.znajomy-dziecka .image span {

	background: rgba(0, 0, 0, 0) url('https://www.edukator.pl/resources/static_files/articles/img/znajomy-dziecka.jpg') repeat scroll center center / cover;

}

.rc-news-view-cnt .section.articles .list .item .image span {

    display: inline-block;
    width: 100%;
    height: 150px;
    background-color: #cccccc;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center center;

	-webkit-transition : all 0.3s;
	-moz-transition : all 0.3s;
	-o-transition : all 0.3s;
	transition : all 0.3s;

}

.rc-news-view-cnt .section.articles .list .item:hover .image span {

	opacity: .8;
	
}

.rc-news-view-cnt .section.articles .list .item .label {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 11px;
	line-height: 11px;
	padding: 5px 8px;
}

.rc-news-view-cnt .section.articles .list .item .label.green {
	background-color: #0cb692;
	color: white;
}

.rc-news-view-cnt .section.articles .list .item .title {

	font-size: 1.2rem;
	padding: 15px 0 25px 0;
	font-weight: 500;
	color: black;
	
}

.rc-news-view-cnt .section.articles .list .item .short {

	font-size: .9rem;
	line-height: 1.4rem;
	color: rgba(0, 0, 0, .7);

}

.rc-news-view-cnt .section.articles .list .item:hover .short {

	color: rgba(0, 0, 0, 1);

}

.rc-news-view-cnt .section.articles .list .item .footer {

	padding: 20px 0;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

}

.rc-news-view-cnt .section.articles .list .item .date {

	font-size: .8rem;
	color: rgba(0, 0, 0, .6);

	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
    min-width: 0;

}

.rc-news-view-cnt .section.articles .list .item .read {

	font-size: .8rem;
	color: rgba(0, 0, 0, .6);

}

.rc-news-view-cnt .section.articles .list .item:hover .read {

	text-decoration: underline;

}

@media only screen and (max-width: 4000px) and (min-width: 1200px) {

	.rc-news-view-cnt .section.articles .list .item {

		min-width: 33.333%;
		max-width: 33.333%;

	}

	.rc-news-view-cnt .section.articles .list .item:nth-child(1),
	.rc-news-view-cnt .section.articles .list .item:nth-child(2),
	.rc-news-view-cnt .section.articles .list .item:nth-child(3)  {

		border-bottom: 1px solid #e1e1e1;

	}

	.rc-news-view-cnt .section.articles .list .item:nth-child(1) .content,
	.rc-news-view-cnt .section.articles .list .item:nth-child(2) .content,
	.rc-news-view-cnt .section.articles .list .item:nth-child(4) .content,
	.rc-news-view-cnt .section.articles .list .item:nth-child(5) .content  {

		border-right: 1px solid #e1e1e1;

	}

}

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

	.rc-news-view-cnt .section.articles .list .item {

		min-width: 33.333%;
		max-width: 33.333%;

	}

	.rc-news-view-cnt .section.articles .list .item:nth-child(1),
	.rc-news-view-cnt .section.articles .list .item:nth-child(2),
	.rc-news-view-cnt .section.articles .list .item:nth-child(3)  {

		border-bottom: 1px solid #e1e1e1;

	}

	.rc-news-view-cnt .section.articles .list .item:nth-child(1) .content,
	.rc-news-view-cnt .section.articles .list .item:nth-child(2) .content,
	.rc-news-view-cnt .section.articles .list .item:nth-child(4) .content,
	.rc-news-view-cnt .section.articles .list .item:nth-child(5) .content  {

		border-right: 1px solid #e1e1e1;

	}

}

@media only screen and (max-width: 991px) and (min-width: 768px) {

	.rc-news-view-cnt .section.articles .list .item {

		min-width: 50%;
		max-width: 50%;

	}

	.rc-news-view-cnt .section.articles .list .item:nth-child(1),
	.rc-news-view-cnt .section.articles .list .item:nth-child(2),
	.rc-news-view-cnt .section.articles .list .item:nth-child(3), 
	.rc-news-view-cnt .section.articles .list .item:nth-child(4)  {

		border-bottom: 1px solid #e1e1e1;

	}

	.rc-news-view-cnt .section.articles .list .item:nth-child(1) .content,
	.rc-news-view-cnt .section.articles .list .item:nth-child(3) .content,
	.rc-news-view-cnt .section.articles .list .item:nth-child(5) .content  {

		border-right: 1px solid #e1e1e1;

	}

}

@media only screen and (max-width: 767px) and (min-width: 576px) {

	.rc-news-view-cnt .section.articles .list .item {

		min-width: 50%;
		max-width: 50%;

	}

	.rc-news-view-cnt .section.articles .list .item:nth-child(1),
	.rc-news-view-cnt .section.articles .list .item:nth-child(2),
	.rc-news-view-cnt .section.articles .list .item:nth-child(3), 
	.rc-news-view-cnt .section.articles .list .item:nth-child(4)  {

		border-bottom: 1px solid #e1e1e1;

	}

	.rc-news-view-cnt .section.articles .list .item:nth-child(1) .content,
	.rc-news-view-cnt .section.articles .list .item:nth-child(3) .content,
	.rc-news-view-cnt .section.articles .list .item:nth-child(5) .content  {

		border-right: 1px solid #e1e1e1;

	}

}

@media only screen and (max-width: 575px) and (min-width: 300px) {

	.rc-news-view-cnt .section.articles .list .item {
	}

	.rc-news-view-cnt .section.articles .list .item:nth-child(1),
	.rc-news-view-cnt .section.articles .list .item:nth-child(2),
	.rc-news-view-cnt .section.articles .list .item:nth-child(3), 
	.rc-news-view-cnt .section.articles .list .item:nth-child(4)  {

		border-bottom: 1px solid #e1e1e1;

	}

	.rc-news-view-cnt .section.articles .content {

		padding: 0 .5rem;

	}

}

@media only screen and (max-width: 500px) and (min-width: 300px) {

	.rc-news-view-cnt .section {

		padding: 30px 0;

	}

	.rc-news-view-cnt .section .content .section-title {

		font-size: 30px;

	}

}

.e4i-horizontal-scroll {

	position: relative;
	width: 100%;
	height: 100%;

}

.e4i-horizontal-scroll .scroll-left-cnt {

	position: absolute;
	left: 5px;
	top: 50%;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);

}

.e4i-horizontal-scroll .scroll-right-cnt {

	position: absolute;
	right: 5px;
	top: 50%;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);

}

.e4i-horizontal-scroll .scroll-left, 
.e4i-horizontal-scroll .scroll-right {

	width: 36px;
	height: 36px;
	cursor: pointer;

	background-color: white;

	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;

	-webkit-box-shadow: 0 1px 3px 0 rgba(60,64,67,.30),0 4px 8px 3px rgba(60,64,67,.15);
	-moz-box-shadow: 0 1px 3px 0 rgba(60,64,67,.30),0 4px 8px 3px rgba(60,64,67,.15);
	box-shadow: 0 1px 3px 0 rgba(60,64,67,.30),0 4px 8px 3px rgba(60,64,67,.15);

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	-webkit-justify-content: center; 
	-moz-justify-content: center;
	justify-content: center;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-transition : all 0.3s;
	-moz-transition : all 0.3s;
	-o-transition : all 0.3s;
	transition : all 0.3s;

}

.e4i-horizontal-scroll .scroll-left .magicico, 
.e4i-horizontal-scroll .scroll-right .magicico {

	opacity: .6;

	-webkit-transition : all 0.3s;
	-moz-transition : all 0.3s;
	-o-transition : all 0.3s;
	transition : all 0.3s;

}

.e4i-horizontal-scroll .scroll-left:hover .magicico, 
.e4i-horizontal-scroll .scroll-right:hover .magicico {

	opacity: 1;

}

.e4i-horizontal-scroll .scroll-left.hide, 
.e4i-horizontal-scroll .scroll-right.hide {

	display: none;

}

.e4i-horizontal-scroll .scroll-wrapper-cnt {

	width: 100%;
	height: 100%;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

}

.e4i-horizontal-scroll .scroll-wrapper {

	white-space: nowrap;
	overflow-x: hidden;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

}

/*************************/
/* item-small-card start */

.item-small-card .item-c-i-outer {
	margin: 15px;
}

.item-small-card .item-c-i-outer:hover {
	margin: 10px 15px 20px 15px;
}

.item-small-card .item-c-i-outer.green {
	border-bottom: 3px solid rgba(112, 208, 0, 0);
}

.item-small-card .item-c-i-outer.green:hover {
	border-bottom: 3px solid rgba(112, 208, 0, 1);
}

.item-small-card .item-c-i-outer.blue {
	border-bottom: 3px solid rgba(51, 181, 229, 0);
}

.item-small-card .item-c-i-outer.blue:hover {
	border-bottom: 3px solid rgba(51, 181, 229, 1);
}

.item-small-card .item-c-i-inner {
	position: relative;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid transparent;
	background-color: #ffffff;
	width: 100%;
	height: 200px;
	cursor: pointer;
}

.item-small-card .card-image-container {
	padding: 8px 8px 4px 8px;
	cursor: pointer;
}

.item-small-card .card-image-container .ci-background {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	height: 105px;
	color: #ffffff;
	font-size: 250px;
}

.item-small-card.crossword .card-image-container .ci-background,
.item-small-card.document .card-image-container .ci-background,
.item-small-card.bundle .card-image-container .ci-background {
	height: 55px;
}

.item-small-card .card-image-container .ci-background span.resource-ico {
	opacity: .4;
	transform: rotate(45deg);
}

.item-small-card .card-image-container .ci-background.gray {
	background-color: #f0f0ef;
}

.item-small-card .card-image-container .ci-background.violet {
	background-color: #cdb4fc;
}

.item-small-card .card-image-container .ci-background.yellow {
	background-color: #f8f096;
}

.item-small-card .card-image-container .ci-background.pink {
	background-color: #ffcbda;
}

.item-small-card .card-image-container .ci-background.blue {
	background-color: #7aacff;
}

.item-small-card .card-image-container .ci-background.green {
	background-color: #aaeada;
}

.item-small-card .card-image-container .ci-background.orange-pastel {
	background-color: rgba(255,227,211,1);
}

.item-small-card .card-image-container .ci-background.yellow-pastel {
	background-color: rgba(250,248,215,1);
}

.item-small-card .card-image-container .ci-background.blue-light-pastel {
	background-color: rgba(214,242,255,1);
}

.item-small-card .card-image-container .ci-background.pink-pastel {
	background-color: rgba(255,226,240,1);
}

.item-small-card .card-image-container .ci-background.green-pastel {
	background-color: rgba(199,243,224,1);
}

.item-small-card .card-image-container .ci-background.blue-dark-pastel {
	background-color: rgba(210,228,255,1);
}

.item-small-card .card-image-container .start {
	position: absolute;
	border: 0;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	font-size: 28px;
	color: #fff;
	top: calc(50% - 25px);
	right: calc(50% - 25px);
	opacity: 0;
	background: rgba(51, 51, 51, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.item-small-card .item-c-i-outer:hover .start {
	opacity: 1;
}

.item-small-card .card-image-container img {
	width: 100%;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	vertical-align: middle;
	border-style: none;
	position: absolute;
	top: -100%; 
	bottom: -100%;
	left: 0; 
	right: 0; 
	margin: auto;
	cursor: pointer;
}

.item-small-card .card-info-container {
	padding: 4px 8px 8px 8px;
	height: 84px;
	overflow: hidden;

	-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(10%,#000), to(#000));
	-webkit-mask-image: linear-gradient(0deg, transparent, #000 10%, #000);
	mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(10%, #000), to(#000));
	mask-image: linear-gradient(0deg, transparent, #000 10%, #000);
}

.item-small-card .card-info-container .ci-labels {
	height: 30px;
	overflow: hidden;
}

.item-small-card .card-info-container .ci-label-cnt {
	font-size: 12px;
	line-height: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 9px;
	margin-right: 6px;
}

.item-small-card .card-info-container .ci-label-cnt.gray {
	border: 1px solid transparent;
	color: #878686;
	background-color: #f4f4f4;
}

.item-small-card .card-info-container .ci-label-cnt.blue {
	border: 1px solid transparent;
	color: #0699cc;
	background-color: #e1f5fc;
}

.item-small-card .card-info-container .ci-label-cnt.green {
	border: 1px solid transparent;
	color: #5dab01;
	background-color: #e3f4cf;
}

.item-small-card .card-info-container .ci-label span {
	padding: 3px 8px;
	white-space: nowrap;
}

.item-small-card .card-info-container .ci-menu-cnt {
	height: 30px;
	width: 30px;
	background-color: #f4f4f4;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	cursor: pointer;
	color: #969696;
	font-size: 21px;
}

.item-small-card .card-info-container .ci-menu-cnt:hover {
	background-color: #969696;
	color: #f4f4f4;
}

.item-small-card .card-info-container .ci-menu {
	width: 100%;
	height: 100%;
}

.item-small-card .card-info-container .ci-title {
	color: #000000;
	font-size: 20px;
	line-height: 24px;
	padding: 3px 0;
}

.item-small-card .card-footer-container {
	padding: 8px;
	border-top: 1px solid #f0f0f0;
	height: 48px;
}

.item-small-card .card-footer-container .cf-user {
	color: #5f6368;
	font-size: 13px;
}

.item-small-card .card-footer-container .cf-user-avatar-cnt {
	font-weight: 400;
	height: 30px;
	width: 30px;
	background-color: #f5f5f5;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #d6d6d6;
}

.item-small-card .card-footer-container .cf-user-avatar {
	height: 30px;
	width: 30px;
}

.item-small-card .card-footer-container .cf-user-name {
	font-weight: 300;
	padding: 0 10px;
	overflow: hidden;
}

/* item-small-card end */
/***********************/

/***********************/
/* item-big-card start */

.list-items .list-cards {
	flex-wrap: wrap;
	max-width: 100%;
	min-width: 100%;
}

.list-items .big-card-item {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	position: relative;
	width: 100%;
}

.item-big-card .item-c-i-outer {
	margin: 15px;
}

.item-big-card .item-c-i-outer:hover {
	margin: 10px 15px 20px 15px;
}

.item-big-card .item-c-i-outer.green {
	border-bottom: 3px solid rgba(112, 208, 0, 0);
}

.item-big-card .item-c-i-outer.green:hover {
	border-bottom: 3px solid rgba(112, 208, 0, 1);
}

.item-big-card .item-c-i-outer.blue {
	border-bottom: 3px solid rgba(51, 181, 229, 0);
}

.item-big-card .item-c-i-outer.blue:hover {
	border-bottom: 3px solid rgba(51, 181, 229, 1);
}

.item-big-card .item-c-i-inner {
	position: relative;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid transparent;
	background-color: #ffffff;
	width: 100%;
	height: 380px;
	cursor: pointer;
}

.item-big-card .card-image-container {
	padding: 8px 8px 4px 8px;
	cursor: pointer;
}

.item-big-card .card-image-container .ci-image {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	height: 170px;
	background: radial-gradient(circle, rgba(228,228,228,1) 0%,rgba(241,241,241,1) 100%);
}

.item-big-card .card-image-container .ci-image .resource-image {
	display: inline-block;
	width: 100%;
	height: 170px;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat !important;
	background-size: 100% auto !important;
	background-position: center !important;
}

.item-big-card .card-image-container .ci-background {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	height: 170px;
	color: #ffffff;
	font-size: 250px;
}

.item-big-card .card-image-container .ci-background span.resource-ico {
	opacity: .4;
	transform: rotate(45deg);
}

.item-big-card .card-image-container .ci-background.gray {
	background-color: #f0f0ef;
}

.item-big-card .card-image-container .ci-background.violet {
	background-color: #cdb4fc;
}

.item-big-card .card-image-container .ci-background.yellow {
	background-color: #f8f096;
}

.item-big-card .card-image-container .ci-background.pink {
	background-color: #ffcbda;
}

.item-big-card .card-image-container .ci-background.blue {
	background-color: #7aacff;
}

.item-big-card .card-image-container .ci-background.green {
	background-color: #aaeada;
}

.item-big-card .card-image-container .ci-background.orange-pastel {
	background-color: rgba(255,227,211,1);
}

.item-big-card .card-image-container .ci-background.yellow-pastel {
	background-color: rgba(250,248,215,1);
}

.item-big-card .card-image-container .ci-background.blue-light-pastel {
	background-color: rgba(214,242,255,1);
}

.item-big-card .card-image-container .ci-background.pink-pastel {
	background-color: rgba(255,226,240,1);
}

.item-big-card .card-image-container .ci-background.green-pastel {
	background-color: rgba(199,243,224,1);
}

.item-big-card .card-image-container .ci-background.blue-dark-pastel {
	background-color: rgba(210,228,255,1);
}

.item-big-card .card-image-container .start {
	position: absolute;
	border: 0;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	font-size: 28px;
	color: #fff;
	top: calc(50% - 25px);
	right: calc(50% - 25px);
	opacity: 0;
	background: rgba(51, 51, 51, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.item-big-card .item-c-i-outer:hover .start {
	opacity: 1;
}

.item-big-card .card-image-container img {
	width: 100%;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	vertical-align: middle;
	border-style: none;
	position: absolute;
	top: -100%; 
	bottom: -100%;
	left: 0; 
	right: 0; 
	margin: auto;
	cursor: pointer;
}

.item-big-card .card-info-container {
	padding: 4px 8px 8px 8px;
	height: 148px;
	overflow: hidden;

	-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(10%,#000), to(#000));
	-webkit-mask-image: linear-gradient(0deg, transparent, #000 10%, #000);
	mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(10%, #000), to(#000));
	mask-image: linear-gradient(0deg, transparent, #000 10%, #000);
}

.item-big-card .card-info-container .ci-labels {
	height: 30px;
	overflow: hidden;
}

.item-big-card .card-info-container .ci-label-cnt {
	font-size: 12px;
	line-height: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 9px;
	margin-right: 6px;
}

.item-big-card .card-info-container .ci-label-cnt.gray {
	border: 1px solid transparent;
	color: #878686;
	background-color: #f4f4f4;
}

.item-big-card .card-info-container .ci-label-cnt.blue {
	border: 1px solid transparent;
	color: #0699cc;
	background-color: #e1f5fc;
}

.item-big-card .card-info-container .ci-label-cnt.green {
	border: 1px solid transparent;
	color: #5dab01;
	background-color: #e3f4cf;
}

.item-big-card .card-info-container .ci-label span {
	padding: 3px 8px;
	white-space: nowrap;
}

.item-big-card .card-info-container .ci-menu-cnt {
	height: 30px;
	width: 30px;
	background-color: #f4f4f4;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	cursor: pointer;
	color: #969696;
	font-size: 21px;
}

.item-big-card .card-info-container .ci-menu-cnt:hover {
	background-color: #969696;
	color: #f4f4f4;
}

.item-big-card .card-info-container .ci-menu {
	width: 100%;
	height: 100%;
}

.item-big-card .card-info-container .ci-title {
	color: #000000;
	font-size: 20px;
	line-height: 24px;
	padding: 3px 0;
}
/*
.item-big-card .card-info-container:hover .ci-title {
	color: #000000;
}
*/
.item-big-card .card-info-container .ci-loading-title {
	display: inline-block;
	width: 180px;
	height: 24px;
	background: radial-gradient(circle, rgba(220,220,220,1) 0%,rgba(241,241,241,1) 100%);
	background-size: 600% 600%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
	animation: loading-gradient 3s ease infinite;
}

.item-big-card .card-info-container .ci-description {
	color: #5f6368;
	font-size: 14px;
	line-height: 19px;
	padding-top: 10px;
}

.item-big-card .card-info-container:hover .ci-description {
	color: #7d7f81;
}

.item-big-card .card-info-container .ci-loading-description {
	display: inline-block;
	width: 106px;
	height: 12px;
	background: radial-gradient(circle, rgba(220,220,220,1) 0%,rgba(241,241,241,1) 100%);
	background-size: 200% 200%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	animation: loading-gradient 3s ease infinite;
}

.item-big-card .card-footer-container {
	padding: 8px;
	border-top: 1px solid #f0f0f0;
	height: 48px;
}

.item-big-card .card-footer-container .cf-loading {
	display: inline-block;
	width: 100%;
	height: 24px;
	background: radial-gradient(circle, rgba(220,220,220,1) 0%,rgba(241,241,241,1) 100%);
	background-size: 600% 600%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
	animation: loading-gradient 3s ease infinite;
}

.item-big-card .card-footer-container .cf-user {
	color: #5f6368;
	font-size: 13px;
}

.item-big-card .card-footer-container .cf-user-avatar-cnt {
	font-weight: 400;
	height: 30px;
	width: 30px;
	background-color: #f5f5f5;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #d6d6d6;
}

.item-big-card .card-footer-container .cf-user-avatar {
	height: 30px;
	width: 30px;
}

.item-big-card .card-footer-container .cf-user-name {
	font-weight: 300;
	padding: 0 10px;
	overflow: hidden;
}

.item-big-card .card-footer-container .cf-user-name span {
	white-space: nowrap;
}

.item-big-card .card-footer-container .cf-badges {
	padding: 0 3px;
}

.item-big-card .card-footer-container .cf-badge-cnt {
	width: 30px;
	height: 30px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	margin: 0 3px;
}

.item-big-card .card-footer-container .cf-badge-cnt.recommended {
	background-color: #ff6600;
	color: #ffffff;
	font-size: 28px;
	line-height: 20px;
}

.item-big-card .card-footer-container .cf-badge-cnt.popular {
	background-color: #00c851;
	color: #ffffff;
	font-size: 20px;
	line-height: 20px;
}

.item-big-card .card-footer-container .cf-badge {
	width: 100%;
	height: 100%;
}

.item-big-card .card-footer-container .cf-extra-label {
	color: #ffffff;
	font-size: 13px;
	line-height: 13px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: #969696;
	font-weight: 300;
}

.item-big-card .card-footer-container .cfe-label {
	height: 24px;
	padding: 0 16px;
}

.list-items .list-belts {
	background-color: white;
/*	border: 1px solid #efefef; */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: block;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 7px;
	margin: 15px;
}

.list-items .belt-item {
	border-top: 1px solid #efefef;
}

.list-items .belt-item:first-child {
	border-top: 1px solid transparent;
}

.item-belt .item-c-i-outer {
	padding: 10px 8px;
	cursor: pointer;
}

.item-belt .item-c-i-outer.green {
	border-left: 2px solid rgba(112, 208, 0, 0);
}

.item-belt .item-c-i-outer.green:hover {
	border-left: 2px solid rgba(112, 208, 0, 1);
	background-color: rgba(112, 208, 0, .05);
}

.item-belt .belt-image-container .ci-image {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	height: 45px;
	width: 70px;
	background: radial-gradient(circle, rgba(228,228,228,1) 0%,rgba(241,241,241,1) 100%);
}

.item-belt .belt-image-container .ci-image .resource-image {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}

.item-belt .belt-image-container .ci-background {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	height: 45px;
	width: 70px;
	color: #ffffff;
	font-size: 70px;
}

.item-belt .belt-image-container .ci-background span.resource-ico {
	opacity: .4;
	transform: rotate(45deg);
}

.item-belt .belt-image-container .ci-background.gray {
	background-color: #f0f0ef;
}

.item-belt .belt-image-container .ci-background.violet {
	background-color: #cdb4fc;
}

.item-belt .belt-image-container .ci-background.yellow {
	background-color: #f8f096;
}

.item-belt .belt-image-container .ci-background.pink {
	background-color: #ffcbda;
}

.item-belt .belt-image-container .ci-background.blue {
	background-color: #7aacff;
}

.item-belt .belt-image-container .ci-background.green {
	background-color: #aaeada;
}

.item-belt .belt-image-container .ci-background.orange-pastel {
	background-color: rgba(255,227,211,1);
}

.item-belt .belt-image-container .ci-background.yellow-pastel {
	background-color: rgba(250,248,215,1);
}

.item-belt .belt-image-container .ci-background.blue-light-pastel {
	background-color: rgba(214,242,255,1);
}

.item-belt .belt-image-container .ci-background.pink-pastel {
	background-color: rgba(255,226,240,1);
}

.item-belt .belt-image-container .ci-background.green-pastel {
	background-color: rgba(199,243,224,1);
}

.item-belt .belt-image-container .ci-background.blue-dark-pastel {
	background-color: rgba(210,228,255,1);
}

.item-belt .belt-image-container .ci-favorite .magicico {
	padding: 0 10px;
	color: #e6e6e6;
	cursor: pointer;
}

.item-belt .belt-image-container .ci-favorite .magicico:hover {
	color: black;
}

.item-belt .belt-image-container .ci-favorite .magicico.checked {
	color: #478ade !important;
}

.item-belt .belt-info-container {
	padding: 0 10px;
}

.item-belt .belt-info-container .ci-info {
	
}

.item-belt .belt-info-container .ci-title {
	color: #000000;
	font-size: 15px;
	font-weight: 500;
}

.item-belt .belt-info-container .ci-description {
	color: #7f7f7f;
	font-size: 13px;
}

.item-belt.note .belt-info-container .ci-description {
	max-height: 40px;
	overflow: hidden;
}

.item-belt .belt-info-container .ci-user {
	color: #5f6368;
	font-size: 13px;
	padding: 0 15px;
}

.item-belt .belt-info-container .ci-user-avatar-cnt {
	font-weight: 400;
	height: 30px;
	width: 30px;
	background-color: #f5f5f5;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #d6d6d6;
}

.item-belt .belt-info-container .ci-user-avatar {
	height: 30px;
	width: 30px;
}

.item-belt .belt-info-container .ci-extra-label {
	color: #ffffff;
	font-size: 13px;
	line-height: 13px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: #969696;
	font-weight: 300;
}

.item-belt .belt-info-container .cie-label {
	height: 24px;
	padding: 0 16px;
}

.item-belt .belt-actions-container .ci-menu-cnt {
	height: 30px;
	width: 30px;
	background-color: #f4f4f4;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	cursor: pointer;
	color: #969696;
	font-size: 21px;
}

.item-belt .belt-actions-container .ci-menu-cnt:hover {
	background-color: #969696;
	color: #f4f4f4;
}

.item-belt .belt-actions-container .ci-menu {
	width: 100%;
	height: 100%;
}

@media (min-width: 100px) {
	.list-items .big-card-item {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
}

@media (min-width: 550px) {
	.list-items .big-card-item {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		width: 100%;
	}
}

@media (min-width: 992px) {
	.list-items .big-card-item {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
		width: 100%;
	}
}

@media (min-width: 1400px) {
	.list-items .big-card-item {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		width: 100%;
	}
}

/* item-big-card end */
/*********************/

/**************************/
/* carousel-wrapper start */

.carousel-wrapper {
	width: 100%;
	position: relative;
	display: block;
}

.carousel-container {
	position: relative;
	overflow: hidden;
	margin: 0;
}

.carousel-container.arrow-left {
	-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%,#000), to(#000));
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000);
	mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, #000), to(#000));
	mask-image: linear-gradient(90deg, transparent, #000 10%, #000);
}

.carousel-container.arrow-right {
	-webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(90%, #000), to(transparent));
	-webkit-mask-image: linear-gradient(90deg, #000 90%, transparent);
	mask-image: -webkit-gradient(linear, left top, right top, color-stop(90%, #000), to(transparent));
	mask-image: linear-gradient(90deg, #000 90%, transparent);
}

.carousel-container.arrow-left.arrow-right {
	-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, #000), color-stop(90%, #000),to(transparent));
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
	mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, #000), color-stop(90%, #000),to(transparent));
	mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}

.carousel-items {
	position: relative;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.carousel-navi {
	color: #8a8a8a;
	font-size: 20px;
}

.c-n-hide {
	display: none;
}

.c-n-show {
	display: block;
}

.c-n-prev {
	position: absolute;
	left: -10px;
	top: calc(50% - 14px);
	height: 28px;
	width: 28px;
	background-color: #ffffff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
	cursor: pointer;
}

.c-n-prev:hover {
	background-color: var(--blue-light-bg);
	color: #ffffff;
}

.c-n-prev span {
	transform: rotate(180deg);
}

.c-n-prev.inactive {
	opacity: 0;
	left: -50px;
	cursor: default;
}

.c-n-next {
	position: absolute;
	right: -10px;
	top: calc(50% - 14px);
	height: 28px;
	width: 28px;
	background-color: #ffffff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
	cursor: pointer;
}

.c-n-next:hover {
	background-color: var(--blue-light-bg);
	color: #ffffff;
}

.c-n-next.inactive {
	opacity: 0;
	right: -50px;
	cursor: default;
}

.c-n-outer {
	width: 100%;
	height: 100%;
}

.c-n-inner {
	width: 100%;
	height: 100%;
}

.carousel-wrapper.big-cards .carousel-navi {
	font-size: 40px;
}

.carousel-wrapper.big-cards .carousel-navi .c-n-prev {
	top: calc(50% - 25px);
	height: 50px;
	width: 50px;
	left: 10px;
}

.carousel-wrapper.big-cards .carousel-navi .c-n-next {
	top: calc(50% - 25px);
	height: 50px;
	width: 50px;
	right: 10px;
}

.carousel-wrapper .item-big-card .item-c-i-inner {
	width: 380px;
}

/* carousel-wrapper end */
/************************/

/**************************/
/* subpage profesor start */

.ar-01-a {
	font-size: 14px;
	color: black;
	font-weight: 300;
	font-style: italic;
	padding: 10px 0;
}

.ar-01-a span {
	opacity: 1;
}

.ar-01-b {
	font-size: 24px;
	font-weight: 400;
	padding: 10px 0;
}

.ar-01-c {
	font-size: 16px;
	font-weight: 400;
}

.ar-01-d {
	border-top: 1px solid #fcb034;
	border-bottom: 1px solid #fcb034;
	background-color: white;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 30px 0;
}

.ar-01-d1b {
	padding: 20px 0;
}

.ar-01-d1b > div {
	padding: 10px 0;
	opacity: .8;
}

.ar-01-d1a,
.ar-01-d1c {
	padding: 12px;
}

.ar-01-d1c span {
	margin-top: auto;
}

.ar-03 {
	padding: 15px 0;
	color: #333333;
}

.ar-03-a {
	border: 5px solid white;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 25px;
}

.ar-03-a1 {
	font-size: 24px;
	font-weight: 400;
	padding-bottom: 15px;
}

.ar-03-a3 {
	font-size: 24px;
	font-weight: 400;
	padding-top: 20px;
}

.ar-04 {
	padding: 20px 0;
}

.ar-04-tb {
	text-align: center;
	padding: 20px 0;
}

.ar-04-logo {
	padding: 0 20px;
}

.ar-04-logo img {
	cursor: pointer;
}

.rc-news-view-cnt .section.articles .list .item.wybory-czerwcowe .image span {
	background: rgba(0, 0, 0, 0) url('https://www.edukator.pl/resources/static_files/articles/img/wybory-czerwcowe.jpg') repeat scroll center center / cover;
}

.rc-news-view-cnt .section.articles .list .item.okragly-stol .image span {
	background: rgba(0, 0, 0, 0) url('https://www.edukator.pl/resources/static_files/articles/img/okragly-stol.jpg') repeat scroll center center / cover;
}

.rc-news-view-cnt .section.articles .list .item.tadeusz-mazowiecki .image span {
	background: rgba(0, 0, 0, 0) url('https://www.edukator.pl/resources/static_files/articles/img/tadeusz-mazowiecki.jpg') repeat scroll center center / cover;
}

@media only screen and (max-width: 800px) {

	.ar-04 {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		flex-direction: column;
	}

}

/* subpage profesor end */
/************************/


/******************/
/* chat box start */
/*
.chat-small {
*	border: 1px solid red; *
}

.chat-small .cs_a {
}

.chat-small .cs_b {
}

.chat-small .cs_c {
}

.chat-small .cs_d {
}

.chat-small .cs_e {
}

.chat-small .cs_e1 {
	border-bottom: 1px solid #dadce0;
}

.chat-small .cs_e2 {
	height: 35px;
}

.chat-small .cs_e4 {
}

.chat-small .cs_e4_1 {
	padding: 0 10px;
}

.chat-small .cs_e4_1a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.chat-small .cs_e4_2 {
	width: 28px;
	cursor: pointer;
}

.chat-small .cs_e4_2a {
}

.chat-small .cs_e4_2a span {
}

.chat-small .cs_f {
}

.chat-small .cs_g {
	height: 270px;
	padding: 10px;
}

.chat-small .cs_g1 {
}

.chat-small .cs_g2 {
}

.chat-small .cs_h {
	border-top: 1px solid #dadce0;
}

.chat-small .cs_h form {
}

.chat-small .cs_h1 {
}

.chat-small .cs_h2 {
}

.chat-small .cs_h2 input {
	display: flex;
	width: 100%;
	border: 0;
	outline: none;
	padding: 0.5rem 1rem;
	border-bottom-right-radius: 14px;
	border-bottom-left-radius: 14px;
}

.chat-small .cs_h2 button {
}

*/

.chat-cmp {
	width: 100%;
	border-radius: inherit;
}

.chat-multi-cmp {
	width: 100%;
	border-radius: inherit;
}

/* chat box end */
/****************/

.search-mask-active {
	opacity: .5;	
}

.trapping-field {
	position: absolute;
	top: -100px;
	left: -100px;
}

.dialog-dynamic-light-gray .mat-dialog-container {
	background-color: #f2f3f8;
}

.dialog-dynamic-light-gray .close-dialog {
	background-color: transparent;
}

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

.banner-color-green-dark {
	background: rgb(0,142,92);
	background: linear-gradient(0deg, rgba(0,142,92,1) 0%, rgba(50,165,124,1) 100%);
}

.banner-color-green-light {
	background: rgb(141,187,37);
	background: linear-gradient(0deg, rgba(141,187,37,1) 0%, rgba(163,201,80,1) 100%);
}

.banner-color-yellow-light {
	background: rgb(243,229,0);
	background: linear-gradient(0deg, rgba(243,229,0,1) 0%, rgba(246,234,52,1) 100%);
}

.banner-color-yellow-dark {
	background: rgb(253,198,10);
	background: linear-gradient(0deg, rgba(253,198,10,1) 0%, rgba(253,209,60,1) 100%);
}

.banner-color-orange-light {
	background: rgb(242,142,28);
	background: linear-gradient(0deg, rgba(242,142,28,1) 0%, rgba(244,165,73,1) 100%);
}

.banner-color-orange-dark {
	background: rgb(235,97,32);
	background: linear-gradient(0deg, rgba(235,97,32,1) 0%, rgba(239,129,76,1) 100%);
}

.banner-color-red-dark {
	background: rgb(227,35,34);
	background: linear-gradient(0deg, rgba(227,35,34,1) 0%, rgba(233,79,79,1) 100%);
}

.banner-color-pink-dark {
	background: rgb(197,3,126);
	background: linear-gradient(0deg, rgba(197,3,126,1) 0%, rgba(209,53,152,1) 100%);
}

.banner-color-violet-light {
	background: rgb(109,57,139);
	background: linear-gradient(0deg, rgba(109,57,139,1) 0%, rgba(138,97,163,1) 100%);
}

.banner-color-violet-dark {
	background: rgb(69,78,153);
	background: linear-gradient(0deg, rgba(69,78,153,1) 0%, rgba(105,114,173,1) 100%);
}

.banner-color-blue-dark {
	background: rgb(42,113,177);
	background: linear-gradient(0deg, rgba(42,113,177,1) 0%, rgba(85,141,192,1) 100%);
}

.banner-color-blue-light {
	background: rgb(6,150,187);
	background: linear-gradient(0deg, rgba(6,150,187,1) 0%, rgba(56,171,200,1) 100%);
}

.banner-color-gray-light {
	background: rgb(250,250,250);
	background: linear-gradient(0deg, rgba(237, 237, 237, 1) 0%, rgba(250, 250, 250, 1) 100%);
}

.avatar-initial-green-light {
	background: rgb(141,187,37);
	background: linear-gradient(0deg, rgba(141,187,37,1) 0%, rgba(186,215,125,1) 100%);
}

.avatar-initial-yellow-light {
	background: rgb(253,198,10);
	background: linear-gradient(0deg, rgba(253,198,10,1) 0%, rgba(254,221,108,1) 100%);
}

.avatar-initial-red-dark {
	background: rgb(235,97,32);
	background: linear-gradient(0deg, rgba(235,97,32,1) 0%, rgba(243,161,121,1) 100%);
}

.avatar-initial-pink-dark {
	background: rgb(197,3,126);
	background: linear-gradient(0deg, rgba(197,3,126,1) 0%, rgba(220,104,177,1) 100%);
}

.avatar-initial-blue-dark {
	background: rgb(69,78,153);
	background: linear-gradient(0deg, rgba(69,78,153,1) 0%, rgba(142,149,195,1) 100%);
}

.avatar-initial-blue-light {
	background: rgb(6,150,187);
	background: linear-gradient(0deg, rgba(6,150,187,1) 0%, rgba(106,192,215,1) 100%);
}

.avatar-initial-gray-dark {
	background: rgb(103,103,103);
	background: linear-gradient(0deg, rgba(103,103,103,1) 0%, rgba(154,154,154,1) 100%);
}

.frame-color-white {
/*	background-color: rgba(255, 255, 255, .3); */
	background-color: #ffffff;
}

.frame-color-gray-dark {
	background-color: rgb(103,103,103);
}

.frame-color-green-dark-1 {
	background-color: #008e5c;
}

.frame-color-green-dark-2 {
	background-color: #32a57c;
}

.frame-color-green-light-1 {
	background-color: #8dbb25;
}

.frame-color-green-light-2 {
	background-color: #a3c950;
}

.frame-color-yellow-light-1 {
	background-color: #f3e500;
}

.frame-color-yellow-light-2 {
	background-color: #f6ea34;
}

.frame-color-yellow-dark-1 {
	background-color: #fdc60a;
}

.frame-color-yellow-dark-2 {
	background-color: #fdd13c;
}

.frame-color-orange-light-1 {
	background-color: #f28e1c;
}

.frame-color-orange-light-2 {
	background-color: #f4a549;
}

.frame-color-orange-dark-1 {
	background-color: #eb6120;
}

.frame-color-orange-dark-2 {
	background-color: #ef814c;
}

.frame-color-red-dark-1 {
	background-color: #e32322;
}

.frame-color-red-dark-2 {
	background-color: #e94f4f;
}

.frame-color-pink-dark-1 {
	background-color: #c5037e;
}

.frame-color-pink-dark-2 {
	background-color: #d13598;
}

.frame-color-violet-light-1 {
	background-color: #6d398b;
}

.frame-color-violet-light-2 {
	background-color: #8a61a3;
}

.frame-color-violet-dark-1 {
	background-color: #454e99;
}

.frame-color-violte-dark-2 {
	background-color: #6972ad;
}

.frame-color-blue-dark-1 {
	background-color: #2a71b1;
}

.frame-color-blue-dark-2 {
	background-color: #558dc0;
}

.frame-color-blue-light-1 {
	background-color: #0696bb;
}

.frame-color-blue-light-2 {
	background-color: #38abc8;
}

.frame-transparency-0 {
	opacity: 1.0;
}

.frame-transparency-1 {
	opacity: 0.3;
}

.motto-color-green-dark {
	color: #ffffff;
	background: rgb(0,142,92);
	background: linear-gradient(0deg, rgba(0,142,92,1) 0%, rgba(50,165,124,1) 100%);
}

.motto-color-green-light {
	color: #ffffff;
	background: rgb(141,187,37);
	background: linear-gradient(0deg, rgba(141,187,37,1) 0%, rgba(163,201,80,1) 100%);
}

.motto-color-yellow-light {
	color: #ffffff;
	background: rgb(243,229,0);
	background: linear-gradient(0deg, rgba(243,229,0,1) 0%, rgba(246,234,52,1) 100%);
}

.motto-color-yellow-dark {
	color: #ffffff;
	background: rgb(253,198,10);
	background: linear-gradient(0deg, rgba(253,198,10,1) 0%, rgba(253,209,60,1) 100%);
}

.motto-color-orange-light {
	color: #ffffff;
	background: rgb(242,142,28);
	background: linear-gradient(0deg, rgba(242,142,28,1) 0%, rgba(244,165,73,1) 100%);
}

.motto-color-orange-dark {
	color: #ffffff;
	background: rgb(235,97,32);
	background: linear-gradient(0deg, rgba(235,97,32,1) 0%, rgba(239,129,76,1) 100%);
}

.motto-color-red-dark {
	color: #ffffff;
	background: rgb(227,35,34);
	background: linear-gradient(0deg, rgba(227,35,34,1) 0%, rgba(233,79,79,1) 100%);
}

.motto-color-pink-dark {
	color: #ffffff;
	background: rgb(197,3,126);
	background: linear-gradient(0deg, rgba(197,3,126,1) 0%, rgba(209,53,152,1) 100%);
}

.motto-color-violet-light {
	color: #ffffff;
	background: rgb(109,57,139);
	background: linear-gradient(0deg, rgba(109,57,139,1) 0%, rgba(138,97,163,1) 100%);
}

.motto-color-violet-dark {
	color: #ffffff;
	background: rgb(69,78,153);
	background: linear-gradient(0deg, rgba(69,78,153,1) 0%, rgba(105,114,173,1) 100%);
}

.motto-color-blue-dark {
	color: #ffffff;
	background: rgb(42,113,177);
	background: linear-gradient(0deg, rgba(42,113,177,1) 0%, rgba(85,141,192,1) 100%);
}

.motto-color-blue-light {
	color: #ffffff;
	background: rgb(6,150,187);
	background: linear-gradient(0deg, rgba(6,150,187,1) 0%, rgba(56,171,200,1) 100%);
}

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

footer.default {
	font-family: 'Poppins', sans-serif;
	background-color: #08484d;
	color: white;
}

footer .footer-d-outer {
	padding: 40px 32px 0 32px;
}

footer .footer-d-inner {
	padding-bottom: 30px;
}

footer .footer-d-links {
	flex-wrap: wrap;
}

footer .footer-d-links > div {
}

footer .footer-d-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer .footer-d-links li {
	padding: 5px 0;
}

footer .footer-d-links li a {
	color: white;
	text-decoration: none;
	font-size: 1rem;
	line-height: 1rem;
	cursor: pointer;
	border-bottom: 1px dotted transparent;
}

footer .footer-d-links li a:hover {
	border-bottom: 1px dotted white;
}

footer .footer-d-links .contact-button {
	height: 45px;
	border: 1px solid #ffffff;
	background-color: rgba(255, 255, 255, .15);
	color: #ffffff;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
	font-size: .875rem;
	line-height: 1rem;
	cursor: pointer;
	margin-bottom: 10px;
	padding: 0 20px;
	font-family: 'Poppins', sans-serif;
}

footer .footer-d-links .contact-button:hover {
	background-color: rgba(255, 255, 255, .3);
}

footer .footer-d-links .contact-button .icon {
}

footer .footer-d-links .contact-button .icon svg {
	width: 18px;
	height: 18px;
	fill: #ffffff;
}

footer .footer-d-links .contact-button .label {
	padding-left: 15px
}

footer .footer-d-links .footer-d-links-col1 {
}

footer .footer-d-links .footer-d-links-col2 {
}

footer .footer-d-links .footer-d-links-col3 {
}

footer .footer-d-links .footer-d-links-col4 {
}

footer .footer-d-links .footer-d-links-col4 a {
	font-size: .875rem;
	line-height: 1rem;
}

footer .footer-d-copyright {
	text-align: center;
	padding: 10px 0;
}

@media (min-width: 0px) {

	footer .footer-d-links > div {
		flex: 0 0 100%;
		max-width: 100%;
	}

	footer .footer-d-links .footer-d-links-col1 {
		order: 2;
	}

	footer .footer-d-links .footer-d-links-col2 {
		order: 3;
	}

	footer .footer-d-links .footer-d-links-col3 {
		order: 1;
		padding-bottom: 30px;
	}

	footer .footer-d-links .footer-d-links-col4 {
		order: 4;
		padding-top: 30px;
	}

}

@media (min-width: 500px) {

	footer .footer-d-links > div {
		flex: 0 0 50%;
		max-width: 50%;
	}

	footer .footer-d-links .footer-d-links-col1 {
		order: 1;
	}

	footer .footer-d-links .footer-d-links-col2 {
		order: 3;
	}

	footer .footer-d-links .footer-d-links-col3 {
		order: 2;
		padding: 0;
	}

	footer .footer-d-links .footer-d-links-col4 {
		order: 4;
		padding: 0;
	}

}

@media (min-width: 800px) {

	footer .footer-d-links > div {
		flex: 0 0 25%;
		max-width: 25%;
	}

	footer .footer-d-links .footer-d-links-col1 {
		order: 1;
	}

	footer .footer-d-links .footer-d-links-col2 {
		order: 2;
	}

	footer .footer-d-links .footer-d-links-col3 {
		order: 3;
	}

	footer .footer-d-links .footer-d-links-col4 {
		order: 4;
	}

}

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

@-moz-keyframes sending-ring {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}
@-webkit-keyframes sending-ring {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes sending-ring {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.contact-overlay-wrapper {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	overflow: hidden;
	font-family: 'Poppins', sans-serif;
}

.contact-overlay-outer {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);	
}

.contact-overlay-inner {
	width: 50%;
/*	height: 50%; */
	min-width: 310px;
	background-color: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: 1s;
}

.contact-dialog-wrapper {
	width: 100%;
	height: 100%;
	background: rgb(236, 235, 235);
	background: -moz-linear-gradient(90deg, rgba(236, 235, 235, 1) 20%, rgba(11, 119, 122, 1) 50%, rgba(236, 235, 235, 1) 80%);
	background: -webkit-linear-gradient(90deg, rgba(236, 235, 235, 1) 20%, rgba(11, 119, 122, 1) 50%, rgba(236, 235, 235, 1) 80%);
	background: linear-gradient(90deg, rgba(236, 235, 235, 1) 20%, rgba(11, 119, 122, 1) 50%, rgba(236, 235, 235, 1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecebeb", endColorstr="#ecebeb", GradientType=1);
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
}

.contact-dialog-container {
	padding: 1rem;

	position: relative;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .9);
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
}

.contact-dialog-header {
	padding-bottom: 1rem;
}

.contact-dialog-title {
	font-weight: 300;
	font-size: 1.2rem;
	color: #141f39;
}

.contact-dialog-body {
	
}

.contact-dialog-footer {
	
}

.contact-dialog-container .textarea-wrapper, 
.contact-dialog-container .select-wrapper, 
.contact-dialog-container .input-wrapper {
	padding: 5px 0;
}

.contact-dialog-container .input-container {
}

.contact-dialog-container .input-elements {
	height: 50px;
	padding: 0 2px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-color: rgba(255, 255, 255, .8);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.contact-dialog-container .input-elements.invalid {
	background-color: #FCF4F2;
	border-bottom: 1px solid #E62600;
}

.contact-dialog-container .input-icon {
	display: block;
	margin-left: 10px;
}

.contact-dialog-container .input-svg {
	height: 100%;
	opacity: .5;
}

.contact-dialog-container .input-svg svg {
	width: 20px;
	height: 20px;
	fill: #000000;
}

.contact-dialog-container .input-field {
	padding: 0;
	margin: 0 10px;
	font-size: .75rem;
	width: 100%;
	height: auto;
	border: none;
	color: #4f4f4f;
}

.contact-dialog-container .input-text {
	width: 100%;
	font-size: 1rem;
	border: none;
	padding: 0 10px;
	background-color: transparent;
	height: 100%;
}

.contact-dialog-container .select-container {
}

.contact-dialog-container .select-elements {
	height: 50px;
	padding: 0 2px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-color: rgba(255, 255, 255, .8);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.contact-dialog-container .select-elements.invalid {
	background-color: #FCF4F2;
	border-bottom: 1px solid #E62600;
}

.contact-dialog-container .select-field {
	padding: 0;
	margin: 0 10px;
	font-size: .75rem;
	width: 100%;
	height: auto;
	border: none;
	color: #4f4f4f;
}

.contact-dialog-container select {
	width: 100%;
	font-size: 1rem;
	border: none;
	padding: 0 10px;
	background-color: transparent;
	height: 100%;
}

.contact-dialog-container .textarea-container {
}

.contact-dialog-container .textarea-elements {
	height: 150px;
	padding: 0 2px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-color: rgba(255, 255, 255, .8);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.contact-dialog-container .textarea-elements.invalid {
	background-color: #FCF4F2;
	border-bottom: 1px solid #E62600;
}

.contact-dialog-container .textarea-field {
	padding: 0;
	margin: 0 10px;
	font-size: .75rem;
	width: 100%;
	height: auto;
	border: none;
	color: #4f4f4f;
}

.contact-dialog-container textarea {
	width: 100%;
	font-size: 1rem;
	border: none;
	padding: 10px;
	background-color: transparent;
	height: 100%;
	resize: none;
}

.contact-dialog-container .contact-captcha-wrapper {
	padding: 10px 0;
}

.contact-dialog-container .contact-error-wrapper {
}

.contact-dialog-container .contact-error-container {
}

.contact-dialog-container .contact-error-message {
	color: red;
	font-size: 1rem;
	padding: 10px 5px;
	text-align: center;
}

.contact-dialog-container .contact-success-wrapper {
}

.contact-dialog-container .contact-success-container {
}

.contact-dialog-container .contact-success-message {
	color: green;
	font-size: 1rem;
	padding: 10px 5px;
	text-align: center;
}

.contact-dialog-container .actions-wrapper {
/*	padding-top: 10px; */
}

.contact-dialog-container .action-wrapper {
	padding: 0 5px;
}

.contact-dialog-container .contact-button-submit {
	background-color: #0d9fa0;
	color: white;
	font-size: 1rem;
	border: none;
	height: 46px;
	-webkit-border-radius: 46px;
	-moz-border-radius: 46px;
	border-radius: 46px;
	width: 100%;
}

.contact-dialog-container .contact-button-submit:hover {
	background-color: #08484d;
}

.contact-dialog-container .contact-submit-loader.orange {
	background-color: #DA6432;
	color: white;
	font-size: 1rem;
	border: none;
	height: 46px;
	-webkit-border-radius: 46px;
	-moz-border-radius: 46px;
	border-radius: 46px;
	width: 100%;
	cursor: not-allowed;
}

.contact-dialog-container .contact-submit-loader.green {
	background-color: #08484d;
	color: white;
	font-size: 1rem;
	border: none;
	height: 46px;
	-webkit-border-radius: 46px;
	-moz-border-radius: 46px;
	border-radius: 46px;
	width: 100%;
	cursor: not-allowed;
}

.contact-dialog-container .contact-submit-icon {
	padding-left: 20px;
}

.contact-dialog-container .contact-submit-anim {
	position: relative;
	width: 30px;
	height: 30px;
}

.contact-dialog-container .contact-submit-anim div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	margin: 3px;
	border: 3px solid #ffffff;
	border-radius: 50%;
	animation: sending-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #ffffff transparent transparent transparent;
}

.contact-dialog-container .contact-submit-anim div:nth-child(1) {
	animation-delay: -0.45s;
}

.contact-dialog-container .contact-submit-anim div:nth-child(2) {
	animation-delay: -0.3s;
}

.contact-dialog-container .contact-submit-anim div:nth-child(3) {
	animation-delay: -0.15s;
}

.contact-dialog-container .contact-button-hide {
	background-color: rgba(255, 255, 255, .4);
	color: #0d9fa0;
	font-size: 1rem;
	border: 1px solid #dddddd;
	height: 46px;
	-webkit-border-radius: 46px;
	-moz-border-radius: 46px;
	border-radius: 46px;
	width: 100%;
	text-decoration: none;
}

.contact-dialog-container .contact-button-hide:hover {
	background-color: white;
}