@charset "UTF-8";
@import url(../js/jquery/Foundation/foundation-sites/dist/css/foundation-float.min.css);
@import url(../js/jquery/Fondamix/css/palette.css);
@import url(../js/jquery/Fondamix/sass/style.css);
@import url(../fonts/fontello/css/fontello.css);
@import url(../js/jquery/Fondamix/css/Montserrat-Hairline.css);
/*------------------------------------------------------------------
[Core General Stylesheet]

Project:    Fondamix Foundation Dashboard Template
Version:    1.0
Last change:    01/01/2017 [fixed Float bug, vf]
Author:Themesmile
-------------------------------------------------------------------*/
@import url(http://weloveiconfonts.com/api/?family=entypo);
@import url(http://weloveiconfonts.com/api/?family=fontawesome);
@import url("https://fonts.googleapis.com/css?family=Varela+Round");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
@import url(../js/jquery/Fondamix/js/pace/themes/orange/pace-theme-flash.css);
@import url(../js/jquery/Fondamix/js/slicknav/slicknav.css);
@import url(../js/jquery/link-generator/css/link-generator.css);
@import url(../js/jquery/jqueryUI-autocomplited/jquery-ui.min.css);
@import url(../js/jquery/jqueryUI-autocomplited/jquery-ui.theme.min.css);
@import url(../../../Public/vendor/FoundationForTinyMCE/css/foundation.min.css);
[class*="entypo-"]:before { font-family: "entypo", sans-serif; }

/* fontawesome */
[class*="fontawesome-"]:before { font-family: "FontAwesome", sans-serif; }

body { font-family: "Montserrat", sans-serif !important; background: #2f323a; padding: 0; font-size: 13px !important; color: #888 !important; }

h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif !important; font-weight: bold; }

p { font-size: 14px !important; }

blockquote { margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 3px solid #8c92a3; font-family: "Montserrat", sans-serif; font-size: 16px; font-style: italic; color: #222; }

ul, ol, dl { font-size: 13px; }

/*
Preloader */
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #2F323A; /* change if the mask should have another color then white */ z-index: 9999; /* makes sure it stays on top */ }

#status { width: 200px; height: 200px; position: absolute; left: 50%; /* centers the loading animation horizontally one the screen */ top: 50%; /* centers the loading animation vertically one the screen */ background-image: url(../img/ball-triangle.svg); /* path to your loading animation */ background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; /* is width and height divided by two */ }

.slide-out-div { padding: 20px 5px; width: 60px; background: #fff; position: relative; z-index: 9999; }

.handle { background: #0D0C0E; color: #fff; width: 40px; height: 50px; text-align: center; display: block; left: -36px !important; }

/*
Value Master */
.fixed-nest { position: fixed !important; }

.no-pad { padding: 0px !important; }

.pad { padding: 10px !important; }

.pad-twenty { padding: 20px !important; }

.pad-forty { padding: 40px !important; }

.margin { margin: 10px !important; }

.margin-center { margin: 10px 0; }

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

.padding-content { padding: 0 15%; }

.height-tiny { height: 8px !important; }

.radius { border-radius: 3px !important; }

.inline { display: inline; width: auto; }

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

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

/*
Master Background Color */
.bg-light-green, .bg-dark-blue, .bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black { color: #f9f9f9 !important; }

.bg-white { background: #fff !important; }

.bg-gray { background: #777 !important; }

.bg-gray-blue { background: #EEF1F7 !important; }

.bg-black { background: #222A38 !important; }

.bg-black-solid { background: #000000 !important; }

.bg-red { background: #F20556 !important; }

.bg-yellow { background: #f39c12 !important; }

.bg-aqua { background-color: #0ABAEF !important; }

.bg-blue { background-color: #5C9DF5 !important; }

.bg-light-blue { background-color: #3c8dbc !important; }

.bg-dark-blue { background-color: #0F5593 !important; }

.bg-green { background-color: #92CD18 !important; }

.bg-light-green { background-color: #45B6B0 !important; }

.bg-navy { background-color: #001f3f !important; }

.bg-teal { background-color: #B5AB8A !important; }

.bg-olive { background-color: #3d9970 !important; }

.bg-lime { background-color: #01ff70 !important; }

.bg-orange { background-color: #FF884D !important; }

.bg-red-orange { background-color: #e83922 !important; }

.bg-fuchsia { background-color: #f012be !important; }

.bg-purple { background-color: #932ab6 !important; }

.bg-maroon { background-color: #85144b !important; }

.bg-transparent { background: transparent !important; border: none !important; box-shadow: none !important; }

.bg-opacity { background: rgba(0, 0, 0, 0.5) !important; }

.bg-opacity-one { background: rgba(0, 0, 0, 0.3) !important; }

.bg-opacity-white { background: rgba(255, 255, 255, 0.5) !important; }

.bg-opacity-white-btn { background: rgba(255, 255, 255, 0.2) !important; }

.bg-opacity-white-btn:hover { background: rgba(255, 255, 255, 0.4) !important; color: white !important; }

.border-gray { border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; }

/*
Master Text Color */
.text-opacity { color: rgba(0, 0, 0, 0.5) !important; }

.text-black { color: #222A38 !important; }

.text-red { color: #F20556 !important; }

.text-gray { color: #777 !important; }

.text-amber { color: #ffffff !important; }

.text-yellow { color: #f39c12 !important; }

.text-aqua { color: #0ABAEF !important; }

.text-blue { color: #5C9DF5 !important; }

.text-dark-blue { color: #0F5593 !important; }

.text-light-blue { color: #3c8dbc !important; }

.text-green { color: #92CD18 !important; }

.text-navy { color: #B7C1D3 !important; }

.text-teal { color: #39cccc !important; }

.text-olive { color: #3d9970 !important; }

.text-lime { color: #01ff70 !important; }

.text-orange { color: #FF884D !important; }

.text-fuchsia { color: #f012be !important; }

.text-purple { color: #932ab6 !important; }

.text-maroon { color: #85144b !important; }

.text-white { color: #ffffff !important; }

.border-green { border-color: #37A8AF !important; }

.border-blue { border-color: #3E739D !important; }

.border-aqua { border-color: #0090D9 !important; }

.text-opacity { color: rgba(255, 255, 255, 0.7) !important; }

.button-radius { border-radius: 30px !important; }

/*
Hide elements by display none only
*/
.hide { display: none !important; }

/* Remove borders */
.no-border { border: 0px !important; }

/* Remove padding */
.no-padding { padding: 0px !important; }

/* Remove margins */
.no-margin { margin: 0px !important; }

/* Remove box shadow */
.no-shadow { box-shadow: none !important; }

.border { border-bottom: 1px !important; }

.star { color: red !important; }

/* font style for title */
.font-title { font-family: "Montserrat", sans-serif !important; }

.font-uppercase { text-transform: uppercase !important; }

.font-medium { font-size: 14px !important; }

.js-off-canvas-exit { background: transparent; }

.img-circle { border-radius: 50%; }

.circle-nest { height: 30px; width: 30px; line-height: 30px; display: block; background: rgba(0, 0, 0, 0.2); border-radius: 50%; text-align: center; font-size: 11px; }

.circle-nest-medium { height: 45px; width: 45px; line-height: 45px; display: block; background: rgba(0, 0, 0, 0.2); border-radius: 50%; text-align: center; font-size: 18px; }

.callout { margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(10, 10, 10, 0.05); border-radius: 0; position: relative; color: #0a0a0a; background-color: white; border-radius: 3px; }

hr { border-bottom: 1px solid #eee; }

/*
Foundation Coustom */
.row { max-width: none !important; margin-bottom: 5px; }
.row.display { border: 1px solid #ddd; margin-bottom: 25px; line-height: 3em; margin-left: 0 !important; margin-right: 0 !important; }

.top-bar-nest { margin: 0 -15px; background: #fff; border-bottom: 1px solid #eee; height: 73px; line-height: 73px; }

.top-bar { margin: 0 -15px; background: #fff; border-bottom: 1px solid #eee; height: 73px; line-height: 73px; }

.top-bar-devider { width: 5px; height: 30px; border-left: 1px solid #ddd; background: #fff; }

.navbar-form { position: relative !important; }

.top-bar-section ul li { background: #EEF1F7; }

.top-bar.expanded .title-area { background: transparent; }

.breadcrumbs { padding: 1.1625rem 0.875rem 1.7625rem 3em; border-width: 0; height: 49px; line-height: 49px !important; background: #F9F9F9; margin: 0 -15px 25px -15px; border-radius: 0 !important; }
.breadcrumbs > * { margin: 0; float: left; font-size: 12px; line-height: 0.6875em; text-transform: capitalize !important; color: #8c92a3; }
.breadcrumbs > * a { color: #8c92a3; }
.breadcrumbs > *:before { content: ""; color: rgba(140, 146, 163, 0.5); margin: 0 0.25em; position: relative; top: 1px; font-family: "dripicons"; font-style: normal; font-weight: normal; font-variant: normal; }

.breadcrumbs-fixed { padding-top: 95px; }

.slim_scroll { margin-top: 5px; }

.title-bar { background: #0a0a0a; color: #fefefe; padding: 1rem; margin: 0 -15px; }

.dropdown-wrap { margin: 10px 0 0; position: relative; background-color: #fff !important; }
.dropdown-wrap:after { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #cacaca transparent; display: block; width: 0; top: -25px; right: 22px; z-index: 0; }
.dropdown-wrap:before { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #fff transparent; display: block; width: 0; top: -23px; right: 22px; z-index: 1; }
.dropdown-wrap li div div { background: #fff; }
.dropdown-wrap li div div div { padding: 0 20px; }
.dropdown-wrap li a { background: #fff !important; display: block; height: 60px; line-height: 60px !important; color: #8c92a3 !important; }
.dropdown-wrap li a div { border: 2px solid rgba(140, 146, 163, 0.3); background: transparent !important; color: #8c92a3; font-size: 12px; border-radius: 15px; float: right; top: 15px; }
.dropdown-wrap li i { display: block; width: 0; height: 30px; background: transparent !important; float: left; line-height: 40px; text-align: center; margin: 10px 40px 0 0; padding-bottom: 0; padding: 0; font-size: 16px; }
.dropdown-wrap li a h3 { font-size: 14px; margin: 0; padding: 10px 0 0; font-weight: bold; color: #8c92a3; }
.dropdown-wrap li a h4 { font-size: 13px; margin: 0; padding: 17px 0 0; font-weight: normal; color: #8c92a3; }
.dropdown-wrap li a p { font-size: 12px !important; margin: 0; padding: 0 0 10px; color: #8c92a3; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.dropdown-wrap li a span { font-size: 11px; float: right; font-weight: 100; }
.dropdown-wrap li a span small { font-size: 10px; margin-left: 5px; color: #8c92a3; }

.dropdown-nest { width: 260px !important; padding-top: 43px !important; margin-top: 20px !important; position: relative; top: 40px !important; border-right: 1px solid #EAECF0; border-bottom: 1px solid #EAECF0; border-left: 1px solid #EAECF0; }
.dropdown-nest li a { font-family: "Open Sans", sans-serif !important; background: #fff !important; display: block; height: 60px; line-height: 60px !important; color: #8c92a3 !important; }
.dropdown-nest li a div { border: 2px solid rgba(140, 146, 163, 0.3); background: transparent !important; color: #8c92a3; font-size: 12px; border-radius: 15px; float: right; top: 15px; }
.dropdown-nest li i { display: block; width: 30px; height: 30px; background: transparent !important; float: left; line-height: 40px; text-align: center; margin: 10px 15px 0; border-radius: 50%; padding-bottom: 0; }
.dropdown-nest li a h3 { font-size: 14px; margin: 0; padding: 10px 0 0; font-weight: bold; color: #8c92a3; }
.dropdown-nest li a h4 { font-size: 13px; margin: 0; padding: 17px 0 0; font-weight: normal; color: #8c92a3; }
.dropdown-nest li a p { font-size: 12px !important; margin: 0; padding: 0 0 10px; color: #8c92a3; border-bottom: 1px solid rgba(0, 0, 0, 0.02); }
.dropdown-nest li a span { font-size: 11px; float: right; font-weight: 100; }
.dropdown-nest li a span small { font-size: 10px; margin-left: 5px; color: #8c92a3; }

.top-dropdown-nest { margin: 0 20px; }
.top-dropdown-nest span { border-radius: 20px; }

.profile-dropdown li a { background: #fff !important; display: block; color: #8c92a3 !important; font-size: 12px !important; }
.profile-dropdown li a i { display: inline-block; width: 30px; height: 30px; border-radius: 50%; color: #fff; text-align: center; line-height: 30px; }
.profile-dropdown li a span { float: right; margin: 5px 0 0; }

.pull-right { float: right; }
.pull-right > *:before { content: "" !important; }
.pull-right li { color: red; }

.top-bar .name h1 span { background: none repeat scroll 0% 0% #395F97; padding: 4px 10px; text-transform: uppercase; font-weight: 400 !important; font-family: "Montserrat", sans-serif !important; font-size: 20px !important; border-radius: 3px; color: #fff; margin: 0 0 0 25px; }

.edumix-msg-noft { background: #ccc; color: #fff !important; height: 25px; width: 25px; line-height: 25px; font-weight: bold !important; text-align: center !important; border-radius: 50%; padding: 0; font-size: 12px; position: relative; top: -10px; left: -5px; }

.edumix-noft { background: #ccc; color: #fff !important; height: 25px; width: 25px; line-height: 25px; font-weight: bold !important; text-align: center !important; border-radius: 50%; padding: 0; font-size: 12px; position: relative; top: -10px; left: -5px; }

.menu > li > a img, .menu > li > a i { font-size: 17px !important; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after { border-color: #c2c3c3 transparent transparent; }

.dark { position: absolute; top: -7px; left: -28px; z-index: 999; }

.search-menu { background: #2a394f; width: 100%; display: block; height: 55px; margin: -10px 0 10px 0; }

.has-form-transparent, .transparent { background: transparent !important; }

.input-top { background: #F9F9F9 !important; border-color: #F9F9F9 !important; padding: 0 0 0 40px !important; border-radius: 4px !important; -webkit-appearance: none; -webkit-border-radius: 0px; box-shadow: none !important; display: block; font-size: 0.875rem; margin: 2px 0 1rem 0 !important; padding: 17px 0.5rem 17px 35px !important; height: 2.3125rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 13px !important; border-radius: 35px !important; /* border: 1px solid #eee!important; */ position: relative; }

.top-bar .toggle-topbar.menu-icon a span::after { content: ""; position: absolute; display: block; height: 0; top: 50%; margin-top: -8px; right: 15px; box-shadow: 0 0px 0 2px #ccc, 0 7px 0 2px #ccc, 0 14px 0 2px #ccc; width: 10px; }

ul.off-canvas-list li a { display: block; padding: 15px 20px; color: #D5DAE6; border-bottom: 1px solid transparent; transition: background 300ms ease; font-size: 12px; }

.right-off-canvas-menu { background: #202228; }

.move-left .exit-off-canvas { box-shadow: none; }

ul.off-canvas-list li label { border-top: 1px solid transparent; }

.chat-pic { border: 2px solid rgba(255, 255, 255, 0.2); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; display: inline-block; float: left; height: 40px; margin-left: 0; margin-right: 10px; margin-top: 0px; width: 40px; border-radius: 50%; }

.chat-pic-gray { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

.alert-box { border-color: transparent; }

button.small, .button.small { font-size: 14px !important; }

span.error, small.error, .error small.error { background: #F20556; }

[data-abide] .error small.error, [data-abide] .error span.error { background: #F20556; }
[data-abide] span.error, [data-abide] small.error { background: #F20556; }

input.input-top { height: 2.4em; background: transparent !important; border: 1px solid #ddd !important; margin: 5px 15px 0 !important; border-radius: 5px !important; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"] { -webkit-appearance: none; -webkit-border-radius: 0px; background-color: white; font-family: inherit; border-style: solid; border-width: 1px; border-color: #cccccc; box-shadow: none; color: rgba(0, 0, 0, 0.75); display: block; font-size: 0.875em; margin: 0 0 1rem 0; padding: 0.5em; /* height: 2.3125em; */ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }

textarea { -webkit-appearance: none; -webkit-border-radius: 0px; background-color: white; font-family: inherit; border-style: solid; border-width: 1px; border-color: #cccccc; box-shadow: none; color: rgba(0, 0, 0, 0.75); display: block; font-size: 0.875em; margin: 0 0 1rem 0; padding: 0.5em; height: 2.3125em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus { box-shadow: none; border-color: #999999; }

textarea:focus { box-shadow: none; border-color: #999999; }

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus { background: #f8f8f8; border-color: #999999; outline: none; }

textarea:focus { background: #f8f8f8; border-color: #999999; outline: none; }

label { font-size: 13px; }

/* TAB */
.tabs-content > .content.active { display: block; float: none; background: #fff; padding: 30px 30px; }

.tabs dd > a, .tabs .tab-title > a { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: bold; }

.accordion .accordion-navigation > a, .accordion dd > a { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: bold; }
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active { display: block; background: white; padding: 20px 35px; font-size: 14px; }

.container-fluid { padding-left: 0 !important; padding-right: 0 !important; }

/*
Header Navigation */
.nav-bg-trans { background: transparent; border-color: transparent; position: absolute; width: 100%; left: 0; top: 0; padding: 10px 65px; }

.logo-text { color: #808CA0 !important; font-size: 21px; position: relative; top: -8px !important; left: 57px; text-transform: uppercase; font-weight: bold; letter-spacing: -1px; }
.logo-text:hover { text-decoration: none; color: #fff; }
.logo-text small { font-family: "Montserrat Light", sans-serif; font-size: 11px; font-weight: normal; text-transform: capitalize; margin: 0 0 0 11px; color: #eee !important; }

.news-list li strong { margin: 0 5px; }

.noft-btn { position: relative; left: 60px; }
.noft-btn li { display: inline-block; height: 30px; width: 30px; background: #B7C1D3; margin-left: 5px; color: #fff; line-height: 30px; font-size: 13px; border-radius: 15px; padding: 0; cursor: pointer; text-align: center; position: relative; float: left; left: 15px; top: 0px; }
.noft-btn li p { float: left; }

.menu-profile { position: relative; top: 12px; }

.admin-pic { border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; display: inline-block; height: 36px; margin-left: 30px !important; margin-right: 15px !important; margin-top: 0 !important; width: 36px; border-radius: 50%; }

.admin-pic-text { position: relative; top: 0px; font-size: 13px; margin: 0 10px 0 0px; opacity: 0.8; color: #777 !important; }
.admin-pic-text i { position: absolute; top: -15px; left: -25px; font-size: 16px; color: #777 !important; }

.dropdown-pane-nest { padding: 0 !important; }

.profile-nest { width: 200px; border: 1px solid #eee; }
.profile-nest ul { position: relative; }
.profile-nest ul:before { content: ''; position: absolute; border-style: solid; border-width: 0 10px 10px; border-color: #fff transparent; display: block; width: 0; top: -9px; left: 22px; z-index: 1; }
.profile-nest ul:after { content: ''; position: absolute; border-style: solid; border-width: 0 10px 10px; border-color: #cacaca transparent; display: block; width: 0; top: -10px; left: 22px; z-index: 0; }

/*
Search Style */
.dark { position: absolute; top: -7px; left: -28px; z-index: 999; }
.dark:before { content: "\f002"; position: absolute; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; speak: none; display: block; height: 30px; width: 30px; text-align: center; line-height: 30px; top: 10px; left: 45px; color: #8c92a3; }
.dark input[type=text] { border-top: 0px solid #ccc; border-left: 0px solid #ccc; border-right: 0px solid #ccc; color: #ccc; background: rgba(255, 255, 255, 0.4); border-bottom: 0px solid #ccc; margin: 4px 10px 0; border-radius: 25px; padding: 0 0 0 45px; }

.search { padding: 6px 15px 6px 15px; width: 60%; margin-top: -5px; }

.nav > li > a { font-size: 13px !important; }
.nav > li > a:hover, .nav > li > a:focus { background-color: transparent !important; }
.nav .open > a { background-color: transparent !important; }
.nav .open > a:hover, .nav .open > a:focus { background-color: transparent !important; }

/*
Page Container */
#page-container { background: #e6e7e8; overflow: hidden; }

ol.breadcrumb.newcrumb { padding: 0; list-style: none; background-color: transparent !important; border-radius: 0; position: relative; z-index: 999; width: 100%; font-size: 13px; margin: 0; right: 25px; top: 0; }
ol.breadcrumb.newcrumb li a { color: #808CA0 !important; padding: 0; text-transform: capitalize; }
ol.breadcrumb.newcrumb li a span { border-radius: 50%; color: #808CA0 !important; height: 24px; width: 24px; display: inline-block; text-align: center; line-height: 24px; margin: 0 5px 0 5px; }

.breadcrumb > li + li:before { content: "" !important; padding: 0 5px; font-family: "typicons"; font-style: normal; font-weight: normal; color: #8A98B3; margin: 0 2px; }

.table { width: 100%; max-width: 100%; margin-bottom: 20px; font-size: 12px; color: #666; }

/* 
Dropdown menus
*/
.dropdown-menu > li > a { color: #888 !important; }
.dropdown-menu > li > a > .glyphicon, .dropdown-menu > li > a > .fa, .dropdown-menu > li > a > .ion { margin-right: 10px; }

.dropdown-setting > li > a { font-size: 12px !important; }

.dropdown-menu > li > a:hover { background-color: #92CD18; color: #fff !important; }

/*
Drodown in navbars
*/
.main-theme .navbar .dropdown-menu > li > a { color: #92CD18; }

.drop-btn { height: 40px; width: 40px; background: #eee; display: block; text-align: center; line-height: 36px; color: #fff; cursor: pointer; margin: 0 5px; position: relative; padding: 0; border-radius: 50%; border: 1px solid #E3E7EB; }
.drop-btn:hover { opacity: 0.9; }

.label-drop { position: absolute; top: -8px; right: -8px; height: 20px; width: 20px; line-height: 16px; border-radius: 50%; text-align: center; }

.task-list-item { margin: 0 0 0 10px; color: #808CA0 !important; }
.task-list-item h2 { font-size: 13px; font-weight: bold; margin: 8px 0; }
.task-list-item h2 span { float: right; }
.task-list-item h2 span small { color: #808CA0; font-size: 11px; margin: 0 10px 0 5px; }
.task-list-item h1 { font-size: 13px; margin: 0; font-weight: normal; font-style: italic; }
.task-list-item p { font-size: 12px; font-weight: 100; color: #808CA0; }

    /* 
Sidebar Menu
*/
    /*$font-text: 'Varela Round',
sans-serif;*/
body { font-family: "Montserrat Light", sans-serif !important; background: #2f323a; padding: 0; font-size: 13px !important; color: #888 !important; }

.profile { background: #333; width: 100%; position: relative; top: -13px; left: 0; height: 72px; font-size: 13px; margin: 0; padding: 0; z-index: 99; }
.profile img { width: 55px; height: 55px; float: left; opacity: 0.9; position: relative; top: 10px; margin-left: 13px; border-radius: 50%; padding: 7px; }
.profile h3 { color: white; opacity: 1; position: relative; top: 25px; letter-spacing: 0; font-weight: normal; font-size: 18px; left: 15px; }
.profile span { position: relative; left: 12px; top: 30px; color: #fff; }
.profile i { color: #fff; float: right; position: relative; font-size: 14px; cursor: pointer; top: 13px; right: 25px; font-weight: normal; }

#skin-select h3, #skin-select h4 { text-transform: uppercase; }

.fixed-nest-sidebar div { padding: 15px 0 0 0; margin: -15px 0 0 0; }

#skin-select { border-bottom: 1px solid rgba(238, 238, 238, 0.2); position: absolute; top: 10px; width: 250px; left: 0; z-index: 1000; background: #2f323a; }
#skin-select:after { content: ' '; position: absolute; bottom: 0; right: 0; height: 50%; width: 1px; background: rgba(238, 238, 238, 0.2); }
#skin-select #toggle { background: #333; color: white; cursor: pointer; display: block; height: 35px; line-height: 35px; position: absolute; right: -30px; text-align: center; top: 9px; width: 40px; font-size: 13px; z-index: 999; font-style: normal; text-decoration: none; font-weight: normal; border-radius: 0 20px 20px 0; }
#skin-select #toggle:hover { background: #333; }
#skin-select #toggle:before { content: "\e64a"; font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#skin-select #toggle.active { background: #333; color: white; cursor: pointer; display: block; height: 35px; line-height: 35px; position: absolute; right: -30px; text-align: center; top: 9px; width: 40px; font-size: 13px; z-index: 999; font-style: normal; text-decoration: none; font-weight: normal; border-radius: 0 20px 20px 0; }
#skin-select #toggle.active:before { content: "\e649"; font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#skin-select #toggle.active:hover { background: #333; }
#skin-select li span { left: 1px; font-weight: normal !important; position: relative; font-family: "Montserrat Light", sans-serif; font-weight: normal; text-transform: capitalize; }

.edumix-bar-title { font-weight: 700 !important; position: relative; font-family: "Montserrat Light", sans-serif; font-size: 12px; text-transform: uppercase !important; }
.edumix-bar-title:hover { color: transparent !important; }

.menu-hide span { color: red; }

#skin-select li ul li { line-height: 20px; }
#skin-select li b { position: relative; top: 8px; font-size: 8px; color: rgba(255, 255, 255, 0.1); padding: 0 20px 0 0; }
#skin-select li i { font-size: 15px; left: -5px; position: relative; width: 30px; top: 3px !important; display: inline-block; height: 30px; text-align: center; padding: 8px 0 0; border-radius: 100%; }
#skin-select li li i { display: inline-block; font-size: 18px; font-style: normal; left: -5px; line-height: 15px; position: relative; width: 23px; top: 2px; }

.skin-part { padding: 0; position: relative; top: 0; }
.skin-part h3 { text-shadow: none; margin-bottom: 10px; font-family: "sinisukaregular"; }
.skin-part h3 span { background: rgba(0, 0, 0, 0.2); padding: 4px 10px 5px; border-radius: 10px; margin-left: 0px; font-size: 11px; color: #f2f2f2; }
.skin-part h3 small { margin-left: 6px; color: #fff; letter-spacing: 0; background: rgba(255, 255, 255, 0.1); padding: 4px 9px; border-radius: 15px; position: relative; top: -1px; font-size: 9px; }
.skin-part h4 { font-size: 1em; margin: 7px 0 !important; }

.devider-horizontal { width: 100%; height: 2px; display: inline-block; padding: 15px 0 0 0; border-bottom: 2px solid rgba(0, 0, 0, 0.1); }

.devider-title h3 { font-size: 14px; color: #fff; padding: 0 0 0 15px; }

#menu-showhide { margin: -10px 0 0; position: relative; z-index: 0; }

#menu-select { background: rgba(0, 0, 0, 0.3); padding: 0 0 0 40px; position: relative; }
#menu-select:before { content: ""; width: 3px; position: absolute; left: 0; top: 0; height: 100%; }

.side-dash { margin: 10px; padding: 0 10px 0 0; }
.side-dash h3 { color: #FFFFFF !important; font-size: 12px; margin-bottom: 10px !important; padding: 0; }
.side-dash h3 span { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); border-radius: 24px; margin-left: 5px; padding: 5px 12px; text-align: center; }

.side-dashh-list, .side-bar-list { margin-bottom: 25px; margin-left: -30px; width: 195px; }

.side-dashh-list li, .side-bar-list li { font-size: 12px !important; line-height: 1.6em !important; }

.side-dashh-list span { float: right !important; padding-right: 15px; }
.side-dashh-list span i { left: 0 !important; margin-left: 8px; }

.side-bar-list li { font-size: 12px !important; line-height: 4em !important; }

.linebar, .linebar2, .linebar3 { float: right; margin-right: 10px; }

.scroll { float: left; width: 21%; padding: 0; margin-left: 4%; margin-top: 40px; }

.topnav { padding: 40px 28px 25px 0; }

img.icon-menu { margin-left: 10px; margin-right: 3px; margin-top: 3px; }

ul.topnav { margin: 0; font-size: 14px; line-height: 0.5em !important; list-style: none !important; padding: 0; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
ul.topnav li a { color: #eee !important; font-weight: bold; display: block; font-size: 12px; height: 50px; line-height: 50px !important; list-style: none outside none; padding: 0 10px 0 40px; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease 0s; }
ul.topnav li a:hover { background: red; }

li.hide-min-toggle { background: #545CA6; text-align: left !important; font-size: 13px !important; padding: 13px 0 13px 28px !important; font-weight: bold; }

.bottom-list-menu { margin: 30px 0; padding: 0 0 0 20px; }
.bottom-list-menu li { list-style: none; font-size: 12px; padding: 10px 0 10px 15px; color: rgba(255, 255, 255, 0.4); cursor: pointer; word-spacing: 2px; letter-spacing: 0; text-transform: uppercase; }
.bottom-list-menu li small { float: right; font-size: 16px; padding: 5px 20px 0 0; }
.bottom-list-menu li span { height: 30px; border: 2px solid rgba(255, 255, 255, 0.1); float: right !important; width: 30px; text-align: center; font-size: 14px !important; border-radius: 50%; left: -18px !important; line-height: 29px; top: -7px; color: rgba(255, 255, 255, 0.9) !important; }

.chat-list-menu { margin: 30px 0 0; padding: 0 0 0 20px; }
.chat-list-menu .online { font-style: normal !important; color: rgba(255, 255, 255, 0.6); }
.chat-list-menu .online small:before { display: none !important; }
.chat-list-menu .online small:after { content: ""; display: inline-block; width: 9px; height: 9px; background: #06da8d; border-radius: 50%; }
.chat-list-menu li { list-style: none; font-size: 12px; padding: 5px 0 5px 15px; color: rgba(255, 255, 255, 0.4); cursor: pointer; position: relative; letter-spacing: 0; font-style: italic; }
.chat-list-menu li small { margin: 0 5px 0 0; }
.chat-list-menu li:first-child { text-transform: uppercase; font-style: normal; position: relative; }
.chat-list-menu li i { float: right; margin-top: -10px !important; }

.noft-blue { background: #0d8add; padding: 0 7px !important; font-size: 10px; display: block !important; height: 20px; line-height: 20px; margin: 0 !important; border-radius: 15px; position: absolute; top: 20px; right: 25px; }

.side-menu-noft { line-height: 14px; padding: 2px 8px; border-radius: 11px; margin: 0; position: absolute; left: 100px; top: 14px; font-size: 9px; border: 2px solid rgba(255, 255, 255, 0.1); }

    /* 
Show up sidemenu when minimize
*/
    /*
menu
*/
/* We remove the margin, padding, and list style of UL and LI components */
#menuwrapper ul { margin: 0; padding: 0; list-style: none; }
#menuwrapper ul li { margin: 0; padding: 0; list-style: none; width: 50px; cursor: pointer; }
#menuwrapper ul li:hover, #menuwrapper ul li.iehover { position: relative; }
#menuwrapper ul li a { pointer-events: auto; }
#menuwrapper ul li ul { position: absolute; display: none; left: -1000px; }
#menuwrapper ul li:hover ul, #menuwrapper ul li.iehover ul { left: 49px; top: 0px; display: block; width: 190px; padding: 5px 0; background: #25272E; }
#menuwrapper ul li ul li { /*background-color:#cae25a;*/ }
#menuwrapper ul li:hover ul li:hover, #menuwrapper ul li.iehover ul li.iehover { /*background-color:#b1b536;*/ }
#menuwrapper ul li ul li a { color: #454444; display: inline-block; width: 210px; pointer-events: auto; }
#menuwrapper ul li ul li a:hover { color: #000; }
#menuwrapper ul li:hover ul li ul, #menuwrapper ul li.iehover ul li ul { position: absolute; display: none; }
#menuwrapper ul li:hover ul li:hover ul, #menuwrapper ul li.iehover ul li.iehover ul { display: block; left: 150px; top: 0; }
#menuwrapper ul li:hover ul li:hover ul li, #menuwrapper ul li.iehover ul li.iehover ul li { background: #86d3fa; }
#menuwrapper ul li:hover ul li:hover ul li:hover, #menuwrapper ul li.iehover ul li.iehover ul li.iehover { background: #358ebc; }
#menuwrapper ul li:hover ul li:hover ul li a, #menuwrapper ul li.iehover ul li.iehover ul li a { color: #ffffff; }

/* Clear float */
.clear { clear: both; }

.topnav.slicknav li { border-bottom: 1px solid rgba(255, 255, 255, 0.04); }
.topnav.slicknav li ul li { border-bottom: none; }

ul.topnav li a:hover { background: #25272E; color: white !important; text-shadow: none; position: relative; }
ul.topnav ul { margin: 0; padding: 0; display: none; background: #25272E; position: relative; }
ul.topnav ul li { margin: 0; padding: 0; clear: both; list-style: none outside none; }
ul.topnav ul li a { color: #fff; font-size: 12px; font-weight: 100 !important; outline: 0 none; transition: all 0.2s ease 0s; text-align: left; text-transform: capitalize; padding: 6px 0 7px 50px; position: relative; }
ul.topnav ul li a:hover { background-color: transparent; color: #666 !important; }
ul.topnav ul ul li a { color: #444; padding-left: 40px; background: #c8c8c8; transition: all 0.2s ease 0s; }
ul.topnav ul ul li a:hover { background-color: #D3CEB8; color: #0C7CBB; }
ul.topnav h4 { float: right !important; margin-top: -2px; }

/* Smartphones (portrait) ----------- */
/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { /* Styles */
  input.input-top { margin: 30px 15px 15px !important; max-width: 92%; }
  .top-bar { border-bottom: 1px solid #eee; height: 100%; }
  .dropdown-pane-nest { padding: 0 !important; left: 0px !important; width: 100% !important; border-right: 0; border-left: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
  .dropdown-wrap:before, .dropdown-wrap:after { display: none; } }
/*  CONTENT
*/
/*
Boxes
*/
.over-flow-hidden { overflow: hidden !important; }

.box { position: relative; margin: 20px 0; width: 100%; background: #fff; border: 1px solid #eee; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); border-radius: 4px; }

.box-no-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; border: 0px solid #eee !important; }

.box-full { position: relative; margin-bottom: 20px; width: 100%; background: #fff; /* fallback */ }

.box.box-primary { border-top-color: #eaeaec; }
.box.box-info { border-top-color: #0ABAEF; }
.box.box-danger { border-top-color: #F20556; }
.box.box-warning { border-top-color: #FF884D; }
.box.box-success { border-top-color: #92CD18; }
.box.height-control .box-body { max-height: 300px; overflow: auto; }
.box .box-header { position: relative; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom: 0px double #B7C1D3; color: #444; padding-bottom: 0px; background: #fff; }
.box .box-header:before { display: table; content: " "; }
.box .box-header:after { display: table; content: " "; clear: both; }
.box .box-header > .fa, .box .box-header > .glyphicon, .box .box-header > .ion { display: inline-block; padding: 10px 0px 10px 0; margin: 0 0 0 5px; font-size: 14px; float: left; cursor: default; font-weight: bold; color: #8c92a3; }
.box .box-header .box-title { display: inline-block; padding: 10px 0px 10px 0; margin: 0 0 0 5px; font-size: 14px; float: left; cursor: default; font-weight: bold; color: #8c92a3; }
.box .box-header .box-title i { height: 35px; width: 35px; /* background: $text-box-title; */ display: block; text-align: center; line-height: 35px; color: #8c92a3; cursor: pointer; margin: 0 5px; position: relative; padding: 0; border-radius: 50%; float: left; }
.box .box-header .box-title span { position: relative; left: 5px; color: #8c92a3; font-family: "Montserrat Light", sans-serif; top: 7px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }
.box .box-header > .fa, .box .box-header > .glyphicon, .box .box-header > .ion { height: 35px; width: 35px; /* background: $text-box-title; */ display: block; text-align: center; line-height: 35px; color: #8c92a3; cursor: pointer; margin: 0 5px; position: relative; padding: 0; border-radius: 50%; float: left; }
.box .box-header > .fa, .box .box-header > .glyphicon, .box .box-header > .ion { top: 5px; position: relative; left: 5px; color: #8c92a3; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: lighter; }
.box .box-header a { color: #444; }
.box .box-header > .box-tools { padding: 15px 15px 5px 5px; }

.box-tools span { /* background: #D5DAE6; */ width: 30px; height: 20px; display: inline-block; line-height: 28px; text-align: center; border-radius: 50%; color: #D5DAE6; cursor: pointer; }

.box .box-body { padding: 20px; color: #8c92a3; }
.box .box-body p { font-size: 13px !important; }
.box .box-body > table, .box .box-body > .table { margin-bottom: 0; }
.box .box-body.chart-responsive { width: 100%; overflow: hidden; }
.box .box-body > .chart { position: relative; overflow: hidden; width: 100%; }
.box .box-body > .chart svg, .box .box-body > .chart canvas { width: 100% !important; }
.box .box-body .fc { margin-top: 5px; }
.box .box-body .fc-header-title h2 { font-size: 15px; line-height: 1.6em; color: #8c92a3; margin-left: 10px; font-weight: 300; }
.box .box-body .fc-header-right { padding-right: 10px; }
.box .box-body .fc-header-left { padding-left: 10px; }
.box .box-body .fc-widget-header { background: #17335A; text-transform: uppercase; padding: 5px 0; color: #fff; width: 130px; }

.content-box { color: #8c92a3; border-bottom: 1px solid #ddd; padding: 0 0 10px; margin: 0 0 20px; font-size: 13px; line-height: 1.6em; }

.fc-grid .fc-day-number { float: none !important; padding: 20px 0 0 !important; text-align: center !important; font-size: 14px; font-weight: bold; color: #8c92a3 !important; }

.fc-border-separate th, .fc-border-separate td { border-width: 0 !important; }

.box .box-body .fc-grid { width: 100%; border: 0; }
.box .box-body .fc-widget-header:first-of-type, .box .box-body .fc-widget-content:first-of-type { border-left: 0; border-right: 0; }
.box .box-body .fc-widget-header:last-of-type, .box .box-body .fc-widget-content:last-of-type { border-right: 0; }
.box .box-body .table { margin-bottom: 0; }
.box .box-body .full-width-chart { margin: -19px; }
.box .box-body.no-padding .full-width-chart { margin: -9px; }
.box .box-footer { border-top: 1px solid #f4f4f4; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 10px; background-color: #fff; }
.box.box-solid { border-top: 0px; }
.box.box-solid > .box-header .btn.btn-default { background: transparent; }
.box.box-solid.box-primary > .box-header { color: #fff; background: #3c8dbc; background-color: #3c8dbc; }
.box.box-solid.box-primary > .box-header a { color: #444; }
.box.box-solid.box-info > .box-header { color: #fff; background: #0090D9; background-color: #0090D9; }
.box.box-solid.box-info > .box-header a { color: #444; }
.box.box-solid.box-danger > .box-header { color: #fff; background: #f56954; background-color: #f56954; }
.box.box-solid.box-danger > .box-header a { color: #444; }
.box.box-solid.box-warning > .box-header { color: #fff; background: #f39c12; background-color: #f39c12; }
.box.box-solid.box-warning > .box-header a { color: #444; }
.box.box-solid.box-success > .box-header { color: #fff; background: #0AA699; background-color: #0AA699; }
.box.box-solid.box-success > .box-header a { color: #444; }
.box.box-solid > .box-header > .box-tools > .btn { border: 0; box-shadow: none; }
.box.box-solid.collapsed-box .box-header { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.box.box-solid[class*='bg'] > .box-header { color: #fff; }
.box .box-group > .box { margin-bottom: 5px; }
.box .knob-label { text-align: center; color: #333; font-weight: 100; font-size: 12px; margin-bottom: 0.3em; }
.box .todo-list { margin: 0; padding: 0px 0px; list-style: none; }
.box .todo-list > li { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 10px; background: #f3f4f5; margin-bottom: 2px; border-left: 2px solid #e6e7e8; color: #444; }
.box .todo-list > li:last-of-type { margin-bottom: 0; }
.box .todo-list > li.danger { border-left-color: #f56954; }
.box .todo-list > li.warning { border-left-color: #f39c12; }
.box .todo-list > li.info { border-left-color: #0090D9; }
.box .todo-list > li.success { border-left-color: #0AA699; }
.box .todo-list > li.primary { border-left-color: #3c8dbc; }
.box .todo-list > li > input[type='checkbox'] { margin: 0 10px 0 5px; }
.box .todo-list > li .text { display: inline-block; margin-left: 5px; font-weight: 600; }
.box .todo-list > li .label { margin-left: 10px; font-size: 9px; }
.box .todo-list > li .tools { display: none; float: right; color: #f56954; }
.box .todo-list > li .tools > .fa, .box .todo-list > li .tools > .glyphicon, .box .todo-list > li .tools > .ion { margin-right: 5px; cursor: pointer; }
.box .todo-list > li:hover .tools { display: inline-block; }
.box .todo-list > li.done { color: #999; }
.box .todo-list > li.done .text { text-decoration: line-through; font-weight: 500; }
.box .todo-list > li.done .label { background: #eaeaec !important; }
.box .todo-list .handle { display: inline-block; cursor: move; margin: 0 5px; }
.box .chat { padding: 5px 20px 5px 10px; }
.box .chat .item { margin-bottom: 10px; }
.box .chat .item:before { display: table; content: " "; }
.box .chat .item:after { display: table; content: " "; clear: both; }
.box .chat .item > img { width: 40px; height: 40px; border: 2px solid transparent; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; }
.box .chat .item > img.online { border: 2px solid #0AA699; }
.box .chat .item > img.offline { border: 2px solid #f56954; }
.box .chat .item > .message { margin-left: 55px; margin-top: -40px; }
.box .chat .item > .message > .name { display: block; font-weight: 600; }
.box .chat .item > .attachment { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f0f0f0; margin-left: 65px; margin-right: 15px; padding: 10px; }
.box .chat .item > .attachment > h4 { margin: 0 0 5px 0; font-weight: 600; font-size: 14px; }
.box .chat .item > .attachment > p, .box .chat .item > .attachment > .filename { font-weight: 600; font-size: 13px; font-style: italic; margin: 0; }
.box .chat .item > .attachment:before { display: table; content: " "; }
.box .chat .item > .attachment:after { display: table; content: " "; clear: both; }
.box > .overlay, .box > .loading-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.box > .overlay { z-index: 1010; background: rgba(255, 255, 255, 0.7); }
.box > .overlay.dark { background: rgba(0, 0, 0, 0.5); }
.box > .loading-img { z-index: 1020; background: transparent url("../img/ajax-loader1.gif") 50% 50% no-repeat; }

#paper-bg { background: #fff; min-height: 1040px; margin: 0 0 -35px; padding: 0 15px 85px; position: relative; border-right: 1px solid #eee; }
#paper-bg:before { background: red; position: absolute; display: block; height: 100%; width: 200px; top: 0; left: 0; }

.wrap-fluid { padding: 20px; width: 100%; }

.wrap-sidebar-content { background: #3E4E68; }

.form_center { margin: 0 auto; width: 70%; }

.top-val { margin-bottom: 20px; }

.put-dash { background-color: rgba(0, 0, 0, 0.05) !important; }

.header-icon { height: 35px; width: 20px; float: left; margin: 2px 0 0 20px; text-align: center; padding: 5px 0 0; line-height: 25px; }
.header-icon i { font-size: 12px; color: #808CA0 !important; }

.tittle-content { border-bottom: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 #fff; display: none; height: 40px; padding: 15px 0 0; }

.tittle-content-header { color: #f79365 !important; font-family: "Open Sans"; font-size: 18px; font-weight: normal; margin: 10px 0 0 4px; text-transform: uppercase; padding: 0 15px; }
.tittle-content-header small { text-transform: none; margin: 0 0 0 5px; color: #8c92a3; }
.tittle-content-header > span > i { font-size: 13px; font-style: normal; font-weight: normal; text-transform: capitalize; }
.tittle-content-header span { border-left: 1px solid #CCCCCC; margin-left: 0; padding-left: 10px; }

.subtitle-header { font-size: 12px; text-transform: capitalize; color: #87909e !important; margin: 0 0 0 15px; }

.sub-board { position: relative; background: #E8EBF0; height: 50px; border-bottom: 1px solid #E3E7EB; border-top: 3px solid #E3E7EB; padding-top: 3px; }
.sub-board h4 { font-size: 12px; color: #87909e; padding: 0 15px; }
.sub-board ul { position: absolute; right: 0; top: 0; }

.date-top li { font-size: 12px; color: #87909e; position: relative; top: -20px; }

/*
FOOTER
*/
footer { background: #fff; margin: 0 -15px; border-top: 1px solid #eee; position: absolute; width: 100%; bottom: 35px; }

#footer { font-size: 12px; height: 45px; width: 100%; z-index: 0; line-height: 45px; margin: 0 0px 0 0; padding: 0 30px 0 0px; color: rgba(98, 113, 155, 0.7); text-align: right; }
#footer a { color: rgba(98, 113, 155, 0.9) !important; }
#footer ul { float: right; margin: 0 15px; text-decoration: none; }
#footer ul li { color: #92CD18; display: inline-block; font-size: 18px !important; padding: 0; text-decoration: none; }

.copyright { bottom: 0; color: #666666; float: right; font-size: 12px !important; padding: 0 15px; position: relative; }

.devider-footer { border-left: 1px solid #d2dae1; float: right; height: 40px; margin-top: -10px; width: 4px; }

.devider-left { border-left: 1px solid #DDDDDD; float: left; height: 50px; width: 4px; }

/* Off Canvas settings */
.off-canvas.position-right { border-left: 1px solid #ddd; }

.nav.navbar-stacked { overflow: hidden; padding: 0; margin: 0; list-style: none; }
.nav.navbar-stacked li { border-bottom: 1px solid #eee; position: relative; padding: 15px 10px 15px 35px; border-bottom: 1px solid #eee; position: relative; }
.nav.navbar-stacked li a { padding: 10px 0 !important; color: #555 !important; text-indent: -40px; margin-left: 25px; display: block; }
.nav.navbar-stacked li a span { color: #fff; background-color: #000; border-radius: 50%; line-height: 30px; text-align: center; margin: 0 10px 0 0; padding: 8px; }
.nav.navbar-stacked li a i { color: #ccc; font-size: 10px !important; position: relative; left: -5px; }
.nav.navbar-stacked li a small { text-align: right; background: #fff; color: #ccc; border: 1px solid #ddd; padding: 3px 7px; border-radius: 15px; margin: 0 0 0 7px; font-size: 10px; }
.nav.navbar-stacked li a img { width: 95%; padding: 0; border-radius: 4px; margin: 10px 0; }
.nav.navbar-stacked.sidebar-right-content { padding-bottom: 150px; }

#mediaModal { top: 0 !important; }
#mediaModal h3 { border: none; }
#mediaModal #returnAjax { background: #eee; margin: 0 -1rem -1rem; padding: 1rem; }

.mce-panel { z-index: 9999 !important; }

.mce-reset { z-index: 1000 !important; }

.mediaBox { background-color: #f5f5f5; }
.mediaBox .box-body { padding: 0; }
.mediaBox .box-header { margin-left: 0 !important; }
.mediaBox .box-header .box-title { margin-left: 0 !important; }
.mediaBox .box-header i { margin-left: 0 !important; width: 20px !important; }

.folderTitle { color: #444; display: block; }
.folderTitle p { display: inline-block; vertical-align: middle; margin-bottom: 0; }
.folderTitle a { display: inline-block; float: right; vertical-align: middle; margin-bottom: 0; }

.headerNotClick { cursor: auto; }
.headerNotClick i { cursor: default; }
.headerNotClick i::before { cursor: default; }
.headerNotClick i::after { cursor: default; }

.box .box-header .box-title span.youAreHere { color: #444; top: 0; left: 0; }

.gridVariation { border: solid 1px #c6c6c6; }
.gridVariation .grid-x .cell { background-color: #eee; overflow: hidden; height: 30px; border-right: 0px; }
.gridVariation .grid-x .cell p { display: none; }
.gridVariation .grid-x .cell:nth-of-type(2n) { background-color: #e1e1e1; }

#GridRWDModal button { margin-top: 10px; }

.mediaPlik { width: 140px; height: 140px; border-radius: 2px; display: inline-block; overflow: hidden; margin: 3px; padding: 2px; position: relative; background-color: #FFF; box-shadow: #999 0 0 4px; }
.mediaPlik .obiektMediaHover { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; z-index: 9; top: 0; display: none; }
.mediaPlik .obiektMediaHover .insertButtonFileHover { top: 50%; transform: translateY(-50%) translateX(-50%); position: absolute; left: 50%; }
.mediaPlik img { max-width: 136px; max-height: 136px; width: 100%; height: 100%; object-fit: cover; }
.mediaPlik .obiektMedia { position: relative; width: 136px; height: 136px; display: table-cell; text-align: center; vertical-align: middle; }
.mediaPlik .obiektMedia i { font-size: 60px; }
.mediaPlik .tytulPliku { display: block; width: 136px; padding: 0 5px; word-wrap: break-word; transform: translateY(-20px); background: #FFF; color: rgba(47, 50, 58, 0.6); font-size: 10px; line-height: 20px; }
.mediaPlik .opcje { display: block; bottom: 1px; position: absolute; width: 20px; height: 20px; margin-bottom: 106px; margin-left: 106px; z-index: 12; }
.mediaPlik .opcjePliku { width: 132px; margin-top: 20px; margin-left: -104px; display: block; }
.mediaPlik .opcjePliku li { text-align: center; height: 30px; }
.mediaPlik .opcjePliku li span { line-height: 30px; }
.mediaPlik:hover .obiektMediaHover { display: block; }
.mediaPlik:hover .buttonOpcje { background-color: #fff; }

.zmiennazwe { margin: 20px; }
.zmiennazwe button { display: inline-block; }
.zmiennazwe input { display: inline-block; }

.kreska { width: 140px; height: 2px; display: block; position: absolute; bottom: 0px; background-color: #FFF; }

.mediaPlik:hover { background: rgba(153, 153, 153, 0.3); cursor: pointer; box-shadow: #84b512 0 0 5px; }
.mediaPlik:hover i { background: none; border: none; }
.mediaPlik:hover .tytulPliku { border: none; transform: translateY(-100%); transition: all 0.2s ease-in-out; }
.mediaPlik:hover img { border: none; }

.funkcjonalnosc { width: 140px; background-color: transparent; box-shadow: rgba(153, 153, 153, 0.4) 0 0 4px; }
.funkcjonalnosc .tytulPliku { width: 136px; }

.buttonOpcje { background-color: rgba(255, 255, 255, 0.3); display: block; width: 18px; height: 18px; border-radius: 50%; box-shadow: #FFF 0 0 2px; cursor: pointer; }
.buttonOpcje i { font-size: 12px; line-height: 18px; color: rgba(47, 50, 58, 0.8); }

.comeback { height: 40px; line-height: 40px; padding: 0 10px; display: block; font-size: 16px; color: #5a910d; }

.folderBlock { width: auto; margin: 10px 0 15px 0; position: relative; }
.folderBlock .clickMedia { display: inline-block; vertical-align: top; }
.folderBlock .opcje { display: inline-block; position: absolute; margin: 10px 0 0 0; vertical-align: top; right: 5px; top: 0px; }
.folderBlock .mediaPlik { height: 40px; line-height: 40px; font-size: 14px; padding: 0 10px; overflow: visible; }
.folderBlock .obiektMedia { min-width: 130px; height: 40px; display: inline-block; text-align: left; vertical-align: top; width: auto; overflow: hidden; }
.folderBlock .obiektMedia i { font-size: 16px; }

.filesBlock { margin: 10px 0 0 0; }

.addPlik { max-width: 300px; width: 100%; background: #FFF url("../img/spritemap.png") no-repeat 5px center; background-size: contain; }

.addPlik:hover { background: url("../img/spritemap.png") no-repeat 5px center; background-size: contain; }

#drop-area { height: 100%; width: 100%; }

.dataDirectory { display: none; }

.dataFile { display: none; }

#addFolder { position: absolute; left: 50% !important; transform: translateX(-50%); min-width: 300px; }

.deleteFolderModal { position: absolute; left: 50% !important; transform: translateX(-50%); }

.changeFolderModal { position: absolute; left: 50% !important; transform: translateX(-50%); }

.deleteFileModal { position: absolute; left: 50% !important; transform: translateX(-50%); }

.renameFileModal { position: absolute; left: 50% !important; transform: translateX(-50%); min-width: 300px; }

#dropdown { display: inline-block; }

#fileImg { max-width: 90%; max-height: 180px; }

.box .box-body p.fileInfoTitle { font-size: 11px !important; font-weight: bold; line-height: 1; margin-bottom: 10px; overflow: hidden; }
.box .box-body p.fileInfoTitle span { font-weight: normal; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

#imgFileInfo { max-height: 180px; max-width: 420px; width: 100%; display: inline-block; vertical-align: top; overflow: hidden; }

.fileInfoText { display: inline-block; top: 1px; vertical-align: top; width: 100%; }

.fileInfoBox .configBoxButtonsTinyMCE { visibility: visible; display: none; right: 0; }

#insertButtonLink { margin-top: 10px; }

@media (max-width: 850px) { .fileInfoBox1 { height: 100%; } }
.copyURLbox { margin-top: 20px; }

.copyURL { font-size: 12px; font-weight: bold; margin-top: 20px; color: #999; position: relative; }

.fileName { height: 43px; display: block; }

#fileUrl { cursor: pointer; color: #999; }

.infoCopyUrl { display: block; position: absolute; background-color: #2f323a; padding: 10px 20px; border-radius: 5px; box-shadow: #999 0 0 5px; top: 0; color: #FFF; margin: 5px 20px; font-weight: normal; opacity: 0; }

.opcjePliku button { color: #84b512; }
.opcjePliku button:hover { color: #5a910d; }

.pojedynczyFormularz { margin-top: 30px; }

.reveal-overlay { z-index: 9999; }

#linkiModal { max-width: 600px; }
#linkiModal input, #linkiModal select { margin: 0; }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(../fonts/roboto/Roboto-Light.ttf) format("truetype"); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url(../fonts/roboto/Roboto-LightItalic.ttf) format("truetype"); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(../fonts/roboto/Roboto-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url(../fonts/roboto/Roboto-Italic.ttf) format("truetype"); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(../fonts/roboto/Roboto-Medium.ttf) format("truetype"); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url(../fonts/roboto/Roboto-MediumItalic.ttf) format("truetype"); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url(../fonts/roboto/Roboto-Bold.ttf) format("truetype"); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url(../fonts/roboto/Roboto-BoldItalic.ttf) format("truetype"); }
body { font-family: 'Roboto', sans-serif !important; }

h1, h2, h3, h4, h5, h6, h7 { font-family: 'Roboto', sans-serif !important; }

#preloader { z-index: 10001; }

input::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #aaa; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #aaa; }
input::placeholder, textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #aaa; opacity: 1; /* Firefox */ }

.box:not(.boxDashboard) { padding: 0; }
.box:not(.boxDashboard) .box-body { margin-top: 20px !important; }
.box:not(.boxDashboard) .box-header { background: #f0f3f5 !important; border-top: 1px solid #c8ced3b3 !important; }
.box:not(.boxDashboard) .box-title { max-width: 80%; }

.mce-branding { display: none !important; }

.showTinyPreview { padding-bottom: 20px; }
.showTinyPreview .mce-panel { border: 0 !important; }
.showTinyPreview .mce-tinymce { box-shadow: none !important; border: 1px solid #eee !important; padding: 5px !important; border-radius: 3px !important; }

h1.titleSite { font-size: 35px; color: #2f323a; }
h1.titleSite i { color: #84b512; margin-right: 20px; font-size: 30px; }

.title-site-wrapper { border-bottom: 1px dashed #cdcdcd; margin-bottom: 15px; padding-bottom: 25px; }
.title-site-wrapper:after { clear: both; content: ''; display: block; width: 100%; }
.title-site-wrapper .icon-wrapper { float: left; margin-right: 30px; }
.title-site-wrapper .icon-wrapper i { color: #5a910d; font-size: 60px; line-height: 60px; vertical-align: top; }
.title-site-wrapper .icon-wrapper i:before { margin: 0; }
.title-site-wrapper .title-wrapper { vertical-align: top; }
.title-site-wrapper .title-wrapper h1 { color: #2f323a; font-size: 35px; margin: 0; }
.title-site-wrapper .title-wrapper p { margin-top: -5px; margin-bottom: 0; }

table .button { margin: auto; }

a { color: #84b512; }
a i { margin-right: 5px; }

a:hover, a:focus { color: #5a910d; }

.primary { background-color: #84b512; }

.button.primary { background-color: #84b512; }

.button.primary:hover, .button.primary:focus { background-color: #5a910d; }

.button { background-color: #84b512; border-radius: 2px; }

.button.info { background-color: #999; }

.button.info:hover, .button.info:focus { background-color: #2f323a; }

.button:hover, .button:focus { background-color: #5a910d; }

hr { min-width: 100%; }

.opacity-50 { opacity: 0.5; }

.box { padding: 5px 15px; }

.box .box-header .box-title span { letter-spacing: 0px; }

input { border-radius: 2px !important; }

textarea { border-radius: 2px; }

select { border-radius: 2px; }

.navigationBottom { margin-top: 20px; }

.hiddenBlock { display: none; }

.breadcrumbs li a { display: inline-block; }
.breadcrumbs ::before { display: inline-block; }

.ukryty { visibility: hidden; }

.widoczny { visibility: visible; }

.thumbnail { margin-bottom: 0; }

.configBoxButtons { width: 200px; }

.box .box-header .box-tools a.button { color: #FFF; }

.collapsed-box .icon-up-open::before { content: '\e87b'; }

.buttonsItems { padding: 3px; display: none; line-height: 15px; font-size: 12px; }
.buttonsItems a { color: rgba(47, 50, 58, 0.7); }
.buttonsItems a:hover { color: #2f323a; }

.buttonItemsBox { display: block; height: 20px; width: 220px; margin-top: 10px; }

.configBoxButtons { box-shadow: 0 0 5px rgba(47, 50, 58, 0.3); padding: 0; }
.configBoxButtons ul { margin-bottom: 0; }
.configBoxButtons li { border-bottom: 1px solid rgba(47, 50, 58, 0.1); }
.configBoxButtons li a { padding: 7px 5px; display: block; }
.configBoxButtons li a span { line-height: 1.2; width: 100%; color: rgba(47, 50, 58, 0.7); height: 100%; text-align: left; padding-left: 25px; position: relative; }
.configBoxButtons li a span i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.configBoxButtons li a:hover span { color: #2f323a; }
.configBoxButtons li:last-of-type { border-bottom: none; }
.configBoxButtons li.odciecie { border-bottom: 1px solid rgba(47, 50, 58, 0.2); border-top: 1px solid rgba(47, 50, 58, 0.2); margin-top: 1px; color: rgba(47, 50, 58, 0.5); text-align: center; }
.configBoxButtons li.odciecie button span { line-height: 40px; width: 100%; height: 100%; color: rgba(47, 50, 58, 0.5); }
.configBoxButtons li.odciecie button:hover span { color: #2f323a; }

.js-off-canvas-overlay.is-overlay-fixed.is-visible.is-closable { z-index: 9999; }

.canvasRightSite { z-index: 10000 !important; }

.box-header form { display: inline-block; margin-left: 20px; width: 300px; }
.box-header form input[type="search"] { height: 30px; margin-top: 10px; }
.box-header form select { height: 30px; margin-top: 12px; font-size: 12px; padding: 5px; padding-right: 20px; }

.collapsed-box .box-header form { display: none; }

.box-header .searchDataTables { display: inline-block; width: 100%; max-width: 300px; margin-left: 20px; margin-top: 10px; height: 30px; }

.collapsed-box .box-header .searchDataTables { display: none; }

.datePicker, .datePickerStart, .datePickerStop { width: 242px !important; }

tr:hover .buttonsItems { display: block; }

.resultSearchRow:hover .buttonsItems { display: block; }

.box-body table a b { font-weight: 500; }

.nonebackground { background: none !important; }

h3[data-widget="collapse"], h3[data-widget="collapse"] i { cursor: pointer !important; }

.box { box-shadow: -2px 3px 7px rgba(0, 0, 0, 0.08), 2px 3px 7px rgba(0, 0, 0, 0.08); }
.box .box-header small { margin-top: 20px; display: inline-block; margin-left: 40px; }

#paper-bg { background: #eee; }

.chosen-container { max-width: 100%; }
.chosen-container .chosen-search-input { min-width: 120px; }

.select2-container { max-width: 100%; }

.box-body .row .large-2.columns p:first-of-type { margin-bottom: 0; }

.side-menu-noft { left: 175px; top: 5px; }

.select2 { width: 100% !important; }
.select2 .select2-container { height: 32px !important; }

.textLenghtMeta { position: absolute; top: 33px; right: 5px; color: #ccc; }

.metaTags input, .metaTags textarea { padding-right: 40px; }
.metaTags .news-add-form { position: relative; }

.reveal > h3 { font-size: 1.25rem; padding-left: 15px; padding-bottom: 0; margin-bottom: 0; border-bottom: 1px solid #e6e6e6; font-weight: 500; color: #000; }
.reveal > .row .columns > h3 { font-size: 1.25rem; padding-left: 15px; padding-bottom: 0; margin-bottom: 0; border-bottom: 1px solid #e6e6e6; font-weight: 500; color: #000; margin-bottom: 10px; }

.helpIcon { margin-left: 15px; font-size: 16px; color: #9cbf6a; }
.helpIcon::before { content: '\f128'; }

.box-body .large-2 p { position: relative; padding-right: 15px; display: block; }
.box-body .large-2 p .helpIcon { position: absolute; line-height: 20px; right: 0; top: 2px; }
.box-body .large-2 p label { font-weight: inherit; color: inherit; }

.select2-container { z-index: 9999; }

.tooltip { z-index: 99999; }

.buttonAddNew { white-space: nowrap; vertical-align: middle; margin-bottom: 0; }

.collapsed-box .box-header .buttonAddNew { display: none; }

.title-site-wrapper { border-bottom: 1px dashed #cdcdcd; margin-bottom: 15px; padding-bottom: 25px; }
.title-site-wrapper:after { clear: both; content: ''; display: block; width: 100%; }
.title-site-wrapper .icon-wrapper { float: left; margin-right: 30px; }
.title-site-wrapper .icon-wrapper i { color: #5a910d; font-size: 60px; line-height: 60px; vertical-align: top; }
.title-site-wrapper .icon-wrapper i:before { margin: 0; }
.title-site-wrapper .title-wrapper { vertical-align: top; }
.title-site-wrapper .title-wrapper h1 { color: #2f323a; font-size: 35px; margin: 0; }
.title-site-wrapper .title-wrapper p { margin-top: -5px; margin-bottom: 0; }

.box .boxNewsIndex { padding-top: 0; }

.paginationBox { text-align: right; margin-top: 10px; }
.paginationBox select[name=per_page] { width: 130px; height: 30px; border-radius: 2px; font-size: 11px; padding: 5px 25px 5px 5px; }
.paginationBox form { display: inline-block; margin-right: 30px; }
.paginationBox .pagination { display: inline-block; }
.paginationBox .pagination .current { font-size: 11px; background: #5a910d; border-radius: 2px; }
.paginationBox .pagination .page, .paginationBox .pagination .pagination-next, .paginationBox .pagination .pagination-last, .paginationBox .pagination .pagination-previous, .paginationBox .pagination .pagination-first { font-size: 11px; border-radius: 2px; }

.paginationBoxCenter { text-align: center !important; margin-top: 0px; }
.paginationBoxCenter .pagination { margin-bottom: 10px; }

.top-bar { background: #25272E; min-height: 73px; height: auto; line-height: 1; padding-top: 20px; }
.top-bar .text-menu-grey-WB[aria-expanded="false"] .icon-up-open-1 { display: none; }
.top-bar .text-menu-grey-WB[aria-expanded="true"] .icon-down-open-1 { display: none; }
.top-bar ul { background: none; }
.top-bar .text-menu-grey-WB { color: #9e9e9e; display: inline-block; padding-bottom: 10px; }
.top-bar .info-canvas-wb { background: #1976D2; border-radius: 50%; width: 37px; height: 37px; line-height: 37px; padding: 0 7px !important; }
.top-bar .info-canvas-wb i { color: #fff; margin: auto; margin-left: 3px; }
.top-bar .menu-show-site { padding-right: 10px; display: inline-block; }
.top-bar .menu-show-site a { margin-top: 7px; opacity: 0.8; padding: 5px 10px; }
.top-bar .menu-show-site a span { font-size: 12px; }
.top-bar .menu-show-site a i { font-size: 16px; }
.top-bar .profile-nest { border: 1px solid #858585; margin-top: 25px; }
.top-bar .profile-nest ul { padding: 5px; }
.top-bar .profile-nest ul .underlineBorder { border-bottom: 1px dashed rgba(133, 133, 133, 0.3); padding-bottom: 5px; }
.top-bar .profile-nest ul i.iconuseredit { color: #8c92a3; width: auto; height: auto; line-height: 1; }
.top-bar .profile-nest .logoProfileDrop { display: inline-block; width: 40px; position: relative; padding: 5px; vertical-align: middle; }
.top-bar .profile-nest .logoProfileDrop div { width: 30px; height: 30px; border-radius: 50%; line-height: 30px; }
.top-bar .profile-nest .logoProfileDrop div i { color: #fff; font-size: 16px; margin-left: 3px; }
.top-bar .profile-nest .InfoProfileDrop { display: inline-block; width: 140px; position: relative; vertical-align: middle; }

.menu > li.menu-language > a { display: inline-block; padding: .7rem .1rem; }

.menu-profile { top: 0; }
.menu-profile .hover .icon-down-open-1::before { content: '\e939'; }

.top-bar .profile-nest ul a.palette-Red-50 i.iconuseredit { color: red; }

.top-bar .profile-nest ul a.palette-Blue-50 i.iconuseredit { color: #1976D2; }

.top-bar .profile-nest ul a.palette-Orange-50 i.iconuseredit { color: orange; }

.top-bar .profile-nest ul a.palette-Brown-50 i.iconuseredit { color: brown; }

.greyButtonSeeWeb { background: #ddd; color: #1d1d1d; }
.greyButtonSeeWeb:hover { background: #ababab; }

.logoMobile { max-height: 40px; }

.slicknav_menu .slicknav_icon { margin-top: 15px; }

.profile { height: 120px; }
.profile img { border-radius: 0; }

#skin-select #toggle::before { content: "\E87C"; font-family: "fontello"; }

#skin-select #toggle.active::before { content: "\E87D"; font-family: "fontello"; }

#skin-select li i { line-height: 1; }

#skin-select li li i { color: #FFF; width: 30px; left: 0 !important; }

#skin-select li li a:hover i { color: #FFF; }

ul.topnav ul ul li a { background: transparent; padding-left: 15px; }

ul.topnav ul ul li a:hover { background: transparent; font-weight: 500; }

#menuwrapper ul li:hover ul li:hover ul li:hover { background: transparent; }

#menuwrapper ul li:hover ul li:hover ul li { background: transparent; }

#menuwrapper ul li ul li ul { margin-left: 40px; }

#menuwrapper ul li ul li ul a { background: transparent; }

#menuwrapper ul li ul li ul { background: transparent; }

#menuwrapper ul li ul li ul li { background: transparent; }

ul.topnav ul li a { padding: 6px 0 7px 14px; }

ul.topnav ul ul { padding: 0px 25px !important; }

.palette-Green-Menu.bg { background-color: #5a910d !important; }

.palette-Green-Menu.text { background-color: #5a910d !important; }

.kolorIkony.bg { color: #5a910d !important; background-color: transparent !important; }

.kolorIkony.text { color: #5a910d !important; background-color: transparent !important; }

.palette-Blue-Menu.bg { background-color: #1976D2 !important; }

.palette-Blue-Menu.text { background-color: #1976D2 !important; }

.kolorIkonyBlue.bg { color: #1976D2 !important; background-color: transparent !important; }

.kolorIkonyBlue.text { color: #1976D2 !important; background-color: transparent !important; }

.palette-Yellow-Menu.bg { background-color: #f9c231 !important; }

.palette-Yellow-Menu.text { background-color: #f9c231 !important; }

.kolorIkonyYellow.bg { color: #f9c231 !important; background-color: transparent !important; }

.kolorIkonyYellow.text { color: #f9c231 !important; background-color: transparent !important; }

.box .box-btn .icon-ellipsis-vert { font-size: 18px; color: black; }

#menu-showhide .icon-desktop { text-indent: -0.3px; }

#menu-showhide .icon-newspaper { text-indent: -1.3px; }

.bottom-list-menu li small { padding: 0px 20px 0 0; }

.nav.navbar-stacked li a span { padding: 6px; text-indent: 0px; }

.nav.navbar-stacked li a i { left: 15px; }

.box .box-header .box-title i { cursor: default; }

.box-tools span { color: rgba(47, 50, 58, 0.5); vertical-align: middle; }
.box-tools span i { vertical-align: top; }

.has-tip { border-bottom: 0; }

.profile-logo { background: #2f323a; width: 100%; position: relative; top: -13px; left: 0; text-align: center; font-size: 13px; margin: 0; z-index: 99; padding: 20px 10px 10px 10px; }
.profile-logo img { max-height: 55px; }
.profile-logo img.smalllogo { display: none; }

#skin-select #toggle { background: #2f323a; }

.profile-logo.smallLogo img.smalllogo { display: block; }
.profile-logo.smallLogo img.biglogo { display: none; }

.ikonaAdmin { color: white; font-size: 18px; line-height: 1em; padding-top: 8px; padding-left: 5px; }

footer { background-color: #2f323a; padding: 10px; border-top: none; position: relative; bottom: auto; width: auto; }
footer .webimpulsLogo { max-width: 260px; }
footer a { color: #929397; font-weight: bold; }
footer p { color: #929397; max-width: 450px; text-align: justify; }
footer .footerLeft { padding: 20px 50px; }
footer .footerRight { padding: 20px 50px; }
footer .footerRight .biglogo { max-width: 120px; width: 100%; }
footer .footerRight small { margin-left: 15px; vertical-align: bottom; display: inline-block; }
footer .footerRight a { display: inline-block; }
footer .footerRight .menu-show-site { margin-top: 60px; }

@media screen and (min-width: 1120px) { footer { padding-left: 260px; } }
#AdminDeleteInput { margin-left: 20px; }
#AdminDeleteInput i { font-size: 14px; }

input:checked ~ .switch-paddle { background: #5a910d; color: #FFF; }

.dataTables_wrapper .dataTables_info { display: block; float: none; color: #767676; font-size: 11px; }
.dataTables_wrapper .dataTables_length { display: block; margin-top: 10px; }
.dataTables_wrapper .dataTables_length select { width: 50px; height: 30px; padding: .2rem; font-size: 0.7rem; background-position: right 0.2rem center; }
.dataTables_wrapper .dataTables_filter { float: left; width: 40%; }
.dataTables_wrapper .dataTables_filter label { text-align: left; text-indent: 10px; }
.dataTables_wrapper .dataTables_filter label input { width: 100%; }

.showAdmin::before { font-size: 20px; line-height: 15px; }

.switch-admin { display: block; width: auto; text-align: left; margin: 10px 30px 10px 0; }

.formAlert ul { font-size: 10px; list-style: none; margin-bottom: 0; }

.dwieKolumny { max-width: 400px; border: 1px solid #999; }

.trzyKolumny { max-width: 550px; border: 1px solid #999; }

.czteryKolumny { max-width: 700px; border: 1px solid #999; }

.sortable:after { margin-left: 10px; font-family: fontello; content: '\f0dc'; }

.asc:after { margin-left: 10px; font-family: fontello; content: '\f0de'; }

.desc:after { margin-left: 10px; font-family: fontello; content: '\f0dd'; }

.tableResp { overflow: auto; }

table.dataTable.no-footer { border-bottom: 1px solid rgba(47, 50, 58, 0.5) !important; }

table.dataTable thead th, table.dataTable thead td { border-bottom: 1px solid rgba(47, 50, 58, 0.5) !important; }

table.dataTable { border: 1px solid #ccc; }

table.dataTable thead th, table.dataTable thead td { padding: 2px 10px !important; min-width: 25px; }

table.dataTable a { color: #000; }
table.dataTable a b { color: #8c92a3; }

#ajaxSuggestions { border-radius: 30px; background: #2f323a; box-shadow: 0 0 15px rgba(0, 0, 0, 0.8); border: none; color: #FFF; padding: 35px; }
#ajaxSuggestions h1 { font-size: 35px; }
#ajaxSuggestions p { margin-top: 25px; }
#ajaxSuggestions label { color: #FFF; font-size: 15px; display: inline-block; vertical-align: middle; line-height: 38px; }
#ajaxSuggestions .columns { padding: 0; }

.js-off-canvas-overlay { background: rgba(0, 0, 0, 0.4); }

.canvasRightSite { width: 400px; padding: 20px; }
.canvasRightSite hr { border-bottom: 1px dashed #b9b9b9; }
.canvasRightSite p, .canvasRightSite h4, .canvasRightSite h3 { color: #3e3e3e; }
.canvasRightSite .padding-left-2 { padding-left: 20px; }
.canvasRightSite .repportSugRight { display: block; background: #2f323a; width: 100%; position: relative; }
.canvasRightSite .repportSugRight i { position: absolute; right: 20px; top: 11px; opacity: 0.4; }
.canvasRightSite form button { width: 100%; }
.canvasRightSite .successSend, .canvasRightSite .errorSend { width: 100%; display: block; }

a.adminblue { color: #1779ba; }

button.adminblue { background: #1779ba; }

.breadcrumbsBox { background: #F9F9F9; margin: 0 -15px 25px -15px; height: 49px; }
.breadcrumbsBox .searchForm { margin-top: 4px; position: relative; }
.breadcrumbsBox input { display: inline-block; padding-right: 39px; }
.breadcrumbsBox button { height: 37px; width: 37px; background: transparent; display: inline-block; position: absolute; right: 1px; top: 1px; cursor: pointer; color: #ccc; }

.ui-autocomplete { padding: 10px; }
.ui-autocomplete .ui-autocomplete-category { font-weight: bold; margin-top: 10px; font-size: 15px; }

.bg-menu-administration { background-color: #0d47a1; }

.bg-menu-configuration { background-color: #512da8; }

.bg-menu-content { background-color: #5a910d; }

.bg-menu-micro-web-crm { background-color: #0097a7; }

.bg-menu-modules-addons { background-color: #00897b; }

.bg-menu-pulpit { background-color: #afb42b; }

.bg-menu-template-extension { background-color: #5a910d; }

.bg-menu-ecommerce, .bg-menu-web-portal { background-color: #1976d2; }

.color-menu-administration { color: #0d47a1 !important; }

.color-menu-configuration { color: #512da8 !important; }

.color-menu-content { color: #5a910d !important; }

.color-menu-micro-web-crm { color: #0097a7 !important; }

.color-menu-modules-addons { color: #00897b !important; }

.color-menu-pulpit { color: #afb42b !important; }

.color-menu-template-extension { color: #5a910d !important; }

.color-menu-ecommerce, .color-menu-web-portal { color: #1976d2 !important; }

.menu-inactive { opacity: 0.4; }

.changeDepartment { max-width: 300px; width: 100%; min-width: 250px; color: #2f323a; font-size: 13px; border: 1px solid #ccc; cursor: pointer; padding: 3px 25px 3px 5px; height: 30px; margin-top: 0; }

.select2.select2-container { margin-bottom: 1rem !important; }
.select2.select2-container--default .select2-selection, .select2.select2-container--default .select2-selection--multiple { border-color: #ccc; border-radius: 2px; }
.select2.select2-container--default .select2-selection.is-invalid-input:not(:focus), .select2.select2-container--default .select2-selection--multiple.is-invalid-input:not(:focus) { border-color: #cc4b37; background-color: #f9ecea; }
.select2.select2-container--default .select2-selection .select2-selection__choice, .select2.select2-container--default .select2-selection--multiple .select2-selection__choice { border-color: #ccc; border-radius: 2px; }
.select2.select2-container--default .select2-selection--single { height: 39px; }
.select2.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 39px; }
.select2.select2-container--default .select2-selection--single .select2-selection__arrow { height: 37px; }
.select2 ul li input { height: 27px; margin-bottom: 0; }

.catList .buttonItemsBox { margin-top: 0; }
.catList tr { height: 100%; }
.catList tr td.td-title { height: 0; line-height: 44px; min-width: 170px; padding: 0; }
@-moz-document url-prefix() { .catList tr td.td-title { height: 100%; } }
.catList tr td.td-title div { height: 100%; white-space: nowrap; }
.catList tr td.td-title a.title { color: #84b512; display: inline-block; font-weight: 500; line-height: 18px; margin: 13px 0 13px 10px; position: relative; vertical-align: top; }
.catList tr td.td-title a.title:before { color: #999b9f; content: ' - '; left: -8px; position: absolute; top: calc(50% - 9px); }
.catList tr td.td-title a.title span { white-space: initial; }
.catList tr td.td-title .buttonItemsBox { display: inline-block; margin: 0 0 0 40px; vertical-align: middle; }
.catList tr td.td-order { height: 0; line-height: 44px; padding: 0; }
.catList tr td.td-order div { display: inline-block; height: 100%; margin: 0 10px; white-space: nowrap; }
.catList tr td.td-order .cat-prefix { margin: 0 14px; }
.catList .cat-prefix { background-image: linear-gradient(#c7c8ca 33%, rgba(255, 255, 255, 0) 0%); background-position: right; background-repeat: repeat-y; background-size: 2px 6px; display: inline-block; height: 100%; margin-left: 22px; padding: 0; width: 2px; }

.callout.wicms-alert { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }
.callout.wicms-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }

select { margin-bottom: 1rem; }

.mce-tinymce { margin-bottom: 1rem !important; }

.album-navigation-wrapper { border-bottom: 1px dashed #cdcdcd; margin-bottom: 15px; padding-bottom: 15px; }
.album-navigation-wrapper .you-are-here { font-weight: 500; text-transform: uppercase; }
.album-navigation-wrapper a.folder { color: #444; font-weight: bold; }
.album-navigation-wrapper a.folder:hover { color: #888; }

.gallery-wrapper { border: 1px solid transparent; display: flex; min-height: 550px; }
.gallery-wrapper.dragover { background-color: rgba(32, 168, 216, 0.1); border: 1px solid #20a8d8; }
.gallery-wrapper .gallery-main-wrapper { border-right: 1px dashed #cdcdcd; padding-right: 18px; width: calc(100% - 300px); }
.gallery-wrapper .gallery-main-wrapper.without-info { border-right: none; padding-right: 0; width: 100%; }
.gallery-wrapper .gallery-main-wrapper .items { display: flex; flex-wrap: wrap; margin: 0 -5px; padding: 0 0 15px; }
.gallery-wrapper .gallery-main-wrapper .items.list .item { border-bottom: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; margin: 0 5px; height: 46px; width: 100%; }
.gallery-wrapper .gallery-main-wrapper .items.list .item:last-child { border-bottom: none; }
.gallery-wrapper .gallery-main-wrapper .items.list .item .item-inner { background: transparent; }
.gallery-wrapper .gallery-main-wrapper .items.list .item .item-inner .my-item-thumbnail { float: left; height: 45px; width: 45px; }
.gallery-wrapper .gallery-main-wrapper .items.list .item .item-inner .my-item-thumbnail .my-item-thumbnail-inner { font-size: 16px; line-height: 45px; }
.gallery-wrapper .gallery-main-wrapper .items.list .item .item-inner .my-item-thumbnail .my-item-thumbnail-inner img { max-height: 80px; }
.gallery-wrapper .gallery-main-wrapper .items.list .item .item-inner .item-name .item-name-inner { padding-left: 15px; }
.gallery-wrapper .gallery-main-wrapper .items.list .item .item-inner .item-name .item-name-inner .icon { display: none; }
.gallery-wrapper .gallery-main-wrapper .items.list .item-placeholder { background: rgba(204, 204, 204, 0.2); border: 1px dashed #ccc; height: 46px; margin: 0 5px; padding: 0; width: 100%; }
.gallery-wrapper .gallery-main-wrapper .items .item { background-color: #fff; border-radius: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); color: #263238; cursor: pointer; height: 190px; margin: 5px; padding: 0; min-width: 190px; transition: box-shadow 0.15s ease-in-out; width: 190px; }
.gallery-wrapper .gallery-main-wrapper .items .item .link span { height: 100%; width: 100%; }
.gallery-wrapper .gallery-main-wrapper .items .item.dir { height: 45px; }
.gallery-wrapper .gallery-main-wrapper .items .item.active { background-color: #20a8d8; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
.gallery-wrapper .gallery-main-wrapper .items .item.active .item-inner .item-name .item-name-inner .icon:before { background-color: #fff; border-radius: 50%; content: ''; display: block; height: 30px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 30px; z-index: -1; }
.gallery-wrapper .gallery-main-wrapper .items .item.active .item-inner .item-name .item-name-inner .name { color: #fff; }
.gallery-wrapper .gallery-main-wrapper .items .item.active .item-inner .item-name .item-name-inner .item-menu .file-manager-dropdown-btn { color: #fff; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-inner .my-item-thumbnail { align-items: center; background-color: #fff; display: flex; height: 145px; justify-content: center; overflow: hidden; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-inner .my-item-thumbnail .my-item-thumbnail-inner { font-size: 50px; line-height: 50px; vertical-align: middle; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-inner .my-item-thumbnail .my-item-thumbnail-inner i { color: #8f8f8f; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-inner .my-item-thumbnail .my-item-thumbnail-inner img { display: inline; max-height: 200px; max-width: initial; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-inner .item-name { height: 45px; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-inner .item-name .item-name-inner { align-items: center; display: flex; height: 100%; white-space: nowrap; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-inner .item-name .item-name-inner .icon { height: 20px; line-height: 20px; padding: 0 16px; position: relative; vertical-align: middle; z-index: 1; color: #8f8f8f; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-inner .item-name .item-name-inner .name { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-inner .item-name .item-name-inner .name span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-menu .file-manager-dropdown-btn { background: none; border: 0; border-radius: 50%; cursor: pointer; display: block; font-size: 18px; font-weight: bold; height: 30px; line-height: 30px; margin-right: 5px; padding: 0 5px; text-align: center; transition: background 0.2s ease-in-out; width: 30px; vertical-align: middle; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-menu .file-manager-dropdown-btn i { line-height: 30px; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-menu .file-manager-dropdown-btn:focus { background: rgba(0, 0, 0, 0.06); outline: 0; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-menu .item-dropdown { max-width: 150px; padding: 0; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-menu .item-dropdown ul { margin-bottom: 0; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-menu .item-dropdown ul li { height: 30px; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-menu .item-dropdown ul li a { color: rgba(47, 50, 58, 0.7); display: block; line-height: 30px; padding: 0 5px; }
.gallery-wrapper .gallery-main-wrapper .items .item .item-menu .item-dropdown ul li a:hover { background: #f9f9f9; }
.gallery-wrapper .gallery-info-wrapper { border-radius: 0; color: #263238; margin: 0; padding: 15px; transition: margin-right 0.3s ease-in-out; width: 300px; z-index: 15; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper { background: #fff; height: calc(100% + 30px); padding: 15px; margin: -15px -15px 0 0; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-header { display: flex; font-size: 18px; font-weight: 500; padding: 0 0 15px; position: relative; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-header .icon { color: #8f8f8f; padding: 0 15px 0 0; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-header .name { line-height: 20px; padding-right: 27px; word-wrap: break-word; width: 250px; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-stats { padding-bottom: 15px; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-stats .gallery-stat { display: inline-block; min-width: 50px; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-tab-content .img { padding-bottom: 20px; text-align: center; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-tab-content .img img { max-height: 200px; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-tab-content .img .icon { font-size: 60px; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-tab-content .img .icon i { border: 1px solid #ddd; color: #8f8f8f; display: inline-block; padding: 20px 23px; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-tab-content .description { border-top: 1px dashed #cdcdcd; padding-top: 15px; margin-bottom: 15px; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-tab-content .description header { font-size: 16px; font-weight: 500; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-tab-content .details { border-top: 1px dashed #cdcdcd; padding-top: 15px; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-tab-content .details p { margin: 0; font-size: 12px !important; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-tab-content .details .clipboard { position: relative; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-tab-content .details .gallery-picture-links, .gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-tab-content .details .gallery-picture-clipboard { border-top: 1px dashed #cdcdcd; margin-top: 15px; padding-top: 15px; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-tab-content .details .gallery_url { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; cursor: pointer; margin-bottom: 0; }
.gallery-wrapper .gallery-info-wrapper .gallery-info-inner-wrapper .gallery-info-tab-content .details .copy-to-clipboard { border-bottom-right-radius: 2px; border-top-right-radius: 2px; cursor: pointer; }

.upload-progress-wrapper .upload-loader-wrapper { padding: 30px 0; text-align: center; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller { display: inline-block; position: relative; width: 64px; height: 64px; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 32px 32px; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:after { content: " "; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #5a910d; margin: -3px 0 0 -3px; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(1) { animation-delay: -0.036s; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(1):after { top: 50px; left: 50px; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(2) { animation-delay: -0.072s; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(2):after { top: 54px; left: 45px; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(3) { animation-delay: -0.108s; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(3):after { top: 57px; left: 39px; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(4) { animation-delay: -0.144s; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(4):after { top: 58px; left: 32px; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(5) { animation-delay: -0.18s; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(5):after { top: 57px; left: 25px; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(6) { animation-delay: -0.216s; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(6):after { top: 54px; left: 19px; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(7) { animation-delay: -0.252s; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(7):after { top: 50px; left: 14px; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(8) { animation-delay: -0.288s; }
.upload-progress-wrapper .upload-loader-wrapper .lds-roller div:nth-child(8):after { top: 45px; left: 10px; }
.upload-progress-wrapper .upload-progress { margin: 15px 0; }
.upload-progress-wrapper .upload-progress .progress-meter { background-color: #5a910d; }

@keyframes lds-roller { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
.media.gallery-wrapper .gallery-main-wrapper .items.list .item.dir .item-inner .my-item-thumbnail { display: flex; height: 44px; }
.media.gallery-wrapper .gallery-main-wrapper .items .item.dir .item-inner { align-items: center; display: flex; height: 100%; }
.media.gallery-wrapper .gallery-main-wrapper .items .item.dir .item-inner .my-item-thumbnail { display: none; }
.media.gallery-wrapper .gallery-main-wrapper .items .item.dir .item-inner .item-name { width: calc(100% - 35px); }
.media.gallery-wrapper .gallery-main-wrapper .items .item .item-inner .my-item-thumbnail { position: relative; }
.media.gallery-wrapper .gallery-main-wrapper .items .item .item-inner .my-item-thumbnail .my-item-thumbnail-hover { bottom: 0; background: rgba(0, 0, 0, 0.5); display: none; left: 0; position: absolute; right: 0; top: 0; }
.media.gallery-wrapper .gallery-main-wrapper .items .item .item-inner .my-item-thumbnail .my-item-thumbnail-hover .insert-file-hover { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.media.gallery-wrapper .gallery-main-wrapper .items:not(.list) .item-inner .my-item-thumbnail:hover .my-item-thumbnail-hover { display: block; }

/*# sourceMappingURL=szablon.css.map */
