@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700&display=swap');

:focus {outline: none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */height: 100%;}
body {margin: 0;padding: 0;font-size: 14px;line-height: 1.2em;font-family:Helvetica, Arial, sans-serifcolor: #000;}
a {text-decoration: none;}
a:hover {color: inherit;text-decoration: none;}
a:hover span {color: #333;}p {line-height: 1.5em;margin: 15px 0;}
ul {line-height: 1.5em;}
p:first-of-type {margin-top: 0;}
p:last-of-type {margin-bottom: 0;}
h1, h2, h3, h4 {font-family: 'Open Sans', sans-serif; font-weight:300;padding: 0;margin: 0;line-height: 1.2em;}
h1 {font-size: 40px;margin-bottom: 20px;}
h2 {font-size: 25px;padding-bottom:10px;}
h3 {padding-bottom:10px;}
p {font-family:'Open Sans', sans-serif; font-size:14px;line-height:23px;}
strong {font-weight: 600;}
td {font-size:14px;}
a {font-size:14px;}
a:focus {outline:none;text-decoration:none;}
a::-moz-focus-inner {border:0;text-decoration:none;}
a.btn-normal:hover {color:white;}
.mce-text img {padding:0px 15px}

img.desaturate { -webkit-filter: grayscale(80%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(80%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(80%); 
-o-transition: .5s ease-in-out;}	
img.desaturate:hover {-webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
-o-transition: .5s ease-in-out;}	

.clearfix {clear:both;}	
.no-padding {padding:0px;}
.text-padding {padding:30px;}
.placeholder {height:30px;border:2px dotted #7076cf;border-radius:5px;list-style-type: none;}
.placeholder-box {height:100px;border:2px dotted #7076cf;border-radius:5px;list-style-type: none;width:100px;float:left;}
.placeholder-line {height:2px;border:2px dotted #7076cf;border-radius:5px;list-style-type: none;}

/* PARALAX section - start */
.vkd-header {position: fixed;left: 0;top: 0;width: 100%;background-image: url('/img/banner.jpg');background-position: center;background-size: cover;background-repeat: no-repeat;}
.vkd-header::before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: MidnightBlue;opacity: 0;}
.vkd-header-section {position: relative;padding: 15% 0 10%;max-width: 640px;margin-left: auto;margin-right: auto;color: white;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);font-family: "Montserrat", sans-serif;}
h1 {font-weight: 500;}
h2 {font-weight: 400;}
.vkd-section-wrap {position: relative;background-color: white;}
.vkd-section {position: relative;margin-left: auto;margin-right: auto;padding: 40px;}
/* PARALAX section - start */

#item-logo {max-width:60px}
@media (min-width:400px){
	#item-logo {max-width:100px}
}
@media (min-width:992px){
	#item-logo {max-width:150px}
}
@media (min-width:1400px){
	#item-logo {max-width:200px}
}
.login-menu-mobile {display:block}
@media (min-width:767px){
	.login-menu-mobile {display:none}
}

.body-back {background-image: url(/img/back.jpg);height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}

.error-message {color:red;font-size:16px;font-weight:600}
.success-message {color:green;font-size:16px;font-weight:600}
.usersError {color:red;font-size:12px;padding-top:10px;}

/* BUTTONS - start */
.btn-normal {color: #ffffff;font-size: 20px;background: #000000;padding: 10px 20px 10px 20px;text-decoration: none;display: inline-block;cursor:pointer;}
.btn-normal:hover {background: #143c55;text-decoration: none;}
.btn-web {color:#ddd;}
/* BUTTONS - end */

/* icons */
.ficon-help {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px;display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/help.svg);mask-image: url(/img/svg/help.svg);mask-size:16px;}
.ficon-help:hover {background-color: #34465e;}
.ficon-close {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/close.svg);mask-image: url(/img/svg/close.svg);mask-size:16px;}
.ficon-close:hover {background-color: #34465e;}
.ficon-add {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/add.svg);mask-image: url(/img/svg/add.svg);mask-size:16px;}
.ficon-add:hover {background-color: #34465e;}
.ficon-hide {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/hide.svg);mask-image: url(/img/svg/hide.svg);mask-size:16px;}
.ficon-hide:hover {background-color: #34465e;}
.ficon-show {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/show.svg);mask-image: url(/img/svg/show.svg);mask-size:16px;}
.ficon-show:hover {background-color: #34465e;}
.ficon-delete {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/trash.svg);mask-image: url(/img/svg/trash.svg);mask-size:16px;}
.ficon-delete:hover {background-color: #34465e;}
.ficon-edit {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/edit.svg);mask-image: url(/img/svg/edit.svg);mask-size:16px;}
.ficon-edit:hover {background-color: #34465e;}
.ficon-log {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/log.svg);mask-image: url(/img/svg/log.svg);mask-size:16px;}
.ficon-log:hover {background-color: #34465e;}
.ficon-publish {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/publish.svg);mask-image: url(/img/svg/publish.svg);mask-size:16px;}
.ficon-publish:hover {background-color: #34465e;}
.ficon-structure {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/structure.svg);mask-image: url(/img/svg/structure.svg);mask-size:16px;}
.ficon-structure:hover {background-color: #34465e;}
.ficon-split {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/split.svg);mask-image: url(/img/svg/split.svg);mask-size:16px;}
.ficon-split:hover {background-color: #34465e;}
.ficon-down {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/down.svg);mask-image: url(/img/svg/down.svg);mask-size:16px;}
.ficon-down:hover {background-color: #34465e;}
.ficon-settings {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/settings.svg);mask-image: url(/img/svg/settings.svg);mask-size:16px;}
.ficon-settings:hover {background-color: #34465e;}
.ficon-clone {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/clone.svg);mask-image: url(/img/svg/clone.svg);mask-size:16px;}
.ficon-clone:hover {background-color: #34465e;}
.ficon-users {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/users.svg);mask-image: url(/img/svg/users.svg);mask-size:16px;}
.ficon-users:hover {background-color: #34465e;}
.ficon-cart {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/cart.svg);mask-image: url(/img/svg/cart.svg);mask-size:16px;}
.ficon-cart:hover {background-color: #34465e;}
.ficon-archive {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/archive.svg);mask-image: url(/img/svg/archive.svg);mask-size:16px;}
.ficon-archive:hover {background-color: #34465e;}
.ficon-camera {background-color: white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/camera.svg);mask-image: url(/img/svg/camera.svg);mask-size:16px;}
.ficon-camera:hover {background-color: #34465e;}
.ficon-ok {background-color:white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align: text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/ok.svg);mask-image: url(/img/svg/ok.svg);mask-size:16px;}
.ficon-ok:hover {background-color: #34465e;}
.ficon-login {background-color:white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/login.svg);mask-image: url(/img/svg/login.svg);mask-size:16px;}
.ficon-login:hover {background-color: #34465e;}
.ficon-products {background-color:white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/products.svg);mask-image: url(/img/svg/products.svg);mask-size:16px;}
.ficon-products:hover {background-color: #34465e;}
.ficon-star {background-color:white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/star.svg);mask-image: url(/img/svg/star.svg);mask-size:16px;}
.ficon-star:hover {background-color: #34465e;}
.ficon-heart {background-color:white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/heart.svg);mask-image: url(/img/svg/heart.svg);mask-size:16px;}
.ficon-heart:hover {background-color: #34465e;}
.ficon-discount {background-color:white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/discount.svg);mask-image: url(/img/svg/discount.svg);mask-size:16px;}
.ficon-discount:hover {background-color: #34465e;}
.ficon-back {background-color:white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/back.svg);mask-image: url(/img/svg/back.svg);mask-size:16px;}
.ficon-back:hover {background-color: #34465e;}
.ficon-menu {background-color:white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/menu.svg);mask-image: url(/img/svg/menu.svg);mask-size:16px;}
.ficon-menu:hover {background-color: #34465e;}
.ficon-news {background-color:white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/news.svg);mask-image: url(/img/svg/news.svg);mask-size:16px;}
.ficon-news:hover {background-color: #34465e;}
.ficon-info {background-color:white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/info.svg);mask-image: url(/img/svg/info.svg);mask-size:16px;}
.ficon-info:hover {background-color: #34465e;}
.ficon-codes {background-color:white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/codes.svg);mask-image: url(/img/svg/codes.svg);mask-size:16px;}
.ficon-codes:hover {background-color: #34465e;}
.ficon-translations {background-color:white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/translations.svg);mask-image: url(/img/svg/translations.svg);mask-size:16px;}
.ficon-translations:hover {background-color: #34465e;}
.ficon-dots {background-color:white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/dots.svg);mask-image: url(/img/svg/dots.svg);mask-size:16px;}
.ficon-dots:hover {background-color: #34465e;}
.ficon-link {background-color:white;background-size: auto;background-size: 16px;width: 16px;height: 16px; display: inline-block;vertical-align:  text-bottom;cursor:pointer;-webkit-mask-image: url(/img/svg/link.svg);mask-image: url(/img/svg/link.svg);mask-size:16px;}
.ficon-link:hover {background-color: #34465e;}

#sidebar ul li a:hover .ficon-ok, #sidebar ul li a:hover .ficon-cart, #sidebar ul li a:hover .ficon-products, #sidebar ul li a:hover .ficon-clone, #sidebar ul li a:hover .ficon-star, #sidebar ul li a:hover .ficon-heart, #sidebar ul li a:hover .ficon-discount, 
#sidebar ul li a:hover .ficon-users, #sidebar ul li a:hover .ficon-back, #sidebar ul li a:hover .ficon-menu, #sidebar ul li a:hover .ficon-edit, #sidebar ul li a:hover .ficon-news, #sidebar ul li a:hover .ficon-info,
#sidebar ul li a:hover .ficon-codes, #sidebar ul li a:hover .ficon-translations, #sidebar ul li a:hover .ficon-dots, #sidebar ul li a:hover .ficon-log {background: #5c60a4;}
#sidebar ul li.active > a .ficon-ok, #sidebar ul li.active > a .ficon-cart, #sidebar ul li.active > a .ficon-products, #sidebar ul li.active > a .ficon-clone, #sidebar ul li.active > a .ficon-star, #sidebar ul li.active > a .ficon-heart,  #sidebar ul li.active > a .ficon-discount,
#sidebar ul li.active > a .ficon-users, #sidebar ul li.active > a .ficon-back, #sidebar ul li.active > a .ficon-menu, #sidebar ul li.active > a .ficon-edit, #sidebar ul li.active > a .ficon-news, #sidebar ul li.active > a .ficon-info,
#sidebar ul li.active > a .ficon-codes, #sidebar ul li.active > a .ficon-translations, #sidebar ul li.active > a .ficon-dots, #sidebar ul li.active > a .ficon-log {background: white;}

/* icons big */
.ficon-back-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/back.svg);mask-image: url(/img/svg/back.svg);mask-size:30px;}
.ficon-back-big:hover {background-color: #7076cf;}
.ficon-left-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/left.svg);mask-image: url(/img/svg/left.svg);mask-size:30px;}
.ficon-left-big:hover {background-color: #7076cf;}
.ficon-ok-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/ok.svg);mask-image: url(/img/svg/ok.svg);mask-size:30px;}
.ficon-ok-big:hover {background-color:#7076cf;}
.ficon-add-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/add.svg);mask-image: url(/img/svg/add.svg);mask-size:30px;}
.ficon-add-big:hover {background-color: #7076cf;}
.ficon-dots-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/dots.svg);mask-image: url(/img/svg/dots.svg);mask-size:30px;}
.ficon-dots-big:hover {background-color:  #7076cf;}
.ficon-filter-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/filter.svg);mask-image: url(/img/svg/filter.svg);mask-size:30px;}
.ficon-filter-big:hover {background-color:  #7076cf;}
.ficon-up-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/up.svg);mask-image: url(/img/svg/up.svg);mask-size:30px;}
.ficon-up-big:hover {background-color:  #7076cf;}
.ficon-down-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/down.svg);mask-image: url(/img/svg/down.svg);mask-size:30px;}
.ficon-down-big:hover {background-color:  #7076cf;}
.ficon-archive-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/archive.svg);mask-image: url(/img/svg/archive.svg);mask-size:30px;}
.ficon-archive-big:hover {background-color:  #7076cf;}
.ficon-edit-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/edit.svg);mask-image: url(/img/svg/edit.svg);mask-size:30px;}
.ficon-edit-big:hover {background-color:  #7076cf;}
.ficon-move-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/move.svg);mask-image: url(/img/svg/move.svg);mask-size:30px;}
.ficon-move-big:hover {background-color:  #7076cf;}
.ficon-zoom-in-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/zoom-in.svg);mask-image: url(/img/svg/zoom-in.svg);mask-size:30px;}
.ficon-zoom-in-big:hover {background-color:  #7076cf;}
.ficon-zoom-out-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/zoom-out.svg);mask-image: url(/img/svg/zoom-out.svg);mask-size:30px;}
.ficon-zoom-out-big:hover {background-color:  #7076cf;}
.ficon-camera-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/camera.svg);mask-image: url(/img/svg/camera.svg);mask-size:30px;}
.ficon-camera-big:hover {background-color:  #7076cf;}
.ficon-publish-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/publish.svg);mask-image: url(/img/svg/publish.svg);mask-size:30px;}
.ficon-publish-big:hover {background-color:  #7076cf;}
.ficon-show-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/show.svg);mask-image: url(/img/svg/show.svg);mask-size:30px;}
.ficon-show-big:hover {background-color:  #7076cf;}
.ficon-hide-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/hide.svg);mask-image: url(/img/svg/hide.svg);mask-size:30px;}
.ficon-hide-big:hover {background-color:  #7076cf;}
.ficon-delete-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/trash.svg);mask-image: url(/img/svg/trash.svg);mask-size:30px;}
.ficon-delete-big:hover {background-color:  #7076cf;}
.ficon-user-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/user.svg);mask-image: url(/img/svg/user.svg);mask-size:30px;}
.ficon-user-big:hover {background-color:  #7076cf;}
.ficon-login-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/login.svg);mask-image: url(/img/svg/login.svg);mask-size:30px;}
.ficon-login-big:hover {background-color:  #7076cf;}
.ficon-help-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/help.svg);mask-image: url(/img/svg/help.svg);mask-size:30px;}
.ficon-help-big:hover {background-color:  #7076cf;}
.ficon-alarm-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/alarm.svg);mask-image: url(/img/svg/alarm.svg);mask-size:30px;}
.ficon-alarm-big:hover {background-color:  #7076cf;}
.ficon-menu-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/menu.svg);mask-image: url(/img/svg/menu.svg);mask-size:30px;}
.ficon-menu-big:hover {background-color:  #7076cf;}
.ficon-settings-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/settings.svg);mask-image: url(/img/svg/settings.svg);mask-size:30px;}
.ficon-settings-big:hover {background-color:  #7076cf;}
.ficon-photo-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/photo.svg);mask-image: url(/img/svg/photo.svg);mask-size:30px;}
.ficon-photo-big:hover {background-color:  #7076cf;}
.ficon-sort-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/sort.svg);mask-image: url(/img/svg/sort.svg);mask-size:30px;}
.ficon-sort-big:hover {background-color:  #7076cf;}
.ficon-photos-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/photos.svg);mask-image: url(/img/svg/photos.svg);mask-size:30px;}
.ficon-photos-big:hover {background-color:  #7076cf;}
.ficon-log-big {background-color: #5c60a4;background-size: auto;background-size: 30px;width: 30px;height: 30px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/log.svg);mask-image: url(/img/svg/log.svg);mask-size:30px;}
.ficon-log-big:hover {background-color:  #7076cf;}

.ficon-alarm-light {background:#ccc}
.ficon-alarm-orange {background:orange}

.ficon-big-wrapper {display:inline-block;margin:0px 4px;cursor:pointer;color:#5f6f84}
.ficon-big-wrapper-alt1 {display:inline-block;margin:0px 4px;cursor:pointer;color:#5f6f84}
.ficon-big-wrapper:hover {background:#5f6f84 !important;border-radius:0%;padding:7px;margin:-7px -3px;color:white;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}
.ficon-big-wrapper-alt1:hover .ficon-add-big {background:#233142;}

.ficon-big-wrapper:hover .ficon-back-big, .ficon-big-wrapper:hover .ficon-left-big, .ficon-big-wrapper:hover .ficon-ok-big, .ficon-big-wrapper:hover .ficon-add-big, .ficon-big-wrapper:hover .ficon-dots-big, 
.ficon-big-wrapper:hover .ficon-filter-big, .ficon-big-wrapper:hover .ficon-up-big, .ficon-big-wrapper:hover .ficon-down-big, .ficon-big-wrapper:hover .ficon-archive-big,
.ficon-big-wrapper:hover .ficon-edit-big, .ficon-big-wrapper:hover .ficon-move-big, .ficon-big-wrapper:hover .ficon-zoom-in-big, .ficon-big-wrapper:hover .ficon-zoom-out-big,
.ficon-big-wrapper:hover .ficon-camera-big, .ficon-big-wrapper:hover .ficon-publish-big, .ficon-big-wrapper:hover .ficon-show-big, .ficon-big-wrapper:hover .ficon-delete-big,
.ficon-big-wrapper:hover .ficon-user-big, .ficon-big-wrapper:hover .ficon-login-big, .ficon-big-wrapper:hover .ficon-help-big {background:white;}
 
.ficon-add-mid {background-color: #999;background-size: auto;background-size: 20px;width: 20px;height: 20px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/add.svg);mask-image: url(/img/svg/add.svg);mask-size:20px;}
.ficon-add-mid:hover {background-color: #f7941e;}
.ficon-delete-mid {background-color: #999;background-size: auto;background-size: 20px;width: 20px;height: 20px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/trash.svg);mask-image: url(/img/svg/trash.svg);mask-size:20px;}
.ficon-delete-mid:hover {background-color: #f7941e;}
.ficon-minus-mid {background-color: #999;background-size: auto;background-size: 20px;width: 20px;height: 20px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/minus.svg);mask-image: url(/img/svg/minus.svg);mask-size:20px;}
.ficon-minus-mid:hover {background-color: #f7941e;}
.ficon-edit-mid {background-color: #999;background-size: auto;background-size: 20px;width: 20px;height: 20px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/edit.svg);mask-image: url(/img/svg/edit.svg);mask-size:20px;}
.ficon-edit-mid:hover {background-color:  #f7941e;}
.ficon-add-mid {background-color: #999;background-size: auto;background-size: 20px;width: 20px;height: 20px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/add.svg);mask-image: url(/img/svg/add.svg);mask-size:20px;}
.ficon-add-mid:hover {background-color: #f7941e;}
.ficon-sort-mid {background-color: #999;background-size: auto;background-size: 20px;width: 20px;height: 20px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/sort.svg);mask-image: url(/img/svg/sort.svg);mask-size:20px;}
.ficon-sort-mid:hover {background-color:  #f7941e;}
.ficon-article-mid {background-color: #999;background-size: auto;background-size: 20px;width: 20px;height: 20px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/article.svg);mask-image: url(/img/svg/article.svg);mask-size:20px;}
.ficon-article-mid:hover {background-color:  #f7941e;}
.ficon-link-mid {background-color: #999;background-size: auto;background-size: 20px;width: 20px;height: 20px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/link.svg);mask-image: url(/img/svg/link.svg);mask-size:20px;}
.ficon-link-mid:hover {background-color:  #f7941e;}
.ficon-down-mid {background-color: #999;background-size: auto;background-size: 20px;width: 20px;height: 20px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/down.svg);mask-image: url(/img/svg/down.svg);mask-size:20px;}
.ficon-down-mid:hover {background-color:  #f7941e;}
.ficon-settings-mid {background-color: #999;background-size: auto;background-size: 20px;width: 20px;height: 20px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/settings.svg);mask-image: url(/img/svg/settings.svg);mask-size:20px;}
.ficon-settings-mid:hover {background-color:  #f7941e;}


.ficon-lock-small {background-color: #999;background-size: auto;background-size: 15px;width: 15px;height: 15px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/lock.svg);mask-image: url(/img/svg/lock.svg);mask-size:15px;}
.ficon-lock-small:hover {background-color:  #1b242a;}
.ficon-unlock-small {background-color: #999;background-size: auto;background-size: 15px;width: 15px;height: 15px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/unlock.svg);mask-image: url(/img/svg/unlock.svg);mask-size:15px;}
.ficon-unlock-small:hover {background-color:  #1b242a;}
.ficon-link-small {background-color: #999;background-size: auto;background-size: 15px;width: 15px;height: 15px; display: inline-block;vertical-align: middle;cursor:pointer;-webkit-mask-image: url(/img/svg/link.svg);mask-image: url(/img/svg/link.svg);mask-size:15px;}
.ficon-link-small:hover {background-color:  #1b242a;}

.ficon-lock-small-noclick {background-color: #999;background-size: auto;background-size: 15px;width: 15px;height: 15px; display: inline-block;vertical-align: middle;-webkit-mask-image: url(/img/svg/lock.svg);mask-image: url(/img/svg/lock.svg);mask-size:15px;}
.ficon-unlock-small-noclick {background-color: #999;background-size: auto;background-size: 15px;width: 15px;height: 15px; display: inline-block;vertical-align: middle;-webkit-mask-image: url(/img/svg/unlock.svg);mask-image: url(/img/svg/unlock.svg);mask-size:15px;}


/* MENU - start */
#mainMenuContainer, #mainMenu {display: block;}
#mainMenu {text-align: center;position: relative;}
#mainMenu a {display: inline-block;text-decoration: none;}
/* MOBILE MENU */
#mobileMenuBtn {display: none;width: 48px;height: 48px;cursor: pointer;position: absolute;top: 10px;right: 10px;border: 1px solid #eee;}
#mobileMenuBtn:hover {background-color: #f2f2f2;}
#nav-icon {width: 32px;height: 26px;position: relative;margin: 11px auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon span {display: block;position: absolute;height: 2px;width: 100%;background: #143c55;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) {top: 0px;}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top: 12px;}
#nav-icon span:nth-child(4) {top: 24px;}
#nav-icon.open span:nth-child(1) {top: 10px;width: 0%;left: 50%;}
#nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon.open span:nth-child(4) {top: 10px;width: 0%;left: 50%;}

.btn-info {color: #fff;background-color: #281d10;border-color: #281d10;font-size:16px;}
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {color: #fff;background-color: #634624;border-color: #634624;}
@media only screen and (max-width : 950px) {
#mainMenu {margin-bottom: 0px;}
#mainMenu a#facebook {top: -56px;}
}
@media only screen and (min-width : 768px) {
#mainMenuContainer {display: inline-block!important;float:right;}
}
@media only screen and (max-width : 767px) {
#mainMenuContainer {display: none;margin: 0;}
#mobileMenuBtn {display: block !important;}
#mainMenu {background-color: white;padding: 10px 0;margin-bottom: 0px;}
#mainMenu a {color: #143c55;display: block;width: 100%;margin: 0 auto;padding: 5px 0;text-align: center;}
#mainMenu a.active {color: #00c3b6;}
}
/* MENU - end */


/* BOOTSTRAP OVERRIDE - start */
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before {display: inline;content: " ";}
.navbar-default {background-color: transparent;border-color: transparent;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {color: #555;background-color: transparent;}
.dropdown-menu {top: 80%;}
#navbar {padding-bottom:1000px;}
.navbar-default .navbar-nav > li > a {/*text-align:center;*/ font-size:14px; color:black;}
.navbar-admin .navbar-collapse {background:white;position:absolute;top:90px;width:100%;}
@media only screen and (min-width : 768px) {
	#navbar {padding-bottom:0px;}
	.navbar-default .navbar-nav > li > a {text-align:left; font-size:14px; color:black;}
	.navbar-admin .navbar-collapse {background:white;position:static;top:90px;width:100%;margin-left:-5px;}
}
.navbar {margin-bottom: 0px;border:none;}
.navbar-header {width:auto;}
@media only screen and (min-width : 768px) {
.navbar-header {width:30%;}
}
@media only screen and (min-width : 1400px) {
.navbar-header {width:auto;}
}
.nav > li > a {position: relative;display: block;padding: 10px;}
.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 0px;box-shadow: none;-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;font-weight:normal;}
.btn {border-radius: 0px;}
.form-control:focus {border-color: #ddd;outline: 0;-webkit-box-shadow: none;box-shadow: none;}
.dataTables_filter .form-control, .dataTables_length .form-control {border:none; border-bottom:1px solid #ddd;}
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* BOOTSTRAP OVERRIDE - end */

.container-main {padding-top:40px;padding-bottom:40px;}

.mobile {display:block;}
.desktop {display:none;}
.slider-image-wrapper-mobile {display:block;}
.slider-image-wrapper-desktop {display:none;}
@media (min-width:768px){
.mobile {display:none;}
.desktop {display:block;}
.slider-image-wrapper-mobile{display:none;}
.slider-image-wrapper-desktop{display:block;}
}

.banner-mobile {display:block;}
.banner-desktop {display:none}
@media (min-width:768px){
	.banner {}
	.banner-mobile {display:none;}
	.banner-desktop {display:block;}
}
.articles-wrapper {padding:20px;}
.articles-text {font-size:16px;padding-top:10px;}

.btn-login {-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;border:1px solid white;display:inline-block;cursor:pointer;color:white !important;font-size:15px;padding:5px 20px !important;text-decoration:none !important;margin: 0px !important;}
.btn-login:hover {background-color:#0192c9;color:black;}
.btn-login:active {position:relative;top:1px;}
.btn-signin {-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;border:1px solid white;background:rgba(226,230,235,0.5);display:inline-block;cursor:pointer;color:white;font-size:15px;padding:5px 20px;text-decoration:none;}
.btn-signin:hover {background-color:#0192c9;color:black;}
.btn-signin:active {position:relative;top:1px;}
.login-wrapper {background:rgba(0,0,0,0.8);height:100vh;color:white;padding:0px 100px;}
.btn-enter {background:transparent;border:1px solid white;width:100%;padding:15px;text-transform:uppercase;font-size:18px;letter-spacing:2px;text-align:center;cursor:pointer;}
.btn-enter:hover {background:white; color:#7076cf;}


.lang {float:none;font-size:12px; padding:25px 10px 15px 10px;margin:0px;}
.lang a {display:inline !important;margin:0px !important}
.lang a:hover {text-decoration:none;border-bottom:none !important}
.lang a.active {font-weight:bold !important}

@media (min-width:768px) {
	.lang {float:left;padding:15px;margin:15px}
}


/*
.navbar-nav {float: left;margin: 0;height: 80px;padding-top: 15px;}
*/

.navbar {min-height:70px;}
.navbar-user {margin-top:30px;}
.navbar-trial {margin-top:30px;padding-right:10px;}
.clearfix {clear:both;}
.no-padding {padding:0px;}
.navbar-nav {
    margin: 5px 0px 0px 0px;
}
.navbar-user {display:none}
@media (min-width:768px) {
	.navbar-user {display:block}
}
@media (min-width:1400px) {
	.navbar {min-height:50px;}
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;background: #fafafa;height:1000px;width:70%;margin-left:-16px;float:right}

@media (min-width:768px) {
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;background: transparent;height:auto;width:auto;margin-left:-16px;float:right}
}
.navbar-toggle {
	margin-top:15px;
	margin-right:25px;
}
.navbar-admin .navbar-collapse {float:none}
.item-step-topic {font-size:16px;font-weight:600;padding: 15px 0px;text-transform: uppercase;letter-spacing: 1px;}

/*= input focus effects css
=========================== */
:focus{outline: none;}

.col-with-effect {/*float: left; margin: 0px 0px 0px 30px;*/ position: relative;margin-bottom:5px;} /* necessary to give position: relative to parent. */
/*input[type="text"]{color: #333; width: 100%; box-sizing: border-box;/*padding-top: 15px;*/}*/
input[type="password"]{color: #333; width: 100%; box-sizing: border-box;background:white;}
textarea{color: #333; width: 100%; box-sizing: border-box;background:white;}
textarea.form-control {height: 150px;}

footer {background:#eee;padding:40px 0px}
label {font-size:14px;}
.effect-16 { padding:20px 5px 5px 10px; background-color: transparent;height: 50px;}
.effect-16 ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #3399FF; transition: 0.4s;}
.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border{width: 100%; transition: 0.4s;}
.effect-16 ~ label{position: absolute; left: 10px; width: 100%; top: 5px; color: #aaa; transition: 0.3s; /*z-index: -1;*/ font-weight:400}
.effect-16 ~ label.step-4 {left:25px;height:10px;}
.effect-16:focus ~ label, .has-content.effect-16 ~ label{top: 5px; font-size: 12px; color: #3399FF; transition: 0.3s;}

.effect-1 { padding:20px 5px 5px 10px; background-color: transparent;height: 50px;}
.effect-1 ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #3399FF; transition: 0.4s;}
.effect-1:focus ~ .focus-border,
.has-content.effect-1 ~ .focus-border{width: 100%; transition: 0.4s;}
.effect-1 ~ label{position: absolute; left: 10px; width: 100%; top: 5px; color: #aaa; transition: 0.3s; /*z-index: -1;*/ font-weight:400}
.effect-1:focus ~ label, .has-content.effect-1 ~ label{top: 5px; font-size: 12px; color: #3399FF; transition: 0.3s;}

/*= input focus effects css End
=============================== */

@media (min-width:768px) {
	.navbar-nav > li > a {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
.content-wrapper {margin-top:100px}
.datatable-container {padding-top:70px;}
a.no-decoration {text-decoration:none;}
.icon-split {background:#337ab7;color:white;font-size:9px;font-weight:bold;letter-spacing:-0.5px;width:25px;text-align:left;padding:5px 0px;border-radius:3px;}
.marker-splitted {background:#337ab7;padding:5px;color:white;font-size:11px;font-weight:bold;border-radius:3px;}
.marker-splitted:hover {background:#23527c;}
.fun-menu-wrapper {position:fixed;height: 45px;z-index: 99;background:#796e5a;width:100%}

.fun-menu-wrapper .btn {padding: 2px 20px;margin-bottom: 0;font-size: 12px;font-weight: 600;text-transform: uppercase;}

.navbar-default {border-color:none;}

.navbar-admin {background:white;border-color:none;-webkit-box-shadow: 0px 0px 15px 5px rgba(34, 34, 34, 0.25);-moz-box-shadow: 0px 0px 15px 5px rgba(34, 34, 34, 0.25);box-shadow: 0px 0px 15px 5px rgba(34, 34, 34, 0.25);	}
.wrap { width: 100%; height:190px; padding: 0; overflow: hidden;}
.frame { width: 1450px; height: 820px; border: 1px solid black;pointer-events: none; }
.frame {
	-ms-zoom: 0.22;
	-moz-transform: scale(0.22);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.22);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.22);
	-webkit-transform-origin: 0 0;
}

/* funnels list */
.col-md-2-half {width:20%;float:left;}
.instant-menu-wrapper {position:absolute;background:white;text-align:left;z-index:99;padding:10px;border:1px solid #ddd;width:150px;right:0px;top:20px;display:none}
.instant-menu-item {line-height:25px}
.instant-menu-separator {height:1px;background:#ddd;width:100%;margin:10px 0px}
.instant-menu-item a {text-decoration:none}

/* statistics */
.item-topic-stat {float:left;padding-top:8px;color:black;}
.item-topic-search {float:right;}
.item-thumb-stat {padding:10px;border-top:1px solid #ddd;cursor:pointer;}
.item-thumb-stat:hover {background:#f4f4f4}
.item-name-stat {font-size:16px;}
.item-arrow-right-stat {font-size:20px;position:absolute;right:0px;top:40%;}
.item-iframe-wrapper-stat {border:1px solid #f3f3f3;font-size:12px;}

/* LOADER - start */
.loader-wrapper, .loader-wrapper1 {position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:9;background:white;opacity:0.7}
.loader-wrapper-x {position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:9;background:transparent;}
.loader, .loader1 {position: fixed;left: 50%;top: 50%;z-index: 1;width: 150px;height: 150px;margin: -75px 0 0 -75px;border: 16px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #3498db;width: 120px;height: 120px;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
/* LOADER - end */

.trans-table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 0px;
    border-top: 1px solid #ddd;
}


/* HAMBURGER NAVIGATION ICON - start */
#mobileMenuBtn {display: none;width: 48px;height: 48px;cursor: pointer;position: absolute;top: 10px;right: 10px;border: 1px solid #eee;z-index:999}
#mobileMenuBtn:hover {background-color: #f2f2f2;}
#nav-icon {width: 32px;height: 26px;position: relative;margin: 11px auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon span {display: block;position: absolute;height: 2px;width: 100%;background: black;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) {top: 0px;}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top: 12px;}
#nav-icon span:nth-child(4) {top: 24px;}
#nav-icon.open span:nth-child(1) {top: 10px;width: 0%;left: 50%;}
#nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon.open span:nth-child(4) {top: 10px;width: 0%;left: 50%;}
/* HAMBURGER NAVIGATION ICON - end */


/* LANDING */
.landing-text p {font-size:16px;}

/* FORM */
.formItem, .formItem4, .formItemCart {padding-bottom:10px;}
.formDivider {padding-top:10px;}
.checkbox-switch {width:30px;cursor:pointer;}
.checkbox-label {line-height:30px;}

/* ORDERS */
tr.order-row.open {
	color: #333;
}
tr.order-row.confirmed {
	color: #d56206;
}
tr.order-row.sent {
	color: #4e992e;
}
tr.order-row.cancelled {
	color: #d50606;
}
tr.order-row.pending {
	color: #002f9e;
}
tr.order-row.ready {
	color: #3a85d9;
}
tr.order-row.disabled {
	color: #aaa;
}
tr.order-row.paypal {
	color: #9400d3;
}
tr.order-row.paypal-ok {
	color: violet;
}

/* PRODUCTS */
label span {font-weight:normal;font-size:12px}

.itemPriceContainerList, .itemOptionContainerList {list-style-type: none;cursor:move}

.default-section-topic, #basic-section-topic, #prices-section-topic, #options-section-topic, #colors-section-topic, #prices-matrix-section-topic {background: white;margin: 15px 20px;border-bottom: 2px solid #7076cf;color: #5c60a4;}
.default-section, #basic-section, #prices-section, #more-prices-section, #options-section, #colors-section, #prices-matrix-section {padding: 10px 20px;margin: 0px;}
.item-option-parametri {display:inline-block;text-align:center;font-size:10px;color:white;width:25px;height:25px;font-weight:bold;margin-top:10px;cursor:pointer;background-color:white;background-image: url(../img/iconOrderOpen.png);background-repeat:no-repeat;background-position: 4px 4px;}
.item-option-parametri:hover {background-color:#ddd;}
.item-option-tag {display:inline-block;text-align:center;font-size:10px;color:white;width:25px;height:25px;font-weight:bold;margin-top:10px;cursor:pointer;background-color:white;background-image: url(../img/iconTag.png);background-repeat:no-repeat;background-position: 4px 4px;}
.item-option-tag:hover {background-color:#ddd;}
#plane-section-topic {background:white;margin-bottom:15px;padding-left:20px;}

tr.matrix-tr:nth-child(even) {border-left:30px solid #fafafa;border-right:30px solid #fafafa;border-bottom:15px solid #fafafa;border-top:10px solid #fafafa;background-color:#fafafa;}
tr.matrix-tr:nth-child(odd) {border-left:30px solid white;border-right:30px solid white;border-bottom:15px solid white;border-top:10px solid white;background-color:white;}

.item-topic-title-wrapper {float:left;display:block;}
@media (max-width: 768px) {
	.item-topic-title-wrapper {display:none;}
}

.item-topic-buttons-wrapper {float:right;}
.item-topic-title {font-size: 16px;font-family: 'Open Sans', sans-serif;font-weight: 400;padding-top: 10px;}
.item-topic-subtitle {font-size: 16px;font-family: 'Open Sans', sans-serif;font-weight: 400;padding:15px 0px;text-transform:uppercase;}
.item-topic-btn {display: inline-block;padding: 6px 0px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: none;border-radius: 0px;}
.item-topic-title-container {width:420px;background:#f3f3f3;padding:20px;}

.resetPriceBtn, .resetStockBtn {display:inline-block;font-size:12px;font-weight:bold;cursor:pointer;color:#7076cf;}

/* LASTNOSTI ARTIKLA
----------------------------------------------------------------*/

/* TAGIT - start */
.itemTaggingContainerHeader, .itemTaggingContainer {display: block;float: left;width: 100%;}
.itemTaggingContainerHeader .formItem1 {width: 200px;}
.itemTaggingContainerHeader .formItem3 {width: 420px;}
.itemTaggingContainer .formItemTags {display: block;float: left;width: 100%;cursor: text;padding-bottom:10px;}
.itemTaggingContainer {margin-bottom: 0px;}
.itemTaggingContainer .formItemTags:hover {background-color: white;}
ul.tagit {overflow: auto;margin: 0;padding: 0;}
ul.tagit li {display: block;float: left;background-color: #e5e5e5;padding: 3px 28px 0 10px;margin: 0px 0 0 4px;color: #666;font-size: 13px;}
ul.tagit li.tagit-choice {position: relative;min-height:24px;padding: 0px 26px 0px 9px;margin-bottom:4px;}
ul.tagit li.tagit-choice a.tagit-label {cursor: pointer;text-decoration: none;}
ul.tagit li.tagit-choice .tagit-close {cursor: pointer;position: absolute;right: 0;top: 0;height: 24px;width: 24px;background-image: url(../img/iconTaggingDelete.png);background-repeat: no-repeat;background-position: 6px 5px;text-indent: -9999px;overflow: hidden;}
ul.tagit li.tagit-choice .tagit-close:hover {background-color: #BC3838;background-position: 6px -94px;}
ul.tagit li.tagit-new {background-color: inherit;padding: 0px 0 0 0;}
ul.tagit li.tagit-choice input {display: block;float: left;margin: 2px 5px 2px 0;padding:0px;}
ul.tagit input[type="text"] {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border: none;margin: 0;padding: 0px 10px 0 9px;width: 120px;background-color: inherit;outline: none;font-size: 13px;color: #666;line-height: normal;}
.formItemTags .ui-widget-content {border: none;background: none;color: #666;}
.formItemTags .ui-widget-content {border: none;background: none;color: #666;border-radius: 0px;box-shadow: none;-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;	min-height:28px;}
.formItemTags .ui-widget-content li {background-color: #e5e5e5;}
.formItemTaggingOptions {width:35%;float:left;margin-right:4px;}
.formItemTaggingValues {width:60% !important;float:left;}
/* TAGIT - end*/

.thumbBox {display: block;float: left;width: 25%;height: 100%;border: 4px solid white;background-color: #f9f9f9;position: relative;}
.thumbBox img {display: block;float: left;width:100%;height:100%}
.thumbBox img:hover {cursor: move;}
.thumbBtn {display: block;float: left;width: 32px;height: 32px;border-top: 1px solid #e5e5e5;}
.thumbBtnLarge {display: block;float: left;width: 48px;height: 32px;border-top: 1px solid #e5e5e5;}
.thumbBtnLargeAlt {display: block;float: left;width: 48px;height: 32px;background-position: 16px 0px !important;}
.thumbAlt {border-right: 1px solid #e5e5e5;background-image: url(../img/iconTag.png);background-position: 21px 8px;background-repeat: no-repeat;background-size: 16px 16px;width:50%}
.thumbAltLarge {border-right: 1px solid #e5e5e5;background-image: url(../img/iconTag.png);background-position: 16px 8px;background-repeat: no-repeat;background-size: 16px 16px;padding-right: 1px;}
.thumbCrop {border-right: 1px solid #e5e5e5;background-image: url(../img/iconCrop.png);background-position: 8px 8px;background-repeat: no-repeat;background-size: 16px 16px;width:33.3333%;display:none;}
.thumbCheck {border-right: 1px solid #e5e5e5;background-image: url(../img/iconCheckSmall.png);background-position: 8px 8px;background-repeat: no-repeat;background-size: 16px 16px;}
.thumbUncheck {border-right: 1px solid #e5e5e5;background-image: url(../img/iconUncheckSmall.png);background-position: 8px 8px;background-repeat: no-repeat;background-size: 16px 16px;}
.thumbDelete {background-image: url(../img/iconTrash.png);background-position: 21px 8px;background-repeat: no-repeat;background-size: 16px 16px;width:33.3333%;width:50%;}
.thumbDeleteLarge {background-image: url(../img/iconTrash.png);background-position: 16px 8px;background-repeat: no-repeat;background-size: 16px 16px;width:33.3333%}
.thumbBtn:hover {background-color: #e5e5e5;cursor: pointer;}
.thumbBtnLarge:hover {background-color: #e5e5e5;cursor: pointer;}
.thumbBtnLargeAlt:hover {background-color: transparent;cursor: pointer;}
.thumbBtnAlt1 {display: block;float: left;width: 32px;height: 32px;border-top: 1px solid #e5e5e5;}
.thumbBtnAlt1:hover {background-color: #e5e5e5;cursor: pointer;}
.thumbCheckAlt1 {border: 1px solid #e5e5e5;background-image: url(../img/iconCheckSmall.png);background-position: 8px 8px;background-repeat: no-repeat;background-size: 16px 16px;}
.thumbUncheckAlt1 {border: 1px solid #e5e5e5;background-image: url(../img/iconUncheckSmall.png);background-position: 8px 8px;background-repeat: no-repeat;background-size: 16px 16px;}
#heroImg {display: block;position: absolute;top: 0px;left: 0px;width: 98px;padding: 2px 0;color: #fff;background-image: url(../img/transparentBg.png);text-align: center;font-size: 11px;z-index: 10;}
.thumbBox.heroImg #heroImg {display: block !important;}
#linkedFilesList {display: block;float: left;margin: 0 20px 10px 0;width: 640px;}
#linkedFilesList ul {display: block;float: left;margin: 0;padding: 0;list-style: none;}
#linkedFilesList li {background-image: url("../img/iconFile.png");background-position: 10px 0;background-repeat: no-repeat;clear: left;display: block;float: left;padding: 0 0 10px 32px;font-weight: bold;}
#linkedFilesList li span {color: #999;font-weight: normal;}
#linkFilesBtnBox {display: block;float: right;}

#nazivArt.disabled {color:#990000}

/* TRANSLATIONS - start */
input.textTrans {-webkit-appearance: none;display: block;border: 1px solid #00aeef;color: #666;}
textarea.textTrans {border: 1px solid #00aeef;}
input.textTransSmall {border: 1px solid #00aeef;width: 50px;padding:5px;margin:0px 0 0 3px; float:left;}
#contentTranlsations {margin-top:10px;margin-bottom:10px;}
#translationMode {position:absolute;top:110px;padding-left:800px;font-size:20px;color:#00aeef;font-weight:bold;}
#translationModeAlt1 {position:absolute;top:98px;padding-left:0px;font-size:20px;color:#00aeef;font-weight:bold;}
#translationModeAlt2 {position:absolute;top:110px;padding-left:290px;font-size:20px;color:#00aeef;font-weight:bold;}
#contentOriginalLanguage {float: right;}
#contentOriginalLanguageAlt {float: left;}
#contentOriginalLanguageAlt2 {float: left;}
.contentOriginalLanguage {float: left;}
.contentOriginalLanguageAlt {float: left;}
.contentOriginalLanguageAlt2 {float: left;}
.originalLanguageItem {float:left;padding:5px 10px;border-right:1px solid white;text-align:center;width:40px;color:white;margin-bottom:10px;background:#00aeef;cursor:pointer;font-size:11px;border-radius:4px}
.originalLanguageItem:hover {background:#333}
.originalLanguageItemAlt {float:left;padding:5px 10px;border-right:1px solid white;text-align:center;width:40px;color:white;margin-bottom:10px;background:#00aeef;cursor:pointer;}
.originalLanguageItemAlt:hover {background:#333}
.originalLanguageItemAlt2 {float:left;padding:5px 10px;border-right:1px solid white;text-align:center;width:40px;color:white;margin-bottom:10px;background:#00aeef;cursor:pointer;}
.originalLanguageItemAlt2:hover {background:#333}
.originalLanguageItemDom {float:left;padding:5px 10px;border-right:1px solid white;text-align:center;width:40px;color:white;margin-bottom:10px;background:#00aeef;cursor:pointer;font-size: 11px;border-radius: 0px;}
.originalLanguageItemDom:hover {background:#333}
.originalLanguageItemHeader {padding:5px 0px;}
#contentTranslatedLanguage {float: right;padding-left:10px;}
#contentTranslatedLanguageAlt {float: left;padding-left:10px;}
#contentTranslatedLanguageAlt2 {float: left;padding-left:10px;}
.transLanguageTopic {float:left;color:#333;padding:5px;}
.transLanguage {float:left;color:#333;padding:5px 10px;text-align:center;border-right:1px solid white;width:40px;background:#eee;cursor:pointer;font-size:11px;border-radius:4px}
.transLanguage:hover {background:#333;color:white;}
.transLanguage.active {background:#4e992e;color:white;}
.transLanguageAlt {float:left;color:#333;padding:5px 10px;text-align:center;border-right:1px solid white;width:40px;background:#eee;cursor:pointer;}
.transLanguageAlt:hover {background:#333;color:white;}
.transLanguageAlt.active {background:#4e992e;color:white;}
.transLanguageAlt2 {float:left;color:#333;padding:5px 10px;text-align:center;border-right:1px solid white;width:40px;background:#eee;cursor:pointer;}
.transLanguageAlt2:hover {background:#333;color:white;}
.transLanguageAlt2.active {background:#4e992e;color:white;}
.myClass {border: 1px solid red;}
.noticeTranslation {padding:10px;font-weight:bold;color:red;}
.contentTranslatedLanguageFiles {float: left;padding-left:10px;}
.transLanguageFiles {float:left;color:#333;padding:5px 10px;text-align:center;border-right:1px solid white;width:40px;background:#eee;cursor:pointer;}
.transLanguageFiles:hover {background:#333;color:white;}
.transLanguageFiles.active {background:#4e992e;color:white;}
/* TRANSLATIONS - end */

/* CATEGORIES
----------------------------------------------------------------*/

#content.kategorijeList {
	font-weight: bold;
	margin: 30px 39px 40px 39px;
}
#content.kategorijeList span {
	font-weight: normal;
	color: #999;
}
#content.kategorijeList ol {
	clear: both;
	display: block;
	float: left;
	margin: 0 0 0 0px;
	padding: 0;
	list-style: none;
}
#content.kategorijeList ol li {
	clear: both;
	display: block;
	float: left;
	margin-top: 3px;
}
#content.kategorijeList ol ol {
	padding-left: 50px;
	margin: 0;
}
#content.kategorijeList ol li div.nazivKat {
	display: block;
	float: left;
	padding: 10px;
	background-color: #F9F9F9;
	border: 1px solid #E5E5E5;
	width: 350px;
}
#content.kategorijeList ol li div.nazivKat:hover {
	background-color: #eeeeee;
	cursor: move;
}
#content.kategorijeList ol li div.nazivKat.disabled {
	color: #BC3838;
	background-image: url(../img/iconHidden.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	padding: 10px 10px 10px 32px;
	width: 250px;
}
#content.kategorijeList .urediKat, #content.kategorijeList .artikliKat, #content.kategorijeList .dodajKat, #content.kategorijeList .dodajPar {
	display: block;
	float: left;
	height: 39px;
	width: 39px;
	background-color: #F9F9F9;
	border: 1px solid #E5E5E5;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	text-indent: -9999px;
	overflow: hidden;
}
#content.kategorijeList .urediKat {
	background-image: url(../img/iconEdit.png);
}
#content.kategorijeList .artikliKat {
	background-image: url(../img/iconProduct.png);
}
#content.kategorijeList .dodajKat {
	background-image: url(../img/iconAdd.png);
}
#content.kategorijeList .dodajPar {
	background-image: url(../img/iconOrderOpen.png);
}
#content.kategorijeList .urediKat:hover, #content.kategorijeList .artikliKat:hover, #content.kategorijeList .dodajKat:hover, #content.kategorijeList .dodajPar:hover {
	background-color: #E5E5E5;
	cursor: pointer;
}
#content.kategorijeList .controlContainer {
	display: block;
	float: left;
}
#content.kategorijeList .controlContainer .controls {
	display: block;
	float: left;
}
#content.kategorijeList ol ol .controlContainer {
	background-image: url(../img/categoryTreeBg.png);
	background-repeat: no-repeat;
	background-position: 20px 0;
}
#content.kategorijeList ol ol ol ol .dodajKat {
	display: none;
}
#content.kategorijeList .placeholder {
	border: 1px dashed #4E992E;
	background-color: #cae0c0;
	background-image: url(../img/iconCheckmark.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height:39px;
}
#content.kategorijeList .mjs-nestedSortable-error {
	border: 1px dashed #BC3838;
	background-color: #ebc3c3;
	background-image: url(../img/iconBlocked.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#content.pricesList {
	font-weight: bold;
	margin: 0px 39px 40px 0px;
	cursor:move;
}
#content.pricesList span {
	font-weight: normal;
	color: #999;
}
#content.pricesList ol {
	clear: both;
	display: block;
	float: left;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	list-style: none;
	width:100%;
}
#content.pricesList ol li {
	clear: both;
	display: block;
	float: left;
	margin-top: 10px;
	width:100%;
}
#content.pricesList ol ol {
	padding-left: 50px;
	margin: 0;
	
}
#content.pricesList .placeholder {
	border: 1px dashed #4E992E;
	background-color: #cae0c0;
	background-image: url(../img/iconCheckmark.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#content.pricesList .mjs-nestedSortable-error {
	border: 1px dashed #BC3838;
	background-color: #ebc3c3;
	background-image: url(../img/iconBlocked.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* CONTENT MENU
----------------------------------------------------------------*/

#content.meniList {
	font-weight: bold;
	margin: 30px 39px 40px 39px;
}
#content.meniList span {
	font-weight: normal;
	color: #999;
}
#content.meniList ol {
	clear: both;
	display: block;
	float: left;
	margin: 0 0 0 0px;
	padding: 0;
	list-style: none;
}
#content.meniList ol li {
	clear: both;
	display: block;
	float: left;
	margin-top: 3px;
}
#content.meniList ol ol {
	padding-left: 25px;
	margin: 0;
}
#content.meniList ol li div.nazivMeni {
	display: block;
	float: left;
	padding: 10px;
	background-color: #F9F9F9;
	border: 1px solid #E5E5E5;
	width: 250px;
	border-radius: 0px;
}
#content.meniList ol li div.nazivMeni:hover {
	background-color: #E5E5E5;
	cursor: move;
}
#content.meniList ol li div.nazivMeni.disabled {
	color: #BC3838;
	background-image: url(../img/iconHidden.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	padding: 10px 10px 10px 32px;
	width: 250px;
}
#content.meniList .urediMeni, #content.meniList .dodajMeni {
	display: block;
	float: left;
	height: 39px;
	width: 39px;
	background-color: #F9F9F9;
	border: 1px solid #E5E5E5;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	text-indent: -9999px;
	overflow: hidden;
	border-radius:0px;
}
#content.meniList .urediMeni {
	background-image: url(../img/iconEdit.png);
}
#content.meniList .dodajMeni {
	background-image: url(../img/iconAdd.png);
}

#content.meniList .urediMeni:hover, #content.meniList .dodajMeni:hover {
	background-color: #E5E5E5;
	cursor: pointer;
}
#content.meniList .controlContainer {
	display: block;
	float: left;
}
#content.meniList .controlContainer .controls {
	display: block;
	float: left;
}
#content.meniList ol ol .controlContainer {
	background-image: url(../img/categoryTreeBg.png);
	background-repeat: no-repeat;
	background-position: 20px 0;
}
#content.meniList .placeholder {
	border: 1px dashed #4E992E;
	background-color: #cae0c0;
	background-image: url(../img/iconCheckmark.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height:39px;
}
#content.meniList .mjs-nestedSortable-error {
	border: 1px dashed #BC3838;
	background-color: #ebc3c3;
	background-image: url(../img/iconBlocked.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* COLLECTIONS
----------------------------------------------------------------*/

.itemCollectionsContainerHeader {
	display: block;
	width: 100%;
}
.collectionsCol {
	display: block;
	float: left;
}
.collectionsCol1 {
	clear: both;
	width: 15%;
	margin-right: 1%;
}
.collectionsCol2 {
	width: 60%;
	margin-right: 1%;
}
.collectionsCol3 {
	width: 15%;
}
.itemCollectionsContainer {
	display: block;
}
.itemCollectionsContainer .collectionsCol1, .itemCollectionsContainer .collectionsCol2, .itemCollectionsContainer .collectionsCol3 {
	margin-bottom: 4px;
}
.collectionsCol2 .collectionName {background-color: #F9F9F9;border: 1px solid #E5E5E5;display: block;float: left;padding: 10px;width: 80%;font-weight: bold;}
.collectionsCol2 .collectionName span {
    color: #999999;
    font-weight: normal;
}
.collectionsCol2 .editCollection {background-color: #F9F9F9;background-position: 10px 10px;background-repeat: no-repeat;border: 1px solid #E5E5E5;display: block;float: left;height: 39px;margin-left: 2px;overflow: hidden;text-indent: -9999px;width: 10%;max-width:39px;background-image: url("../img/iconEdit.png");}
.collectionsCol2 .editCollection:hover {cursor: pointer;background-color: #E5E5E5;}
.addProductsCollection {margin: 0;padding: 8px 25px;text-align: center;}
.collectionsEditList #listHeader {width: 449px;border-top: 1px solid #E5E5E5;}
.collectionsEditList #listHeader div.iconCol {
	float: left;
	width: 16px;
	background-image: url(../img/iconProduct.png);
	background-repeat: no-repeat;
	background-position: 9px 12px;
	background-size: 16px 16px;
    height: 29px;
    padding: 11px 10px 0;
	border-right: 1px solid #E5E5E5;
}
.collectionsEditList #listHeader div.col1 {
	width: 391px;
}
.collectionsEditList #listHeader div.col2 {
	width: 429px;
	text-align: right;
}
.collectionsEditList #listHeader div.col1:hover, .collectionsEditList #listHeader div.col2:hover {
	background-color: #F9F9F9;
	cursor: default;
}
#collectionsSelectedContainer {
	float: left;
	width: 450px;
	padding-bottom: 40px;
}
#collectionsListContainer {
	float: right;
	width: 50%;
	/*padding: 0 10px 40px 0;*/
}
.collectionsProductAddedList {
	display: block;
	padding: 11px 10px 11px 48px;
	font-weight: bold;
	border-bottom: 1px solid #E5E5E5;
    background-image: url("../img/iconProduct.png");
    background-position: 10px 12px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}
.collectionsProductAddedList:hover {
	background-color: #F9F9F9;
	cursor: pointer;
    background-image: url("../img/iconTrash.png");
}
.collectionsAllProductsLine {display: block;float: left;width: 100%;margin-top: 0px;}
.switchControllerAllProductsTitle {display: block;float: right;font-weight: bold;width: 90%;padding: 7px 0 0 0;}
#collectionsProductFilter {margin-bottom:15px;}
#collectionsProductFilter input {float: left;margin: 0;width: 100%;}
.item-collection-active {margin-top:5px;}
.item-collection-product {width:10%;}
#collectionSearchButton {
	display: block;
	float: left;
	width: 34px;
	height: 34px;
	border: 1px solid #e5e5e5;
	background-color: #f9f9f9;
	background-image: url(../img/iconSearch.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	background-size: 16px 16px;
	border-radius:4px;
	margin-left:4px;
}
#collectionSearchButton:hover {
	cursor: pointer;
	background-color: #e5e5e5;
}

/* COUPONS
----------------------------------------------------------------*/

#createCouponsCodeBtn {display: block;float: left;width: 34px;height: 34px;background-color: #4E992E;background-image: url(../img/iconRandom.png);background-repeat: no-repeat;background-position: 0px -136px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#createCouponsCodeBtn:hover {
	cursor: pointer;
	background-color: #3B424A;	
}
.formItem .switchContainer {
	margin-bottom: 20px;
}

.formInfo {color:red;}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: .25rem;
}
#file-uploader {
    margin-left: 0px;
}

/* ŠIFRANTI
----------------------------------------------------------------*/
.codesContentRow {
	padding: 8px 0px 0px 26px;
	height: 33px;
	cursor: pointer;
	border-top: 1px solid #ddd;
}
.codesContentRow:hover {
	background: #eee;
}
.codesContentRowOn {
	background: #eee
}
.codesSubRowWrapper {
	padding: 5px 0px 0px 0px;
	cursor: pointer;
}
.codesSubRowWrapperOn {
	background: #f3f3f3;
}
.codesSubRow {
	height: 33px;
	float: left;
	width: 100%;
}
.codesSubRow:hover {
	background: #eee;
}
.codesSubRowEdit {
	float: left;
	width: 100%;
}
.codesSubRowAdd {
	float: left;
	width: 600px;
	padding: 2px 0 4px 0;
}
.codesHeader {
	height: 30px;
	border-bottom: 1px solid #ddd;
	margin: 0 27px;
	margin-bottom: 5px;
}
.codesHeaderCode {
	float: left;
	padding-top: 7px;
	width: 55px;
	color: #555;
	margin-right: 5px;
}
.codesHeaderDesc {
	float: left;
	padding-top: 7px;
	width: 130px;
	color: #555;
	margin-right: 5px;
}
.codesHeaderParent {
	float: left;
	padding-top: 7px;
	width: 150px;
	color: #555;
	padding-left: 10px;
	margin-right: 5px;
}
.codeTextCodePreview {
	background: transparent;
	border: none;
	height: 30px;
	width: 70px;
	float: left;
	padding-left: 27px;
	margin-right: 5px;
	cursor: pointer;
}
.codeTextCodePreview.displayOnly {
	color: #777;
}
.codeTextDescPreview {
	background: transparent;
	border: none;
	height: 30px;
	width: 150px;
	float: left;
	padding-left: 10px;
	margin-right: 5px;
	cursor: pointer;
}
.codeTextDescPreview.displayOnly {
	color: #777;
}
.codeTextParentPreview {
	background: transparent;
	border: none;
	height: 30px;
	width: 150px;
	float: left;
	padding-left: 10px;
	margin-right: 5px;
	cursor: pointer;
}
.codeTextParentPreview.displayOnly {
	color: #777;
}
.codeTextDrzavaPreview {
	background: transparent;
	border: none;
	height: 30px;
	width: 150px;
	float: left;
	padding-left: 10px;
	margin-right: 5px;
	cursor: pointer;
}
.codeTextDrzavaPreview.displayOnly {
	color: #777;
}
.codeTextCodeEdit {
	background: transparent;
	border: none;
	height: 30px;
	width: 70px;
	float: left;
	padding-left: 27px;
	margin-right: 5px;
	cursor: pointer;
}
.codeTextDescEdit {
	background: #ddd;
	border: none;
	height: 30px;
	width: 150px;
	float: left;
	padding-left: 10px;
	margin-right: 5px;
	cursor: pointer;
}
.codeTextParentEdit {
	background: #ddd;
	border: none;
	height: 30px;
	width: 150px;
	float: left;
	padding-left: 10px;
	margin-right: 5px;
	cursor: pointer;
}
.codeTextDrzavaEdit {
	background: #ddd;
	border: none;
	height: 30px;
	width: 150px;
	float: left;
	padding-left: 10px;
	margin-right: 5px;
	cursor: pointer;
}
.codeTextCodeAdd {
	background: #ddd;
	border: none;
	height: 30px;
	width: 70px;
	float: left;
	padding-left: 27px;
	margin-right: 5px;
	cursor: pointer;
}
.codeTextDescAdd {
	background: #ddd;
	border: none;
	height: 30px;
	width: 150px;
	float: left;
	padding-left: 10px;
	margin-right: 5px;
	cursor: pointer;
}
.codeTextParentAdd {
	background: #ddd;
	border: none;
	height: 30px;
	width: 150px;
	float: left;
	padding-left: 10px;
	margin-right: 5px;
	cursor: pointer;
}
.codeTextDrzavaAdd {
	background: #ddd;
	border: none;
	height: 30px;
	width: 150px;
	float: left;
	padding-left: 10px;
	margin-right: 5px;
	cursor: pointer;
}
#codeButtonAddWrapper {
	float: right;
	/*padding: 2px 8px 5px 0;*/
}
.button {
	padding: 5px 0;
	width: 100px;
	border: none;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
	background: #7076cf;
}
.button:hover {
	opacity: 0.7
}
.codesSelectionWrapper {
	overflow: auto;
	max-height: 200px;
}
.codesSelectionRow {
	cursor: pointer
}
.codesSelectionRow:hover {
	background: white;
}
.brandCodesSelectionRow {
	cursor: pointer
}
.brandCodesSelectionRow:hover {
	background: white;
}
/* �IFRANTI - start*/
.txtName {
	float: left;
	width: 300px;
}
.txtNameAdmin {
	float: right;
	width: 30px;
	background: red;
}
/* �IFRANTI - end*/

/* TRANSLATIONS */
.itemTranslationsWrapper {padding:30px 20px;}
.itemTranslationsLanguage {float:left;padding:0 5px 20px 5px;}
.itemTranslationsText {float:left;color:#333;font-weight:bold;}
.dropdownEditShortTranslations {border:1px solid #ccc;padding:0px 10px;margin:-5px 0 0 10px;}
.dropdownEditShortTranslations option {padding:5px 14px;}
.itemTranslations {float:left;padding:1px;}
.addItemTranslations {color:white;background:#4e992e;border:none;margin:1px 1px 0 0;height:34px;width:60px;cursor:pointer;}
.addItemTranslations:hover {background:#333}
.deleteItemTranslations {color:white;background:#00aeef;border:none;margin:1px 0 0 0;height:34px;width:60px;cursor:pointer;margin-left:-3px;}
.deleteItemTranslations:hover {background:#333}
.saveTranslations {color:white;background:#4e992e;border:none;height:34px;width:80px;cursor:pointer;}
.saveTranslations:hover {background:#333}
.cancelTranslations {color:white;background:#00aeef;border:none;height:34px;width:80px;cursor:pointer;}
.cancelTranslations:hover {background:#333}
#translationsButtons {margin:20px 2px;}
#btnItemsWithoutTranslations {float:right;margin-top:-5px;margin-right:33px;}
.textboxEditShort {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	display: block;
	border: 1px solid #e5e5e5;
	padding: 0 0 0 9px;
	font-size: 13px;
	height: 32px;
	width:100px;
	color: #666;
}
.textboxEditMedium {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	display: block;
	border: 1px solid #e5e5e5;
	padding: 0 0 0 9px;
	font-size: 13px;
	height: 32px;
	width:320px;
	color: #666;
}
.subHeaderContentTranslations {color:#333;font-weight:bold;font-size:16px;padding:15px 0 15px 10px;height:20px;}

/* TRANSLATIONS*/
input.textTrans {-webkit-appearance: none;-webkit-border-radius: 0;display: block;border:none;border-bottom: 1px solid #7076cf;padding: 4px 4px;font-size: 13px;/*height: 32px;*/color: #7076cf;}
textarea.textTrans {border: 1px solid #7076cf;color: #7076cf;}
.formItemSort input.textTrans {width: 29px;}
.formItem0 input.textTrans {width: 79px;}
.formItem1 input.textTrans {/*width: 189px;*/}
.formItem2 input.textTrans {/*width: 299px;*/}
.formItem3 input.textTrans {width: 409px;}
.formItem4 input.textTrans {width: 629px;}
input.textTransSmall {border:none;border-bottom: 1px solid #7076cf;width: 80px;padding:5px;}
#translationMode {position:absolute;top:110px;padding-left:800px;font-size:20px;color:#7076cf;font-weight:bold;}
#translationModeAlt1 {position:absolute;top:110px;right:20px;font-size:20px;color:#7076cf;font-weight:bold;}
#translationModeAlt2 {position:absolute;top:110px;padding-left:290px;font-size:20px;color:#7076cf;font-weight:bold;}
#contentOriginalLanguage {float: left;}
#contentOriginalLanguageAlt {float: left;}
#contentOriginalLanguageAlt2 {float: left;}
.contentOriginalLanguage {float: left;}
.contentOriginalLanguageAlt {float: left;}
.contentOriginalLanguageAlt2 {float: left;}
.originalLanguageItem {float:left;padding:5px 10px;border-right:1px solid white;text-align:center;width:40px;color:white;margin-bottom:10px;background:#7076cf;cursor:pointer;border-radius:0px;}
.originalLanguageItem:hover {background:#333}
.originalLanguageItemAlt {float:left;padding:5px 10px;border-right:1px solid white;text-align:center;width:40px;color:white;margin-bottom:10px;background:#7076cf;cursor:pointer;}
.originalLanguageItemAlt:hover {background:#333}
.originalLanguageItemAlt2 {float:left;padding:5px 10px;border-right:1px solid white;text-align:center;width:40px;color:white;margin-bottom:10px;background:#7076cf;cursor:pointer;}
.originalLanguageItemAlt2:hover {background:#333}
.originalLanguageItemDom {float:left;padding:5px 10px;border-right:1px solid white;text-align:center;width:40px;color:white;margin-bottom:10px;background:#7076cf;cursor:pointer;}
.originalLanguageItemDom:hover {background:#333}
.originalLanguageItemHeader {padding:0 0 5px 0px;}
#contentTranslatedLanguage {float: left;padding-left:0px;}
#contentTranslatedLanguageAlt {float: left;padding-left:10px;}
#contentTranslatedLanguageAlt2 {float: left;padding-left:10px;}
.transLanguageTopic {float:left;color:#333;padding:5px;}
.transLanguage {float:left;color:#333;padding:5px 10px;text-align:center;border-right:1px solid white;width:40px;background:#eee;cursor:pointer;border-radius:0px;}
.transLanguage:hover {background:#333;color:white;}
.transLanguage.active {background:#4e992e;color:white;}
.transLanguageAlt {float:left;color:#333;padding:5px 10px;text-align:center;border-right:1px solid white;width:40px;background:#eee;cursor:pointer;}
.transLanguageAlt:hover {background:#333;color:white;}
.transLanguageAlt.active {background:#4e992e;color:white;}
.transLanguageAlt2 {float:left;color:#333;padding:5px 10px;text-align:center;border-right:1px solid white;width:40px;background:#eee;cursor:pointer;}
.transLanguageAlt2:hover {background:#333;color:white;}
.transLanguageAlt2.active {background:#4e992e;color:white;}
.myClass {border: 1px solid red;}
.noticeTranslation {padding:10px;font-weight:bold;color:red;}
.contentTranslatedLanguageFiles {float: left;padding-left:10px;}
.transLanguageFiles {float:left;color:#333;padding:5px 10px;text-align:center;border-right:1px solid white;width:40px;background:#eee;cursor:pointer;}
.transLanguageFiles:hover {background:#333;color:white;}
.transLanguageFiles.active {background:#4e992e;color:white;}
.transLanguageClose {float: left;color: white;padding: 5px 5px;text-align: center;border-right: 1px solid white;width: 26px;background: #b92626;cursor: pointer;border-radius: 0px;font-size: 10px;}
.transLanguageClose:hover {background:#333;color:white;}

/* SIDEBAR - start */
#sidebar {width: 250px;position: fixed;top: 0;left: 0;height: 100vh;z-index: 999;background: #7076cf;color: #fff;transition: all 0.3s;z-index:999999}
#sidebar.active {margin-left: -250px;}
#sidebar .sidebar-header {padding:20px 10px;background: #5c60a4;height:80px;}
#sidebar ul.components {padding: 0px;}
#sidebar ul p {color: #fff;padding: 10px;}
#sidebar ul li a {padding:5px 10px;font-size: 14px;display: block;color:white;}
#sidebar ul li[role="separator"] {border-bottom:1px solid #5c60a4;}
#sidebar ul li a:hover {color: #7076cf;background: #fff;}
#sidebar ul li.active > a, a[aria-expanded="true"] {color: #fff;background: #5c60a4;}
a[data-toggle="collapse"] {position: relative;}
a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {content: '\e259';display: block;position: absolute;right: 20px;font-family: 'Glyphicons Halflings';font-size: 0.6em;}
a[aria-expanded="true"]::before {content: '\e260';}
ul ul a {font-size: 0.9em !important;padding-left: 30px !important;background: #7076cf;}
ul.CTAs {padding: 20px;}
ul.CTAs a {text-align: center;font-size: 0.9em !important;display: block;border-radius: 5px;margin-bottom: 5px;}
a.download {background: #fff;color: #7076cf;}
a.article, a.article:hover {background: #5c60a4 !important;color: #fff !important;}
#contentWrapper {width: calc(100% - 250px);padding: 0px;min-height: 100vh;transition: all 0.3s;position: absolute;top: 0;right: 0;}
#contentWrapper.active {width: 100%;}
.container-fluid {background: #f3f3f3;padding: 20px;height: 80px;position: fixed;width:calc(100% - 250px);z-index: 999;}
.container-fluid.translations {background: orange;}
.sidebarCollapse {display:none;padding-left:10px;}
@media (max-width: 768px) {
	.sidebarCollapse {display:block;}
    #sidebar {margin-left: -250px;}
    #sidebar.active {margin-left: 0;}
    #contentWrapper {	width: 100%;}
    #contentWrapper.active {width: calc(100% - 250px);}
    /*#sidebarCollapse span {display: none;}*/
	.container-fluid {width:100%}
}
/* SIDEBAR - end */

/* FLOATING LABELS - start */
.floating-form {margin-top:10px;}
.floating-label { position:relative; padding-bottom:20px;}
.floating-input, .floating-select, ul.tagit input[type=text] {font-size:14px;padding:4px 4px;display:block;width:100%;height:30px;background-color: transparent;border:none;border-bottom:1px solid #ddd;}
.floating-input:read-only {background:#f3f3f3;}
.floating-input:focus , .floating-select:focus, ul.tagit input[type=text]:focus { outline:none; border-bottom:1px solid #5c60a4; }
label.floating-label {color:#aaa; font-size:14px;font-weight:normal;position:absolute;pointer-events:none;left:5px;top:5px;transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
.floating-input:focus ~ label.floating-label, .floating-input:not(:placeholder-shown) ~ label.floating-label {top:-18px;font-size:14px;color:#aaa;}
.floating-select:focus ~ label.floating-label , .floating-select:not([value=""]):valid ~ label.floating-label {top:-18px;font-size:14px;color:#aaa;}
/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {width:50%;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.floating-textarea {min-height: 150px;max-height: 260px; overflow:hidden;overflow-x: hidden; }
/* highlighter */
.highlight {position:absolute;height:50%; width:100%; top:15%; left:0;pointer-events:none;opacity:0.5;}
/* active state */
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {-webkit-animation:inputHighlighter 0.3s ease;-moz-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease;}
/* animation */
@-webkit-keyframes inputHighlighter {
	from { background:#5c60a4; } to	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5c60a4; } to	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5c60a4; } to	{ width:0; background:transparent; }
}
/* FLOATING LABELS - end */

/* CUSTOM CONTENT - start */
/* custom content */
.float-left {float:left}
.float-right {float:right}
.item-add-row {text-align:center;border:1px solid #7abfce;padding:2px;background:#a5e3f1;font-size:11px;color:#0888a4;font-weight:bold;letter-spacing:2px;cursor:pointer;}
.item-add-row:hover {text-align:center;border:1px solid #0888a4;color:#06697f}
.item-thumb-addrow-container {text-align:center;display:none;border:1px solid #ddd}
.item-thumb-text {display:inline-block;width:50px;height:50px;margin:10px;cursor:pointer}
.item-thumb-photo {display:inline-block;width:50px;height:50px;margin:10px;cursor:pointer}
.item-content-text {padding:20px;border:1px solid #ddd;margin:5px;}
.custom-content-btn {color:#666;padding:4px;display:inline-block;cursor:pointer;font-weight:bold}
.custom-content-btn:hover {color:#333}
.custom-content-settings .formItem {margin-bottom:10px;}
.custom-content-basic-settings {position: fixed;right: 0px;top: 0px;background:#f3f3f3;padding: 15px;z-index: 99;height: 100%;width: 310px;z-index:99999}
.custom-content-block-settings {position: fixed;right: 0px;top: 0px;background:#f3f3f;padding: 15px;display: none;z-index: 99;height: 100%;width: 310px;z-index:99999}
.custom-content-main-menu-open {position:absolute;top:-42px;right:8px;}
.custom-content-main-menu {top:-42px;right:8px;}
.custom-content-menu-sort {cursor:pointer;padding:0px;margin-right:1px;}
.custom-content-menu-delete {cursor:pointer;padding:0px;margin-right:1px;}
.custom-content-menu-settings {cursor:pointer;padding:0pxmargin-right:1px;}
.change {border:1px solid #7076cf}

.item-funnel-photo-delete {width:10%;float:left;padding:15px 15px 0px 15px;font-size:12px;cursor:pointer;}
.item-funnel-photo-alt-edit {width:10%;float:left;padding:10px 15px 0px 15px;font-size:12px;cursor:pointer;}
.item-funnel-photo-alt {position:absolute;left:34%;margin-top:10px;width:50%;display:none}
.item-funnel-photo-alt-input {width:100%;font-size:12px;}

.item-bumper-photo-insert {position:absolute;top:15px;right:70px;cursor:pointer;}
.item-bumper-photo-delete {position:absolute;top:15px;right:50px;cursor:pointer;}
.item-bumper-photo-alt-edit {position:absolute;top:15px;right:30px;cursor:pointer;/*display:none;*/}
.item-bumper-photo-url-clip {position:absolute;top:15px;right:10px;cursor:pointer;}
.item-bumper-photo-alt {position:absolute;left:34%;margin-top:10px;width:50%;display:none;}
.item-bumper-photo-alt-input {width:133px;font-size:12px;border:1px solid #ccc;padding:5px;}
.item-bumper-media-insert {position:absolute;top:15px;right:70px;cursor:pointer;}
.item-bumper-photo-add-gallery {position:absolute;top:35px;right:10px;cursor:pointer;}

.custom-content-photo-sorable {width:100%;}
#contentContainerCustom {width: calc(100% - 311px)}

/* LOADER - start */
.loader-wrapper, .loader-wrapper1 {position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:9;background:white;}
.loader-wrapper-x {position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:9;background:transparent;}
.loader, .loader1 {position: fixed;left: 50%;top: 50%;z-index: 1;width: 150px;height: 150px;margin: -75px 0 0 -75px;border: 16px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #3498db;width: 120px;height: 120px;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
/* LOADER - end */

/* PRODUCT SEARCH OPTIONS - start */
input#search-field, input#mobile-search-field {color:#333;float: left;width: 400px;height: 44px;background-color: transparent;border:none;border-bottom: 1px solid #7076cf;font-size: 1.1em;}
#search-field-btn, #mobile-search-field-btn {display: block;float: left;width: 44px;height: 44px;border-left: none;text-indent: -9999px;overflow: hidden;background-image: url(../img/searchBtn.png);background-repeat: no-repeat;background-size: 44px 88px;background-position: 0 0px;margin-right:50px;}
#search-field-btn:hover, #mobile-search-field-btn:hover {background-color: #7076cf;background-position: 0px -44px;cursor: pointer;}

/* STRUKTURA - start */
.item-link-article-url, .item-link-article-new {font-size:12px;}
.item-link-article-url:hover, .item-link-article-new:hover {text-decoration:underline;color:#337ab7}
.povezava-meni {position:absolute;top:20px;right:130px;}
/* STRUKTURA - end */

.tooltip.top .tooltip-inner {border-radius:0px;}
.tooltip.bottom .tooltip-inner {border-radius:0px;}