/*Fixy, tricki i essentiale*/
html {height: 100%;}
body {margin: 0; padding: 0; font-family: "lato", arial, sans-serif; color: #010100; min-height: 100%;}
body.login-page {height: 100%;}
body.mmvisible {overflow: hidden;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0;}
img {border: none; font-size: 0; max-width: 100%;}
a {text-decoration: none; color: #010100; outline: 0;}
.clr {width: 100%; clear: both; height: 0px; overflow: hidden; display: block;}
.pointer {cursor: pointer; cursor: hand;}
input, button, textarea {outline: none; font-family: "lato", arial, sans-serif; border-radius:0;}
textarea {resize: none;}
p {margin: 0; padding: 0; line-height: normal; font-family: "lato";}
ul {list-style: none; padding: 0; margin: 0;}
ol {padding: 0 0 0 20px; margin: 0;}
.overall {margin: 0; overflow: hidden; position: relative;}
.page {max-width: 1386px; margin: 0 auto; padding: 0 10px;}
#page {height: 100%;}
.left {float: left;}
.right {float: right;}
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
/*fin*/
h1, h2, h3, h4, h5, h6 {margin: 0;}
h1 {font-size: 70px; text-align: center; line-height: 60px; color: #fff; font-family: "biryani"; font-weight: 700;}
h2 {position: relative; font-size: 18px; line-height: 1; height: 45px; line-height: 45px; color: #fff; border-bottom: 4px solid #ffeb3b; font-weight: 600; text-align: center; overflow: hidden; background: #828282;}
h6 {font-size: 14px; font-weight: 400;}/*
h2:before, h2:after {content: ""; display: inline-block; height: 2px; position: relative; vertical-align: middle; width: 50%; top: -2px; background: #efdf0d;}
h2:before {left: -20px; margin-left: -50%;}
h2:after {right: -20px; margin-right: -50%;}*/

/* .button {display: block; border: 0; outline: 0; cursor: pointer; padding: 10px 18px; line-height: 20px; font-size: 13px; font-weight: 400; color: #fff; background: #00bcd4; transition: all 250ms ease; position: relative; overflow: hidden; z-index: 2;} */
/*button:before, .button:before {position: absolute; background: #efdf0d; content: ""; z-index: -1; top: 2px; bottom: 2px; left: 2px; right: 2px; transform: scaleY(0);transform-origin: 50%; transition: all 250ms ease;}*/
.button {display: block; border: 0; outline: 0; cursor: pointer; padding: 10px 18px; line-height: 20px; font-size: 22px; font-weight: 700; color: #fff; background: #02bbd3; transition: all 250ms ease; position: relative; overflow: hidden; z-index: 2;}
.button:hover {background: #0199ad}
.button.continue {background: #24b9a3}
.button.continue:hover {background: #1da98c}

.button.delete, .button.cancel { background: #fff; color: #000; font-weight: normal;}
.button.cancel{padding: 10px 30px; text-align: right;}
.button.okay{ background: #02bbd3; color: #fff; font-weight: normal;width: 160px;}
.button.okay:hover{ background: #0199ad;}
.button.delete:hover, .button.cancel:hover {text-decoration: underline;}
.button#massAgainBtn{width: 320px; text-align: center;}
/*button:hover:before, .button:hover:before {transform: scaleY(1);}
button:after, .button:after {border: 2px solid transparent; width: 0; height: 0; top: 0; right: 0;content: ''; position: absolute;}*/
/*button:hover:after, .button:hover:after {border-color: #efdf0d;transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; height: 100%; width: 100%;}*/

a.logo {display: inline-block; margin: 0 5px 10px; vertical-align: middle;}
a.logo-right {float: right; width: 220px; margin-top: 3px}
a.logo-left {float: left; width: 220px; margin-top: 3px;}

@media screen and (max-width: 460px) {
	a.logo-left, a.logo-right {float: none;}
}

/*WALIDACJA*/
input.error, textarea.error, .select.error div.fancy-select div.trigger {border-color: #ff5722!important;}
/* .form {position: relative; overflow: hidden; padding: 10px; margin: 10px 0; color: #fff; text-align: left!important;} */
.form{transition: all 500ms ease; position: fixed; overflow: hidden; padding: 10px; margin: 10px 0; color: #fff; text-align: left!important; z-index: 100; right: 14%; width: 100%; max-width: 325px; margin-right: 20px;top: 70px; }
.form:before { font-size: 98px; left: -20px; font-family: 'FontAwesome'; top: -20px; position: absolute; color: rgba(255,255,255,.3);}
.ie8 .form:before {display: none;}
.move-left-form{right:26%;margin-right: 0;transition: all 500ms ease;}
.form h4 {font-size: 16px; font-weight: 700; padding-bottom: 5px;}
.form p {font-size: 14px; line-height: 18px;}
.field-error {font-size: 12px; color: #ff5722!important; margin: 5px 0 0!important}
.form.success {background: #8bc34a;}
.form.error {background: #ff5722;}
.select.error {background: transparent;}
.form.warning {background: #ffc000;}
.form.information {background: #03a9f4;}

/*FONT AWESOME*/
/*.fa {display: inline-block; font: normal normal normal 14px/1 "FontAwesome"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
/*.form.success:before {content: "\f05d";}*/
/*.form.error:before {content: "\f06a";}*/
/*.select.error:before, .file-wrap.error:before {content: none;}*/
/*.form.warning:before {content: "\f071";}*/
/*.form.information:before,.fa-info-circle:before {content: "\F05A";}*/
/*.fa-success:before {content: "\f05d";}*/
/*.fa-error:before {content: "\f06a";}*/
/*.fa-warn:before {content: "\f071";}*/
/*.fa-info:before {content: "\F05A";}*/
/*.fa-long-arrow-alt-left:before {content: "\f177";}*/
/*.fa-long-arrow-alt-right:before {content: "\f178";}*/
/*.fa-search:before {content: "\f002";}*/
/*.fa-bell-o:before {content: "\f0a2";}*/
/*.fa-check-circle:before {content: "\f058";}*/
/*.fa-copyright:before {content: "\f1f9";}*/
/*.fa-profile:before {content: "\f007";}*/
/*.fa-messages:before {content: "\f086";}*/
/*.fa-settings:before {content: "\f013";}*/
/*.fa-logout:before {content: "\f08b";}*/
/*.fa-circle-right-arrow:before {content: "\f0a9";}*/
/*.fa-bookmark:before {content: "\f02e";}*/
/*.fa-bars:before, .submenu #menus:before, .submenu #desktop-menus:before {content: "\f0c9";}*/
/*.submenu #pages:before, .submenu #desktop-pages:before {content: "\f15c";}*/
/*.submenu #admins:before, .submenu #desktop-admins:before {content: "\f0c0";}*/
/*.fa-line-chart:before {content: "\f201";}*/
/*.fa-views:before {content: "\f06e";}*/
/*.fa-new-users:before {content: "\f234";}*/
/*.fa-unique-users:before {content: "\f007";}*/
/*.fa-clock-o:before {content: "\f017";}*/
/*.fa-no:before, .fa-close:before {content: url(../imgs/inactive.png);}*/
/*.fa-one:before {font-family: "Lato";content: "1"}*/
/*.fa-two:before {font-family: "Lato";content: "2"}*/
/*.fa-three:before {font-family: "Lato";content: "3"}*/
/*.fa-four:before {font-family: "Lato";content: "4"}*/
/*.fa-five:before {font-family: "Lato";content: "5"}*/
/*.fa-six:before {font-family: "Lato";content: "6"}*/
/*.fa-seven:before {font-family: "Lato";content: "7"}*/
/*.fa-copy:before {content: "\f0c5";}*/
/*.fa-refresh:before {content: "\f021";}*/
/*.fa-picture:before, .fa-picture-o:before {content: "\f03e";}*/
/*.fa-file-text:before {content: "\f15c";}*/
/*.fa-check:before {content: "\f00c";}*/
/*.fa-sort:before {content: "\f0dc";}*/
/*.fa-sort-down:before {content: "\f0dd";}*/
/*.fa-sort-up:before {content: "\f0de";}*/
/*.fa-arrow-up:before {content: "\f0d8";}*/
/*.fa-arrow-down:before {content: "\f0d7";}*/
/*.fa-back:before {content: "\f0a5";}*/
/*.fa-seo:before {content: "\f1a0";}*/
/*.fa-book:before {content: "\f02d";}*/
/*.fa-upload:before {content: "\f093";}*/
/*.fa-user:before {content: "\f007";}*/
/*.fa-users:before {content: "\f0c0";}*/
/*.fa-cubes:before {content: "\f1b3";}*/
/*.fa-shopping-basket:before {content: "\f291";}*/
/*.fa-retweet:before {content: "\f079";}*/
/*.fa-print:before {content: "\f02f";}*/
/*.fa-question-circle:before {content: "\f059";}*/
/*.fa-reply:before {content: "\f112";}*/
/*.fa-plus-circle:before {content: "\f055";}*/
/*.fa-object-group:before {content: "\f247";}*/
/*.fa-send:before, .fa-paper-plane:before {content: "\f07a";}*/
/*.fa-pencil:before {content: "\f040"}*/
/*.fa-minus:before {content: "\f068"}*/
/*.fa-minus-circle:before {content: "\f056"}*/
/*.fa-music:before {content: "\f001"}*/
/*.fa-info:before {content: "\f129"}*/
/*.fa-cube:before {content: "\f1b2"}*/
/*.fa-download:before {content: "\f019"}*/
/*.fa-ban:before {content: "\f05e"}*/
/*#LEFT-SIDEBAR #crm:before {content: "\f0ae"}*/
/*#LEFT-SIDEBAR #opinions:before {content: "\f087"}*/
/*#LEFT-SIDEBAR #desktop-seo:before, #LEFT-SIDEBAR #seo:before {content: "\f1a0"}*/
/*#LEFT-SIDEBAR #shdebug:before {content: "\f071";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*#LEFT-SIDEBAR #company:before {content: "\e934";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*#LEFT-SIDEBAR #auctions:before {content: "\e932";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*#LEFT-SIDEBAR #products:before {content: "\e939";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*#LEFT-SIDEBAR #config:before {content: "\e935";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*#LEFT-SIDEBAR #www:before {content: "\e93b";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*#LEFT-SIDEBAR #products:before {content: "\e939";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #info:before, .submenu #desktop-info:before{content: "\e933"; font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #news:before, .submenu #desktop-news:before{content: "\e931"; font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #newsletter:before, .submenu #desktop-newsletter:before{content: "\e93f"; font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #logotypes:before, .submenu #desktop-logotypes:before{content: "\e936"; font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #colors:before, .submenu #desktop-colors:before {content: "\f1fc";font-family: 'FontAwesome' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #costs:before, .submenu #desktop-costs:before {content: "\f0d6";font-family: 'FontAwesome' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #places:before, .submenu #desktop-places:before {content: "\f041";font-family: 'FontAwesome' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #models:before, .submenu #desktop-models:before {content: "\e937";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #categories:before, .submenu #desktop-categories:before {content: "\e90b";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #subcategories:before, .submenu #desktop-subcategories:before {content: "\e922";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #
workers:before, .submenu #desktop-workers:before {content: "\e901";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #equipment:before, .submenu #desktop-equipment:before {content: "\e93c";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #preferences:before, .submenu #desktop-preferences:before {content: "\e93a";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #list_products:before, .submenu #desktop-list_products:before {content: "\ea38";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #labels:before, .submenu #desktop-labels:before {content: "\f02f";font-family: 'FontAwesome' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #company:before, .submenu #desktop-company:before {content: "\e934";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
/*.submenu #company:before, .submenu #desktop-company:before {content: "\e934";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
/*#LEFT-SIDEBAR #reports:before {  content: "\e90d";  font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*#LEFT-SIDEBAR #manager:before {  content: "\e915";  font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #reports-users:before, .submenu #desktop-reports-users:before { content: "\f0c0"}*/
/*.submenu #reports-categories:before, .submenu #desktop-reports-categories:before { content: "\e90b";  font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #reports-auctions:before, .submenu #desktop-reports-auctions:before { content: "\e91c";  font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #reports-sales:before, .submenu #desktop-reports-sales:before { content: "\e91a";  font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #reports-products:before, .submenu #desktop-reports-products:before { content: "\e952";  font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #contact:before, .submenu #desktop-contact:before { content: "\e92e";  font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/

/* calendars */
/*#LEFT-SIDEBAR #calendar:before {content: "\e906";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*#LEFT-SIDEBAR #calendar_agreement:before {content: "\e934";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*#LEFT-SIDEBAR #calendar_visits:before {content: "\e91d";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
/*.submenu #calendar_receive:before, .submenu #desktop-calendar_receive:before {content: "\e906";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
/*.submenu #calendar_agreement:before, .submenu #desktop-calendar_agreement:before {content: "\e934";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
/*.submenu #calendar_visits:before, .submenu #desktop-calendar_visits:before {content: "\e91d";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
/*.submenu #calendar_receive_config:before, .submenu #desktop-calendar_receive_config:before {content: "\e90d";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
/*.submenu #calendar_agreement_config:before, .submenu #desktop-calendar_agreement_config:before {content: "\e90d";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
/*.submenu #calendar_visits_config:before, .submenu #desktop-calendar_visits_config:before {content: "\e90d";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
/*.submenu #calendar_receive_cycles:before, .submenu #desktop-calendar_receive_cycles:before {content: "\e91f";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
/*.submenu #calendar_agreement_cycles:before, .submenu #desktop-calendar_agreement_cycles:before {content: "\e91f";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
/*.submenu #calendar_visits_cycles:before, .submenu #desktop-calendar_visits_cycles:before {content: "\e91f";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
/*.submenu #calendar_receive_excluded:before, .submenu #desktop-calendar_receive_excluded:before {content: "\e930";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
/*.submenu #calendar_agreement_excluded:before, .submenu #desktop-calendar_agreement_excluded:before {content: "\e930";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
/*.submenu #calendar_visits_excluded:before, .submenu #desktop-calendar_visits_excluded:before {content: "\e930";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
/*.submenu #calendar_persons:before, .submenu #desktop-calendar_persons:before {content: "\e905";font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/

/*ICOMOON*/
.icomoon {font-family: 'icomoon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; display: inline-block; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-ciezarowe:before{content:"\e951"}
.icon-dostawcze:before{content:"\e952"}
.icon-przyczepy:before{content:"\e953"}
.icon-dane-podstawowe:before{content:"\e903"}
.icon-dane-przedmiotu:before{content:"\e906"}
.icon-dane-techniczne:before{content:"\e90d"}
.icon-hammer:before{content:"\e90e"}
.icon-opis:before{content:"\e910"}
.icon-podkategorie:before{content:"\e911"}
.icon-attachments:before{content:"\e913"}
.icon-zdjecia:before{content:"\e916"}
.icon-do-odbioru:before{content:"\e917"}
.icon-niewylicytowane:before{content:"\e918"}
.icon-sprzedane:before{content:"\e91a"}
.icon-trwajace:before{content:"\e91b"}
.icon-wylicytowane:before{content:"\e91c"}
.icon-zaplanowane:before{content:"\e91d"}
.icon-aktualnosci:before{content:"\e931"}
.icon-aukcje:before{content:"\e932"}
.icon-faq:before{content:"\e933"}
.icon-firmy:before{content:"\e934"}
.icon-konfiguracja:before{content:"\e935"}
.icon-logotypy:before{content:"\e936"}
.icon-marki-modele:before{content:"\e937"}
.icon-produkty:before{content:"\f1b9"}
.icon-ustawienia-systemu:before{content:"\e93a"}
.icon-www:before{content:"\e93b"}
.icon-wyposazenie:before{content:"\e93c"}
.icon-resell:before{content:"\e900"}
.icon-about:before{content:"\e901"}
.icon-sell_online:before{content:"\e902"}
.icon-auctions:before{content:"\e904"}
.icon-addartist:before{content:"\e905"}
.icon-sell:before{content:"\e907"}
.icon-auction_sold:before{content:"\e908"}
.icon-add-offer:before{content:"\e909"}
.icon-gallery_sell:before{content:"\e90a"}
.icon-categories:before{content:"\e90b"}
.icon-gallery:before{content:"\e90c"}
.icon-not-sold:before{content:"\e90f"}
.icon-paintings:before{content:"\e912"}
.icon-offer:before{content:"\e914"}
.icon-items:before{content:"\e915"}
.icon-sold:before{content:"\e919"}
.icon-sellpaint:before{content:"\e91e"}
.icon-arrows:before{content:"\e91f"}
.icon-gift:before{content:"\e920"}
.icon-tag:before{content:"\e921"}
.icon-hierarchy:before{content:"\e922"}
.icon-bin:before{content:"\e923"}
.icon-info:before{content:"\e924"}
.icon-pencil:before{content:"\e925"}
.icon-game:before{content:"\e926"}
.icon-games:before{content:"\e927"}
.icon-options:before{content:"\e928"}
.icon-pdf:before{content:"\e929"}
.icon-question:before{content:"\e92a"}
.icon-note:before{content:"\e92b"}
.icon-people:before{content:"\e92c"}
.icon-sports:before{content:"\e92d"}
.icon-square:before{content:"\e92e"}
.icon-target:before{content:"\e92f"}
.icon-window:before{content:"\e930"}
.icon-pause:before{content:"\e938"}
.icon-stop:before{content:"\e93d"}
.icon-play:before{content:"\e93e"}
.icon-quarter:before{content:"\e943"}
.icon-burger:before{content:"\e947"}
.icon-business:before{content:"\e948"}
.icon-last-step:before{content:"\e949"}
.icon-step:before{content:"\e94a"}
.icon-first-step:before{content:"\e94b"}
.icon-footer-menu:before{content:"\e94c"}
.icon-menu:before{content:"\e94d"}
.icon-winners:before{content:"\e94e"}
.icon-announcement:before{content:"\e94f"}
.icon-close:before{content:"\e950"}
.icon-newsletter:before{content:"\e93f"}
.icon-banner:before{content:"\e940"}
.icon-project:before{content:"\e941"}
.icon-catalog:before{content:"\e942"}
.icon-csv:before{content:"\e944"}
.icon-database:before{content:"\e945"}
.icon-artists:before{content:"\e946"}
.icon-paid:before{content:"\e900e"}
.icon-details:before{content:"\e900f"}
.icon-declined:before{content:"\e90ff"}
.icon-waiting:before{content:"\e910e"}
.icon-orders:before{content:"\e910f"}
.icon-plate:before{content:"\eb56"}
.icon-salony-pieknosci:before{content:"\eb54"}
.icon-sport2:before{content:"\eb53"}
.icon-telekom:before{content:"\eb52"}
.icon-ubezpieczenia:before{content:"\eb51"}
.icon-dla-domu:before{content:"\eb50"}
.icon-finanse:before{content:"\eb4f"}
.icon-dom:before{content:"\eb4e"}
.icon-moda:before{content:"\eb4d"}
.icon-obuwie:before{content:"\eb4c"}
.icon-rozrywka:before{content:"\eb4b"}
.icon-sport:before{content:"\eb4a"}
.icon-zdrowie:before{content:"\eb49"}
.icon-art-dzieciece:before{content:"\eb48"}
.icon-art-spozywcze:before{content:"\eb47"}
.icon-ico-mail:before{content:"\eb45"}
.icon-ico-telefon:before{content:"\eb44"}
.icon-pin:before{content:"\eb46"}
.icon-plan:before{content:"\eb40"}
.icon-promocja:before{content:"\eb41"}
.icon-sklep:before{content:"\eb42"}
.icon-zegar:before{content:"\eb55"}
.icon-facebook3:before{content:"\eb43"}
.icon-home:before{content:"\e954"}
.icon-home2:before{content:"\e955"}
.icon-home3:before{content:"\e956"}
.icon-office:before{content:"\e957"}
.icon-newspaper:before{content:"\e958"}
.icon-pencil2:before{content:"\e959"}
.icon-pencil22:before{content:"\e97e"}
.icon-quill:before{content:"\e97f"}
.icon-pen:before{content:"\e980"}
.icon-blog:before{content:"\e981"}
.icon-eyedropper:before{content:"\e982"}
.icon-droplet:before{content:"\e983"}
.icon-paint-format:before{content:"\e984"}
.icon-image:before{content:"\e985"}
.icon-images:before{content:"\e986"}
.icon-camera:before{content:"\e987"}
.icon-headphones:before{content:"\e98e"}
.icon-music:before{content:"\e98f"}
.icon-play2:before{content:"\e95a"}
.icon-film:before{content:"\e95b"}
.icon-video-camera:before{content:"\e95c"}
.icon-dice:before{content:"\e95d"}
.icon-pacman:before{content:"\e95e"}
.icon-spades:before{content:"\e95f"}
.icon-clubs:before{content:"\e990"}
.icon-diamonds:before{content:"\e991"}
.icon-bullhorn:before{content:"\e992"}
.icon-connection:before{content:"\e993"}
.icon-podcast:before{content:"\e994"}
.icon-feed:before{content:"\e995"}
.icon-mic:before{content:"\e996"}
.icon-book:before{content:"\e997"}
.icon-books:before{content:"\e998"}
.icon-library:before{content:"\e999"}
.icon-file-text:before{content:"\e9a0"}
.icon-profile:before{content:"\e9a1"}
.icon-file-empty:before{content:"\e960"}
.icon-files-empty:before{content:"\e961"}
.icon-file-text2:before{content:"\e962"}
.icon-file-picture:before{content:"\e963"}
.icon-file-music:before{content:"\e964"}
.icon-file-play:before{content:"\e965"}
.icon-file-video:before{content:"\e9a8"}
.icon-file-zip:before{content:"\e9a9"}
.icon-copy:before{content:"\e9aa"}
.icon-paste:before{content:"\e9b2"}
.icon-stack:before{content:"\e9b3"}
.icon-folder:before{content:"\e9b4"}
.icon-folder-open:before{content:"\e9b5"}
.icon-folder-plus:before{content:"\e9b6"}
.icon-folder-minus:before{content:"\e9b7"}
.icon-folder-download:before{content:"\e9b8"}
.icon-folder-upload:before{content:"\e9b9"}
.icon-price-tag:before{content:"\e9a2"}
.icon-price-tags:before{content:"\e966"}
.icon-barcode:before{content:"\e967"}
.icon-qrcode:before{content:"\e968"}
.icon-ticket:before{content:"\e969"}
.icon-cart:before{content:"\e96a"}
.icon-coin-dollar:before{content:"\e96b"}
.icon-coin-euro:before{content:"\e9ba"}
.icon-coin-pound:before{content:"\e9bb"}
.icon-coin-yen:before{content:"\e9bc"}
.icon-credit-card:before{content:"\e9c4"}
.icon-calculator:before{content:"\e9c5"}
.icon-lifebuoy:before{content:"\e9c6"}
.icon-phone:before{content:"\e9c7"}
.icon-phone-hang-up:before{content:"\e9c8"}
.icon-address-book:before{content:"\e9c9"}
.icon-envelop:before{content:"\e9ca"}
.icon-pushpin:before{content:"\e9cb"}
.icon-location:before{content:"\e9a3"}
.icon-location2:before{content:"\e96c"}
.icon-compass:before{content:"\e96d"}
.icon-compass2:before{content:"\e96e"}
.icon-map:before{content:"\e96f"}
.icon-map2:before{content:"\e970"}
.icon-history:before{content:"\e971"}
.icon-clock:before{content:"\e9cc"}
.icon-clock2:before{content:"\e9cd"}
.icon-alarm:before{content:"\e9ce"}
.icon-bell:before{content:"\e9d6"}
.icon-stopwatch:before{content:"\e9d7"}
.icon-calendar:before{content:"\e9d8"}
.icon-printer:before{content:"\e9d9"}
.icon-keyboard:before{content:"\e9da"}
.icon-display:before{content:"\e9db"}
.icon-laptop:before{content:"\e9dc"}
.icon-mobile:before{content:"\e9dd"}
.icon-mobile2:before{content:"\e9a4"}
.icon-tablet:before{content:"\e972"}
.icon-tv:before{content:"\e973"}
.icon-drawer:before{content:"\e974"}
.icon-drawer2:before{content:"\e975"}
.icon-box-add:before{content:"\e976"}
.icon-box-remove:before{content:"\e977"}
.icon-download:before{content:"\e9de"}
.icon-upload:before{content:"\e9df"}
.icon-floppy-disk:before{content:"\e9e0"}
.icon-drive:before{content:"\e9e8"}
.icon-database2:before{content:"\e9e9"}
.icon-undo:before{content:"\e9ea"}
.icon-redo:before{content:"\e9eb"}
.icon-undo2:before{content:"\e9ec"}
.icon-redo2:before{content:"\e9ed"}
.icon-forward:before{content:"\e9ee"}
.icon-reply:before{content:"\e9ef"}
.icon-bubble:before{content:"\e9a5"}
.icon-bubbles:before{content:"\e978"}
.icon-bubbles2:before{content:"\e979"}
.icon-bubble2:before{content:"\e97a"}
.icon-bubbles3:before{content:"\e97b"}
.icon-bubbles4:before{content:"\e97c"}
.icon-user:before{content:"\e97d"}
.icon-users:before{content:"\e9f0"}
.icon-user-plus:before{content:"\e9f1"}
.icon-user-minus:before{content:"\e9f2"}
.icon-user-check:before{content:"\e9fa"}
.icon-user-tie:before{content:"\e9fb"}
.icon-quotes-left:before{content:"\e9fc"}
.icon-quotes-right:before{content:"\e9fd"}
.icon-hour-glass:before{content:"\e9fe"}
.icon-spinner:before{content:"\e9ff"}
.icon-spinner2:before{content:"\ea00"}
.icon-spinner3:before{content:"\ea01"}
.icon-spinner4:before{content:"\e9a6"}
.icon-spinner5:before{content:"\e988"}
.icon-spinner6:before{content:"\e989"}
.icon-spinner7:before{content:"\e98a"}
.icon-spinner8:before{content:"\e98b"}
.icon-spinner9:before{content:"\e98c"}
.icon-spinner10:before{content:"\e98d"}
.icon-spinner11:before{content:"\ea02"}
.icon-binoculars:before{content:"\ea03"}
.icon-search:before{content:"\ea04"}
.icon-zoom-in:before{content:"\ea0c"}
.icon-zoom-out:before{content:"\ea0d"}
.icon-enlarge:before{content:"\ea0e"}
.icon-shrink:before{content:"\ea0f"}
.icon-enlarge2:before{content:"\ea10"}
.icon-shrink2:before{content:"\ea11"}
.icon-key:before{content:"\ea12"}
.icon-key2:before{content:"\ea13"}
.icon-lock:before{content:"\e9a7"}
.icon-unlocked:before{content:"\e99a"}
.icon-wrench:before{content:"\e99b"}
.icon-equalizer:before{content:"\e99c"}
.icon-equalizer2:before{content:"\e99d"}
.icon-cog:before{content:"\e99e"}
.icon-cogs:before{content:"\e99f"}
.icon-hammer2:before{content:"\ea14"}
.icon-magic-wand:before{content:"\ea15"}
.icon-aid-kit:before{content:"\ea16"}
.icon-bug:before{content:"\ea1e"}
.icon-pie-chart:before{content:"\ea1f"}
.icon-stats-dots:before{content:"\ea20"}
.icon-stats-bars:before{content:"\ea21"}
.icon-stats-bars2:before{content:"\ea22"}
.icon-trophy:before{content:"\ea23"}
.icon-gift2:before{content:"\ea24"}
.icon-glass:before{content:"\ea25"}
.icon-glass2:before{content:"\e9ab"}
.icon-mug:before{content:"\e9ac"}
.icon-spoon-knife:before{content:"\e9ad"}
.icon-leaf:before{content:"\e9ae"}
.icon-rocket:before{content:"\e9af"}
.icon-meter:before{content:"\e9b0"}
.icon-meter2:before{content:"\e9b1"}
.icon-hammer22:before{content:"\ea26"}
.icon-fire:before{content:"\ea27"}
.icon-lab:before{content:"\ea28"}
.icon-magnet:before{content:"\ea30"}
.icon-bin2:before{content:"\ea31"}
.icon-bin22:before{content:"\ea32"}
.icon-briefcase:before{content:"\ea33"}
.icon-airplane:before{content:"\ea34"}
.icon-truck:before{content:"\ea35"}
.icon-road:before{content:"\ea36"}
.icon-accessibility:before{content:"\ea37"}
.icon-target2:before{content:"\e9bd"}
.icon-shield:before{content:"\e9be"}
.icon-power:before{content:"\e9bf"}
.icon-switch:before{content:"\e9c0"}
.icon-power-cord:before{content:"\e9c1"}
.icon-clipboard:before{content:"\e9c2"}
.icon-list-numbered:before{content:"\e9c3"}
.icon-list:before{content:"\ea38"}
.icon-list2:before{content:"\ea39"}
.icon-tree:before{content:"\ea3a"}
.icon-menu2:before{content:"\ea42"}
.icon-menu22:before{content:"\ea43"}
.icon-menu3:before{content:"\ea44"}
.icon-menu4:before{content:"\ea45"}
.icon-cloud:before{content:"\ea46"}
.icon-cloud-download:before{content:"\ea47"}
.icon-cloud-upload:before{content:"\ea48"}
.icon-cloud-check:before{content:"\ea49"}
.icon-download2:before{content:"\e9cf"}
.icon-upload2:before{content:"\e9d0"}
.icon-download3:before{content:"\e9d1"}
.icon-upload3:before{content:"\e9d2"}
.icon-sphere:before{content:"\e9d3"}
.icon-earth:before{content:"\e9d4"}
.icon-link:before{content:"\e9d5"}
.icon-flag:before{content:"\ea4a"}
.icon-attachment:before{content:"\ea4b"}
.icon-eye:before{content:"\ea4c"}
.icon-eye-plus:before{content:"\ea54"}
.icon-eye-minus:before{content:"\ea55"}
.icon-eye-blocked:before{content:"\ea56"}
.icon-bookmark:before{content:"\ea57"}
.icon-bookmarks:before{content:"\ea58"}
.icon-sun:before{content:"\ea59"}
.icon-contrast:before{content:"\ea5a"}
.icon-brightness-contrast:before{content:"\ea5b"}
.icon-star-empty:before{content:"\e9e1"}
.icon-star-half:before{content:"\e9e2"}
.icon-star-full:before{content:"\e9e3"}
.icon-heart:before{content:"\e9e4"}
.icon-heart-broken:before{content:"\e9e5"}
.icon-man:before{content:"\e9e6"}
.icon-woman:before{content:"\e9e7"}
.icon-man-woman:before{content:"\ea5c"}
.icon-happy:before{content:"\ea5d"}
.icon-happy2:before{content:"\ea5e"}
.icon-smile:before{content:"\ea66"}
.icon-smile2:before{content:"\ea67"}
.icon-tongue:before{content:"\ea68"}
.icon-tongue2:before{content:"\ea69"}
.icon-sad:before{content:"\ea6a"}
.icon-sad2:before{content:"\ea6b"}
.icon-wink:before{content:"\ea6c"}
.icon-wink2:before{content:"\ea6d"}
.icon-grin:before{content:"\e9f3"}
.icon-grin2:before{content:"\e9f4"}
.icon-cool:before{content:"\e9f5"}
.icon-cool2:before{content:"\e9f6"}
.icon-angry:before{content:"\e9f7"}
.icon-angry2:before{content:"\e9f8"}
.icon-evil:before{content:"\e9f9"}
.icon-evil2:before{content:"\ea6e"}
.icon-shocked:before{content:"\ea6f"}
.icon-shocked2:before{content:"\ea70"}
.icon-baffled:before{content:"\ea78"}
.icon-baffled2:before{content:"\ea79"}
.icon-confused:before{content:"\ea7a"}
.icon-confused2:before{content:"\ea7b"}
.icon-neutral:before{content:"\ea7c"}
.icon-neutral2:before{content:"\ea7d"}
.icon-hipster:before{content:"\ea7e"}
.icon-hipster2:before{content:"\ea7f"}
.icon-wondering:before{content:"\ea05"}
.icon-wondering2:before{content:"\ea06"}
.icon-sleepy:before{content:"\ea07"}
.icon-sleepy2:before{content:"\ea08"}
.icon-frustrated:before{content:"\ea09"}
.icon-frustrated2:before{content:"\ea0a"}
.icon-crying:before{content:"\ea0b"}
.icon-crying2:before{content:"\ea80"}
.icon-point-up:before{content:"\ea81"}
.icon-point-right:before{content:"\ea82"}
.icon-point-down:before{content:"\ea8a"}
.icon-point-left:before{content:"\ea8b"}
.icon-warning:before{content:"\ea8c"}
.icon-notification:before{content:"\ea8d"}
.icon-question2:before{content:"\ea8e"}
.icon-plus:before{content:"\ea8f"}
.icon-minus:before{content:"\ea90"}
.icon-info2:before{content:"\ea91"}
.icon-cancel-circle:before{content:"\ea17"}
.icon-blocked:before{content:"\ea18"}
.icon-cross:before{content:"\ea19"}
.icon-checkmark:before{content:"\ea1a"}
.icon-checkmark2:before{content:"\ea1b"}
.icon-spell-check:before{content:"\ea1c"}
.icon-enter:before{content:"\ea1d"}
.icon-exit:before{content:"\ea92"}
.icon-play22:before{content:"\ea93"}
.icon-pause2:before{content:"\eaf5"}
.icon-stop2:before{content:"\eaf6"}
.icon-previous:before{content:"\eaf7"}
.icon-next:before{content:"\eaf8"}
.icon-backward:before{content:"\eaf9"}
.icon-forward2:before{content:"\eafa"}
.icon-play3:before{content:"\eafb"}
.icon-pause22:before{content:"\eafc"}
.icon-stop22:before{content:"\eafd"}
.icon-backward2:before{content:"\ea29"}
.icon-forward3:before{content:"\ea2a"}
.icon-first:before{content:"\ea2b"}
.icon-last:before{content:"\ea2c"}
.icon-previous2:before{content:"\ea2d"}
.icon-next2:before{content:"\ea2e"}
.icon-eject:before{content:"\ea2f"}
.icon-volume-high:before{content:"\eafe"}
.icon-volume-medium:before{content:"\eaff"}
.icon-volume-low:before{content:"\eb00"}
.icon-volume-mute:before{content:"\eb01"}
.icon-volume-mute2:before{content:"\eb02"}
.icon-volume-increase:before{content:"\eb03"}
.icon-volume-decrease:before{content:"\eb04"}
.icon-loop:before{content:"\eb05"}
.icon-loop2:before{content:"\eb06"}
.icon-infinite:before{content:"\eb07"}
.icon-shuffle:before{content:"\eb08"}
.icon-arrow-up-left:before{content:"\ea3b"}
.icon-arrow-up:before{content:"\ea3c"}
.icon-arrow-up-right:before{content:"\ea3d"}
.icon-arrow-right:before{content:"\ea3e"}
.icon-arrow-down-right:before{content:"\ea3f"}
.icon-arrow-down:before{content:"\ea40"}
.icon-arrow-down-left:before{content:"\ea41"}
.icon-arrow-left:before{content:"\eb09"}
.icon-arrow-up-left2:before{content:"\eb0a"}
.icon-arrow-up2:before{content:"\eb0b"}
.icon-arrow-up-right2:before{content:"\eb0c"}
.icon-arrow-right2:before{content:"\eb0d"}
.icon-arrow-down-right2:before{content:"\eb0e"}
.icon-arrow-down2:before{content:"\eb0f"}
.icon-arrow-down-left2:before{content:"\eb10"}
.icon-arrow-left2:before{content:"\eb11"}
.icon-circle-up:before{content:"\eb12"}
.icon-circle-right:before{content:"\eb13"}
.icon-circle-down:before{content:"\ea4d"}
.icon-circle-left:before{content:"\ea4e"}
.icon-tab:before{content:"\ea4f"}
.icon-move-up:before{content:"\ea50"}
.icon-move-down:before{content:"\ea51"}
.icon-sort-alpha-asc:before{content:"\ea52"}
.icon-sort-alpha-desc:before{content:"\ea53"}
.icon-sort-numeric-asc:before{content:"\eb14"}
.icon-sort-numberic-desc:before{content:"\eb15"}
.icon-sort-amount-asc:before{content:"\eb16"}
.icon-sort-amount-desc:before{content:"\eb17"}
.icon-command:before{content:"\eb18"}
.icon-shift:before{content:"\eb19"}
.icon-ctrl:before{content:"\eb1a"}
.icon-opt:before{content:"\eb1b"}
.icon-checkbox-checked:before{content:"\eb1c"}
.icon-checkbox-unchecked:before{content:"\eb1d"}
.icon-radio-checked:before{content:"\eb1e"}
.icon-radio-checked2:before{content:"\ea5f"}
.icon-radio-unchecked:before{content:"\ea60"}
.icon-crop:before{content:"\ea61"}
.icon-make-group:before{content:"\ea62"}
.icon-ungroup:before{content:"\ea63"}
.icon-scissors:before{content:"\ea64"}
.icon-filter:before{content:"\ea65"}
.icon-font:before{content:"\eb1f"}
.icon-ligature:before{content:"\eb20"}
.icon-ligature2:before{content:"\eb21"}
.icon-text-height:before{content:"\eb22"}
.icon-text-width:before{content:"\eb23"}
.icon-font-size:before{content:"\eb24"}
.icon-bold:before{content:"\eb25"}
.icon-underline:before{content:"\eb26"}
.icon-italic:before{content:"\eb27"}
.icon-strikethrough:before{content:"\eb28"}
.icon-omega:before{content:"\eb29"}
.icon-sigma:before{content:"\ea71"}
.icon-page-break:before{content:"\ea72"}
.icon-superscript:before{content:"\ea73"}
.icon-subscript:before{content:"\ea74"}
.icon-superscript2:before{content:"\ea75"}
.icon-subscript2:before{content:"\ea76"}
.icon-text-color:before{content:"\ea77"}
.icon-pagebreak:before{content:"\eb2a"}
.icon-clear-formatting:before{content:"\eb2b"}
.icon-table:before{content:"\eb2c"}
.icon-table2:before{content:"\eb2d"}
.icon-insert-template:before{content:"\eb2e"}
.icon-pilcrow:before{content:"\eb2f"}
.icon-ltr:before{content:"\eb30"}
.icon-rtl:before{content:"\eb31"}
.icon-section:before{content:"\eb32"}
.icon-paragraph-left:before{content:"\eb33"}
.icon-paragraph-center:before{content:"\eb34"}
.icon-paragraph-right:before{content:"\ea83"}
.icon-paragraph-justify:before{content:"\ea84"}
.icon-indent-increase:before{content:"\ea85"}
.icon-indent-decrease:before{content:"\ea86"}
.icon-share:before{content:"\ea87"}
.icon-new-tab:before{content:"\ea88"}
.icon-embed:before{content:"\ea89"}
.icon-embed2:before{content:"\eb35"}
.icon-terminal:before{content:"\eb36"}
.icon-share2:before{content:"\eb37"}
.icon-mail:before{content:"\eb38"}
.icon-mail2:before{content:"\eb39"}
.icon-mail3:before{content:"\eb3a"}
.icon-mail4:before{content:"\eb3b"}
.icon-amazon:before{content:"\eb3c"}
.icon-google:before{content:"\eb3d"}
.icon-google2:before{content:"\eb3e"}
.icon-google3:before{content:"\ea94"}
.icon-google-plus:before{content:"\ea95"}
.icon-google-plus2:before{content:"\ea96"}
.icon-google-plus3:before{content:"\ea97"}
.icon-hangouts:before{content:"\ea98"}
.icon-google-drive:before{content:"\ea99"}
.icon-facebook:before{content:"\ea9a"}
.icon-facebook2:before{content:"\ea9b"}
.icon-instagram:before{content:"\ea9c"}
.icon-whatsapp:before{content:"\ea9d"}
.icon-spotify:before{content:"\ea9e"}
.icon-telegram:before{content:"\ea9f"}
.icon-twitter:before{content:"\eaa0"}
.icon-vine:before{content:"\eaa1"}
.icon-vk:before{content:"\eaa2"}
.icon-renren:before{content:"\eaa3"}
.icon-sina-weibo:before{content:"\eaa4"}
.icon-rss:before{content:"\eaa5"}
.icon-rss2:before{content:"\eaa6"}
.icon-youtube:before{content:"\eaa7"}
.icon-youtube2:before{content:"\eaa8"}
.icon-twitch:before{content:"\eaa9"}
.icon-vimeo:before{content:"\eaaa"}
.icon-vimeo2:before{content:"\eaab"}
.icon-lanyrd:before{content:"\eaac"}
.icon-flickr:before{content:"\eaad"}
.icon-flickr2:before{content:"\eaae"}
.icon-flickr3:before{content:"\eaaf"}
.icon-flickr4:before{content:"\eab0"}
.icon-dribbble:before{content:"\eab1"}
.icon-behance:before{content:"\eab2"}
.icon-behance2:before{content:"\eab3"}
.icon-deviantart:before{content:"\eab4"}
.icon-500px:before{content:"\eab5"}
.icon-steam:before{content:"\eab6"}
.icon-steam2:before{content:"\eab7"}
.icon-dropbox:before{content:"\eab8"}
.icon-onedrive:before{content:"\eab9"}
.icon-github:before{content:"\eaba"}
.icon-npm:before{content:"\eabb"}
.icon-basecamp:before{content:"\eabc"}
.icon-trello:before{content:"\eabd"}
.icon-wordpress:before{content:"\eabe"}
.icon-joomla:before{content:"\eabf"}
.icon-ello:before{content:"\eac0"}
.icon-blogger:before{content:"\eac1"}
.icon-blogger2:before{content:"\eac2"}
.icon-tumblr:before{content:"\eac3"}
.icon-tumblr2:before{content:"\eac4"}
.icon-yahoo:before{content:"\eac5"}
.icon-yahoo2:before{content:"\eac6"}
.icon-tux:before{content:"\eac7"}
.icon-appleinc:before{content:"\eac8"}
.icon-finder:before{content:"\eac9"}
.icon-android:before{content:"\eaca"}
.icon-windows:before{content:"\eacb"}
.icon-windows8:before{content:"\eacc"}
.icon-soundcloud:before{content:"\eacd"}
.icon-soundcloud2:before{content:"\eace"}
.icon-skype:before{content:"\eacf"}
.icon-reddit:before{content:"\ead0"}
.icon-hackernews:before{content:"\ead1"}
.icon-wikipedia:before{content:"\ead2"}
.icon-linkedin:before{content:"\ead3"}
.icon-linkedin2:before{content:"\ead4"}
.icon-lastfm:before{content:"\ead5"}
.icon-lastfm2:before{content:"\ead6"}
.icon-delicious:before{content:"\ead7"}
.icon-stumbleupon:before{content:"\ead8"}
.icon-stumbleupon2:before{content:"\ead9"}
.icon-stackoverflow:before{content:"\eada"}
.icon-pinterest:before{content:"\eadb"}
.icon-pinterest2:before{content:"\eadc"}
.icon-xing:before{content:"\eadd"}
.icon-xing2:before{content:"\eade"}
.icon-flattr:before{content:"\eadf"}
.icon-foursquare:before{content:"\eae0"}
.icon-yelp:before{content:"\eae1"}
.icon-paypal:before{content:"\eae2"}
.icon-chrome:before{content:"\eae3"}
.icon-firefox:before{content:"\eae4"}
.icon-IE:before{content:"\eae5"}
.icon-edge:before{content:"\eae6"}
.icon-safari:before{content:"\eae7"}
.icon-opera:before{content:"\eae8"}
.icon-file-pdf:before{content:"\eae9"}
.icon-file-openoffice:before{content:"\eaea"}
.icon-file-word:before{content:"\eaeb"}
.icon-file-excel:before{content:"\eaec"}
.icon-libreoffice:before{content:"\eaed"}
.icon-html-five:before{content:"\eaee"}
.icon-html-five2:before{content:"\eaef"}
.icon-css3:before{content:"\eaf0"}
.icon-git:before{content:"\eaf1"}
.icon-codepen:before{content:"\eaf2"}
.icon-svg:before{content:"\eaf3"}
.icon-IcoMoon:before{content:"\eaf4"}
.icon-restauracja:before{content:"\eb3f";}

.icon-to {display: block; float: left; width: 90px; height: 90px; border: 2px solid #cccccc; margin-right: 5px;}
.icon-to.active {border: 2px solid #0e90d2;}
.popup-head .icon-close:before {line-height: 41px; font-size: 23px; vertical-align: bottom;}
.icon-produkty{font-family: 'FontAwesome'!important;}
.active-right #HEADER {padding-right: 400px; background: #fff;}
#HEADER {height: 60px; position: relative; transition: all 500ms ease; padding-right: 181px; z-index: 10; background: #fff;box-shadow: 0px 10px 19px 0px rgba(0,0,0,0.15)}
#HEADER a, #hidden-head a {color: #868686;}
#HEADER .logo {font-size: 0; text-align: center; padding: 5px 0;}
#HEADER .logo img {max-height: 50px; vertical-align: middle; margin: 0 7px;padding: 10px 0}
#HEADER .logo .partnerlogo {max-width: 110px; display: inline-block;}
#HEADER .toggle-nav-menu, #hidden-head .toggle-nav-menu{float: left; height: 60px; width: 60px; text-align: center; line-height: 60px; margin-top: -60px; transition: all 500ms ease;}
#HEADER .right {margin-top: -60px;}
#HEADER .right .user-info {line-height: 60px; float: left; transition: all 500ms ease;}
#HEADER .right .user-info p {display: inline;}
#HEADER .right .user-info span {overflow: hidden; width: 50px; height: 50px; display: inline-block; vertical-align: middle;margin: 0 10px; position: relative; transition: all 500ms ease;}
#HEADER .right .user-info img {width: 50px; background: #fff; border-radius: 50%; vertical-align: middle; position: absolute; left: 50%; margin: -25px 0 0 -25px; top: 50%; transition: all 500ms ease;}
#HEADER .right .user-info i {font-size: 50px; line-height: 50px; width: 50px; text-align: center; transition: all 500ms ease;}
#HEADER .right .user-info:hover {color: #efdf0d;}
.settings-active #HEADER .right .user-info span {border-radius: 50%;}
.settings-active #HEADER .right .user-info img {left:500%;}
#HEADER .right .separator { position: absolute; left: calc(100% - 181px); transition: all 500ms ease; margin: 0; height: auto; background: none;}
.active-right #HEADER .right .separator {left: calc(100% - 400px)}
#HEADER .right .separator li {float: left;}
#HEADER .right .separator a, #hidden-head .right-trigger {width: 60px; height: 60px; line-height: 66px; text-align: center; display: block; transition: all 500ms ease; position: relative;}
#hidden-head .right-trigger, #hidden-head .toggle-nav-menu {box-shadow: 0 3px 5px 0 rgba(0,0,0,0.24);}
#HEADER .fa{font-size: 22px; line-height: 66px;}
#HEADER .right .separator a.notifications .before {position: absolute; border-radius: 50%; width: 14px; font-size: 10px; line-height: 14px; display: block; background: #00bcd4; color: #fff; height: 14px; top: 15px; right: 15px;}
#HEADER .right .separator a.notifications.red {color: #cc0000;}
#HEADER .toggle-nav-menu:hover, #HEADER .right .separator a:hover, #hidden-head .toggle-nav-menu:hover, #hidden-head .right-trigger:hover {color: #efdf0d; background: #f3f3f3;}

#hidden-head{display: none;}
#hidden-head.active{display: block;}
#hidden-head .fa {font-size: 22px; line-height: 61px;}
#hidden-head .toggle-nav-menu{position: fixed; top: 0; left: 0; margin-top: 0; z-index: 3; background: #ffffff;}
#page.active-left #hidden-head .toggle-nav-menu{left: 120px;}
#hidden-head .right-trigger{position: fixed; top: 0; right: 0; z-index: 3; background: #ffffff;}
#page.active-right #hidden-head .right-trigger{right: 320px;}

@media screen and (max-width: 480px) {
	#page.active-left #hidden-head .toggle-nav-menu{left: 0;}
	#HEADER .logo .partnerlogo {display: inline-block; vertical-align: middle; width: 73px; overflow: hidden;}
	#HEADER .logo .partnerlogo img {max-width: 101px;}
}
@media screen and (max-width: 350px) {
	#HEADER .logo .partnerlogo {display: none;}
}


#LEFT-SIDEBAR {position: fixed; z-index: 10; height: 100%; width: 120px; top: 0; left: -120px; transition: left 500ms ease, width 500ms ease;box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24);}
/*#LEFT-SIDEBAR .mask {position: absolute; top: 0; left: 0; bottom: 0; background-color: #010100; background-image: repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(49,55,55,.5) 2px); width: 120px;}*/
.active-left #LEFT-SIDEBAR {left: 0;}
.iamios #LEFT-SIDEBAR {overflow: auto; background: #313A42;}
.iamios #LEFT-SIDEBAR .tse-scrollbar {display: none!important;}
.iamios #LEFT-SIDEBAR .tse-scrollable .tse-scroll-content {overflow: visible;overflow-y:visible;}
.iamios #LEFT-SIDEBAR .tse-scrollable {overflow: visible;}
#LEFT-SIDEBAR li {background: #313A42; position: relative;}
#LEFT-SIDEBAR a {display: block; text-transform: uppercase; height: 80px; text-align: center; position: relative; font-size: 11px; line-height: 16px; font-weight: 700; color: #fff;padding: 30px 5px; overflow: hidden; border-bottom: 1px solid #010100; transition: all 200ms ease;}
#LEFT-SIDEBAR a img {position: absolute; top: 50%; margin-top: -15px; left: 10px; width: 100px; }
#LEFT-SIDEBAR a i {position: absolute; font-weight: 400; line-height: 1; opacity: .2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=20); color: #fff;font-size: 48px; display: block; top: 10px; left: 0px; right: 0; text-align: center; width: 100%; transition: all 600ms ease;/* font-family: 'FontAwesome';*/}
.ie8 #LEFT-SIDEBAR a i {color: #dadada; z-index: 0;}
#LEFT-SIDEBAR a:hover i {font-size: 28px; opacity: 1; top: 15px;}
#LEFT-SIDEBAR a .after {font-size: 10px; border-radius: 50%; width: 16px; height: 16px; position: absolute; right: 10px; top: 10px; padding-right: 1px; background: #868686; color: #fff; line-height: 16px; display: block;}

.ie8 #LEFT-SIDEBAR a:hover i {color: #fff;}
#LEFT-SIDEBAR a:hover {padding: 45px 5px 15px 5px;}
#LEFT-SIDEBAR a.active, #LEFT-SIDEBAR a.sactive {padding: 45px 10px 15px 10px; background: #727ee4;}
#LEFT-SIDEBAR a.active i, #LEFT-SIDEBAR a.sactive i {font-size: 28px; opacity: 1; top: 15px;}
.ie8 #LEFT-SIDEBAR a.active i {color: #fff;}
#LEFT-SIDEBAR .tse-scrollable {background: #313A42;z-index: 2;}
.antiscroll-wrap {background: #313A42;z-index: 2; display: block;}

#LEFT-SIDEBAR #mainMenu li:first-child a.active{background-color: #727ee4}
#LEFT-SIDEBAR #mainMenu li:nth-child(2) a.active{background-color: #af2fcc}
#LEFT-SIDEBAR #mainMenu li:nth-child(3) a.active{background-color: #00897b}
#LEFT-SIDEBAR #mainMenu li:nth-child(4) a.active{background-color: #26b27e}

.submenu {position: absolute; left: -200px; top: -1px; width: 200px; z-index: -1; overflow: hidden;transition: 500ms all ease; background: #313A42;}
.submenu.active {left: 120px;}
.submenu.noanimation {transition: none;}
#LEFT-SIDEBAR .submenu a {height: auto; padding: 10px 10px 10px 50px; text-align: left; border-bottom: 0;}
#LEFT-SIDEBAR .submenu a i {text-align: left; left: 10px; top: 7px;}
#LEFT-SIDEBAR .submenu a:hover, #LEFT-SIDEBAR .submenu a.sactive {background: #d1c130;}

/*#LEFT-SIDEBAR #dashboard:before {content: "\f015";}*/
/*#LEFT-SIDEBAR #users:before {content: "\f0c0";}*/
/*#LEFT-SIDEBAR #news:before {content: "\f044";}*/
/*#LEFT-SIDEBAR #settings:before, .fa-cog:before {content: "\f013";}*/
/*#LEFT-SIDEBAR #sitemap:before {content: "\f0e8";}*/
/*#LEFT-SIDEBAR #sponsors:before {font-family: "icomoon"; content: "\e902";}*/
/*#LEFT-SIDEBAR #howitworks:before {font-family: "icomoon"; content: "\e90b";}*/
/*#LEFT-SIDEBAR #games:before {font-family: "icomoon"; content: "\e907";}*/
/*#LEFT-SIDEBAR #desktop-sponsored-games:before, #LEFT-SIDEBAR #sponsored-games:before {font-family: "icomoon"; content: "\e908";}*/
/*#LEFT-SIDEBAR #desktop-sgames:before, #LEFT-SIDEBAR #sgames:before {font-family: "icomoon"; content: "\e90e";}*/

#RIGHT-SIDEBAR {width: 400px; right: -400px; padding: 0 20px 20px; background: #fff; z-index: 3; min-height: 100%; transition: right 500ms ease; position: absolute; top: 60px;box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24);}
.active-right #RIGHT-SIDEBAR {right: 0;}
#RIGHT-SIDEBAR .widget-inner {padding: 0 0 20px; margin-top: 20px; background: #fff; min-height: 150px; box-shadow:0 6px 8px 0 rgba(0,0,0,0.12); transition: 250ms box-shadow ease;}
#RIGHT-SIDEBAR .widget-inner.widget-in-progress {box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24)}
#RIGHT-SIDEBAR .widget-inner.widget-placeholder {opacity: 0;}
.tasker {text-align: center;}
.tasker .fa-tasks {margin-top: 10px;}
.tasker .fa-tasks:before {color: #26b27e; font-size: 50px;}
.tasker p {font-size: 14px;}
.tasker p span {color: #000; font-weight: 700; font-size: 20px;}
.notes textarea {background: url(../imgs/notepad-bg.png) #fff; height: 147px; width: 100%; outline: 0; border: 0; padding: 3px 10px; text-align: left; line-height: 21px;}
.notes form {background: #fff; padding: 10px;}
@media screen and (max-width: 1600px) {
	#RIGHT-SIDEBAR .widget-inner {padding-bottom: 10px;}
}
#CONTENT {height: 100%; position: relative; transition: all 500ms ease;}
.active-left #CONTENT {padding-left: 120px;}
.main-wrap {position: relative; z-index: 2; transition: all 500ms ease;}
.active-right .main-wrap {padding-right: 400px;}
#RIGHT-SETTINGS {position: absolute; z-index: 3; top: 60px; height: 100%; right: -320px; transition: all 500ms ease; width: 320px; background: #fff; box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24);}
#RIGHT-SETTINGS li a {padding: 20px; font-size: 16px; line-height: 20px; display: block; position: relative;}
#RIGHT-SETTINGS li a:after {content: ""; background: #f3f3f3; display: block; height: 1px; position: absolute;bottom: 0; width: 100%; width: calc(100% - 60px); left: 60px;}
#RIGHT-SETTINGS li i {color: #efdf0d; font-size: 30px; vertical-align: -4px; margin-right: 10px; width: 30px;}
#RIGHT-SETTINGS li a:hover {background: #DADADA;}
.settings-active #RIGHT-SETTINGS {right: 0!important;}
#RIGHT-SETTINGS .profile {padding: 50px 20px; background: url(../imgs/profile-bg.jpg) no-repeat right top #fff; position: relative;}
#RIGHT-SETTINGS .profile h5 {font-size: 18px; line-height: 20px; color: #efdf0d; font-weight: 400; position: absolute; left: 128px; top: 50%; margin-top: -10px;}
#RIGHT-SETTINGS .profile img {width: 100px; border-radius: 50%; background: #fff;}
#RIGHT-SETTINGS .select {padding: 20px 20px 0}
/*.settings-active #MAIN {transform: rotateY(48deg) translateZ(0px) translateY(0) translateX(-334px);}*/
/*.settings-active.active-right #MAIN {transform: rotateY(30deg) translateZ(0px) translateY(0) translateX(-63px);}*/

#MAIN {width: 100%; background: #f3f3f3; padding-bottom: 80px; min-height: calc(100vh - 60px); transition: padding, transform 500ms ease;}
.active-right.settings-active #MAIN {transition: all 350ms ease; transition-delay: 150ms;}

.top-background {background: #000; font-size: 0; text-align: center; overflow: hidden; margin-bottom: -50px}
.top-background .background-inner {background: url(../imgs/top-bg.jpg) no-repeat center -15px; padding: 40px 0 0; height: 240px; /*opacity: 0.5; filter: alpha(opacity=50);*/ background-attachment: fixed;}
.top-background h1 {padding: 30px 40px 21px; text-transform: uppercase; margin-top: -160px; position: relative; line-height: 79px; display: inline-block; vertical-align: top; z-index: 0;}
.top-background h1:before { background: rgba(239,233,13,0.75); content: ""; height: 500px; z-index: -1; position: absolute; right: 0; top: 0; width: 9999px;}
#CONTENT.minimized .top-background {background: #f3f3f3;}
#CONTENT.minimized .top-background .background-inner {background: none; height: 0; padding-top: 40px;}
#CONTENT.minimized .top-background h1 {padding: 20px 40px 10px; margin-top: 0; font-size: 28px; line-height: 30px;}
#CONTENT.minimized .top-background h1:before {background: #d1c130;}

.widget-handle {cursor: move; padding: 0 30px;}
.widgets-content {padding: 10px 20px 30px; position: relative; max-width: 1383px; margin: 0 auto; background: #fff; box-shadow: 0 9px 12px 0 rgba(0,0,0,0.18)}
.widgets-content .widget-row {float: left; width: 33.3%; padding: 0 20px;}
.widgets-content.two-rows {display: none;}
.widgets-content.one-row {display: none;}
.widgets-content .widget-inner {background: #fff; padding: 0 0 20px; min-height: 150px; max-width: 400px; margin: 40px auto 0; box-shadow: 0 6px 8px 0 rgba(0,0,0,0.12); transition: box-shadow 250ms ease;}
.widgets-content .widget-inner.widget-in-progress {box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24);}
.widgets-content .widget-inner.widget-placeholder {opacity: 0;}
.widget-inner.sortable-fallback {box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24); opacity: 1!important; background: #fff;}

.calendar-widget {max-width: 237px; margin: 0 auto;}
.calendar-widget .cal-head {position:relative;}
.calendar-widget .cal-head p {text-transform:uppercase;text-align:center;margin:0;font-size:16px;color:#010100;padding:16px 0;}
.calendar-widget .cal-head .prevmonth,.calendar-widget .cal-head .nextmonth {width:35px;height:35px;position:absolute;top:10px; text-align: center;}
.calendar-widget .cal-head .prevmonth:before {content: "\f0a8"; font-size: 30px; color: #DADADA; transition: 500ms all ease;}
.calendar-widget .cal-head .nextmonth:before {content: "\f0a9"; font-size: 30px; color: #DADADA; transition: 500ms all ease;}
.calendar-widget .cal-head .nextmonth:hover:before, .calendar-widget .cal-head .prevmonth:hover:before {color: #010100;}
.calendar-widget .cal-head .prevmonth {left:0px;}
.calendar-widget .cal-head .nextmonth {right:0px;}
.calendar-widget .cal-main-wgd {width:100%;margin:0 auto;border-collapse:separate;border-spacing:2px; min-width: 100px; table-layout: fixed;}
.calendar-widget .cal-main-wgd th,.calendar-widget .cal-main-wgd td {vertical-align:middle;text-align:center;height:32px; width: 32px; font-size:16px;border:1px solid transparent;}
.calendar-widget .cal-main-wgd td {color:#444446;font-weight:400;cursor:pointer;}
.calendar-widget .cal-main-wgd td.active {background: url(../images/kropek.png) no-repeat bottom 10px center; background-size: 4px;}
.calendar-widget .cal-main-wgd td.today {background: #ffeb3b!important;}
.calendar-widget .cal-main-wgd td.todo {position: relative;}
.calendar-widget .cal-main-wgd td.todo:before {position: absolute; content: ""; width: 5px; height: 5px; background: #757575; top: 3px; right: 3px; border-radius: 50%;}
.calendar-widget .cal-main-wgd td:hover {background: #F9EF97; background: rgba(255,235,59,0.5);}
.calendar-widget .cal-main-wgd td.current {border:1px solid #70cbcd;}
.calendar-widget .cal-main-wgd td.current:hover {border:1px solid #70cbcd;}
.calendar-widget .cal-main-wgd td.empty_cell {cursor:auto!important;}
.calendar-widget .cal-main-wgd td.empty_cell:hover {background-color:transparent;border:1px solid transparent;}
.calendar-widget .cal-main-wgd th {color:#8c9298;font-weight:700; background: transparent}
.calendar-widget .bottom-calendar .term-trigger {border-left: 4px #efdf0d solid; background: #f3f3f3; height: 62px; position: relative; padding: 10px 20px 10px 70px; transition: 500ms all ease;}
.calendar-widget .bottom-calendar .term-trigger:hover {background: #f8f8f8;}
.calendar-widget .bottom-calendar .term-trigger > span {position: absolute; color: #868686; left: 5px; font-weight: 700; top: 3px; font-size: 12px; line-height: 20px; width: 60px;}
.calendar-widget .bottom-calendar .term-trigger > .ink {width: auto;}
.calendar-widget .bottom-calendar .term-trigger span strong {font-size: 18px; font-weight: 700; display: inline-block;}
.calendar-widget .bottom-calendar .term-trigger span em {display: block; text-align: right; font-size: 12px; font-style: normal;}
.calendar-widget .bottom-calendar .term-trigger span span {display: inline-block; padding-left: 8px; vertical-align: 2px;}
.calendar-widget .bottom-calendar .term-trigger span span em {font-size: 10px;}
.calendar-widget .bottom-calendar .single-term .more-info {max-height: 0; overflow: hidden; transition: 500ms all ease;}
.calendar-widget .bottom-calendar .single-term.active .more-info {max-height: 200px;}
.calendar-widget .bottom-calendar .single-term .more-info li { border: 1px solid #DADADA; padding: 15px;}
.calendar-widget .bottom-calendar .single-term .more-info span {font-size: 12px; display: block; margin-top: 10px;}
.calendar-widget .bottom-calendar .single-term .more-info span em {font-size: 8px; vertical-align: 3px; font-style: normal;}

@media screen and (max-width: 1600px) {
	.widgets-content {padding: 10px 10px 30px;}
	.widgets-content .widget-row {padding: 0 10px;}
	.top-background.minimized .background-inner {padding-top: 20px;}
	.widgets-content .widget-inner {margin-top: 20px; padding: 0 0 10px;}
	.widgets-content .widget-inner h2, #RIGHT-SIDEBAR .widget-inner h2 {font-size: 16px;}
	/*.active-right .widgets-content .widget-row {width: 50%;}
	.active-right .widgets-content.two-rows {display: block;}
	.active-right .widgets-content.three-rows {display: none;}*/
}
@media screen and (max-width: 1480px) {
	.active-right #HEADER {padding-right: 320px;}
	.active-right #HEADER .right .separator {left: calc(100% - 320px)}
	#RIGHT-SIDEBAR {right: -320px; width: 320px;}
	.active-right #RIGHT-SIDEBAR {width: 320px;}
	.active-right .main-wrap {padding-right: 320px;}
}

@media screen and (max-width: 1320px) {
	/*.active-right .widgets-content .widget-row {width: 100%;}
	.active-right .widgets-content.two-rows {display: none;}
	.active-right .widgets-content.one-row {display: block;}*/
	.active-right.active-left #CONTENT {position: relative;}
	.active-right .main-wrap {padding-right: 0;}
}
@media screen and (max-width: 1160px) {
	.active-right.active-left #HEADER .right .user-info p {display: none;}
	.top-background h1 {font-size: 56px; line-height: 60px;}
}
@media screen and (max-width: 1060px) {
	.active-right #HEADER .right .user-info p {display: none;}
	#RIGHT-SIDEBAR {right: -260px; width: 260px;}
	.active-right #RIGHT-SIDEBAR {padding: 0 10px 20px; width: 260px;}
	#page.active-right #hidden-head .right-trigger {right: 260px;}
	.active-right #HEADER {padding-right: 260px;}
	#RIGHT-SIDEBAR .calendar-widget .cal-head .nextmonth {right: 5px;}
	.active-right.active-left #HEADER .right .separator a {width: 40px;}
	#HEADER .right .separator {left: calc(100% - 121px)}
	#HEADER .right .separator a {width: 40px;}
	#HEADER {padding-right: 121px;}
	#HEADER .right .separator a.notifications .before {right: 5px;}
	.active-right #HEADER .right .separator {left: calc(100% - 261px)}
}
@media screen and (max-width: 900px) {
	.top-background h1 {font-size: 50px; padding: 15px 20px 31px; margin-top: -130px;}
	.active-left #HEADER .right .user-info p {display: none;}
	.settings-active #MAIN {transform: initial;}
	.top-background {margin-bottom: -30px}
	.active-left #CONTENT {padding-left: 0;}
	.active-left #HEADER, .active-right.active-left #HEADER {padding: 0 121px 0 120px;}

	.active-right.active-left #HEADER {padding-right: 261px;}
}
@media screen and (max-width: 800px) {
	#HEADER .right .user-info p {display: none;}
	.widgets-content .widget-row {width: 50%;}
	.widgets-content.two-rows {display: block;}
	.widgets-content.three-rows {display: none;}
	.top-background h1 {font-size: 40px; line-height: 46px}
}
@media screen and (max-width: 680px) {
	.active-right.active-left #HEADER {padding-right: 261px;}
	.active-right.active-left #HEADER .right .separator {right: 0;}
}
@media screen and (max-width: 580px) {
	.widgets-content .widget-row {width: 100%;}
	.widgets-content.two-rows {display: none;}
	.widgets-content.one-row {display: block;}
	.active-right #HEADER .right .separator {left: auto; right: 0}
	.active-right.active-left #HEADER{padding-right: 135px}
}
@media screen and (max-width: 520px) {
	.active-right #HEADER {padding-right: 121px}
	#HEADER .right .separator {left: auto; right: 0}

}
@media screen and (max-width: 480px) {
	.active-right.active-left #HEADER, #HEADER, .active-left #HEADER {z-index: 10; padding: 0 121px 0 0;}
	.top-background h1 {font-size: 30px; padding: 10px 10px 11px 0; margin-top: -100px; line-height: 40px;}
	.top-background .background-inner {background-attachment: initial; background-size: auto 100%; height: 130px; background-position: center;}
	.widgets-content .widget-row {padding: 0;}
	#LEFT-SIDEBAR {width: 100%;left: 0;top: -100%; z-index: 9; padding-top: 60px; /*background: transparent;*/ position: absolute;box-shadow: none; transition: top ease 500ms;}
	.active-left #LEFT-SIDEBAR {top: 0;}
	.submenu {width: 100%; position: static; max-height: 0px; border: 0; padding: 0 10px; background: #313A42;}
	.submenu li {border-bottom: 1px solid #010100; background-color: #404040;}
	.submenu li a {padding: 30px 10px; height: 72px; text-align: center;}
	.submenu li a:before {text-align: center; left: 0; top: 10px;}
	.submenu li a:hover {padding: 45px 10px 15px 10px;}
	.submenu li a.sactive {padding: 45px 10px 15px 10px;}
	#LEFT-SIDEBAR li.active .submenu {max-height: 380px;}
	.active-left #CONTENT {padding-left: 0;}
	#HEADER {background: #ffffff;}
	#HEADER .right .separator a {width: 40px;}
	#LEFT-SIDEBAR .tse-scrollable {background: none;}
	.toggle-nav-menu .fa-long-arrow-alt-left {transform: rotate(-90deg);}
	.tse-scrollbar .drag-handle {width: 4px;}

}
@media screen and (max-width: 340px) {
	.active-right.active-left #HEADER, #HEADER, .active-left #HEADER, .active-right #HEADER {padding-right: 66px;}
	.active-right.active-left #HEADER .right .separator a, #HEADER .right .separator a {width: 35px;}

}
@media screen and (max-height: 360px) {
	.active-right.active-left #HEADER, #HEADER, .active-left #HEADER {z-index: 10; padding: 0 121px 0 0;}
	#HEADER .right .separator a {width: 40px;}
	#LEFT-SIDEBAR {width: 100%;left: 0;top: -100%; z-index: 9; padding-top: 60px; /*background: transparent;*/ position: absolute;box-shadow: none; transition: top ease 500ms;}
	.active-left #LEFT-SIDEBAR {top: 0;}
	.submenu {width: 100%; position: static; max-height: 0px; border: 0; padding: 0 10px; background: #313A42;}
	.submenu li {border-bottom: 1px solid #010100; background-color: #404040;}
	.submenu li a {padding: 30px 10px; height: 72px; text-align: center;}
	.submenu li a:before {text-align: center; left: 0; top: 10px;}
	.submenu li a:hover {padding: 45px 10px 15px 10px;}
	#LEFT-SIDEBAR li.active .submenu {max-height: 380px;}
	#LEFT-SIDEBAR .tse-scrollable {background: none;}
	.active-right #HEADER .right .separator {right: 0;}
	.active-left #CONTENT {padding-left: 0;}
	.tse-scrollbar .drag-handle {width: 4px;}
	.active-right #HEADER {padding-right: 81px;}
	.toggle-nav-menu .fa-long-arrow-alt-left {transform: rotate(-90deg);}
}

#LOGIN {height: 100%; background: #efdf0d;}
#LOGIN .left {width: 50%; text-align: right; position: relative; background: url(../imgs/login-bg.jpg) no-repeat right; /*opacity: 0.5; filter: alpha(opacity=50);*/}
#LOGIN .left h1 {font-size: 300px; font-weight: 400; margin-right: -220px; line-height: 370px;}
#LOGIN .left .welcome-box {position: absolute; bottom: 0; right: 170px; left: 0; height: 560px; padding: 140px 0; background: #efdf0d; background: rgba(239,233,13,0.75);}
#LOGIN .left img {height: 100%; max-width: none; float: right;}
#LOGIN .right {width: 50%; background: #fff; overflow-y: auto; height: 920px; height: 100vh; height: calc(100vh - 50px); position: relative;}
#LOGIN .login-wrap {max-width: 580px; text-align: center; margin: 0 auto; padding: 40px 10px;}
#LOGIN .greetings {padding: 20px 0 10px; text-align: center;}
#LOGIN .greetings h5 {font-size: 20px; font-weight: 400;}
#LOGIN .greetings p {padding: 10px 0 0;}
.input {margin-top: 20px; text-align: left;}
#addForm .input {margin-top: 20px; text-align: left;width: 49%;display: inline-block;vertical-align: text-top;}
#addForm .input.full {margin: 10px 0 0 0; width: 100%;}
.input p {margin: 10px; font-size: 14px; color: #00BCD4;}
#addForm .input:nth-child(2n+1){margin-right: 1.55%}

#addForm.add-task .input:nth-child(5){width: 100%;}
#addForm.add-task .input:nth-child(5) .fancy-select{max-width: 568px}
#addForm.add-task .fileuploader{margin-top: 49px;float: right;}

.input.error p {display: block}
/*.tile-tab-content {margin: 0 -10px;}*/
/*.tile-tab-content .input {float: left; width: 50%; padding: 10px 10px 0;}*/
/*.tile-tab-content .input.radio {float: none; width: auto; padding: 0;}*/
/*.tile-tab-content:after {display: block; width: 100%; clear: both; content: ""}*/
.tile-tab-content-sub {}
.input label {display: block; font-size: 14px; line-height: 14px;}
.twoColumns .column {width: 49.5%; display: inline-block;vertical-align: top}
.threeColumns .column {width: 33%; display: inline-block; vertical-align: top}
.column .input {margin-top: 10px}
.column .input input {margin-top: 0}
.threeColumns, .twoColumns, .oneColumn {padding-right: 69px; position: relative;}
.threeColumns span, .twoColumns span, .oneColumn span {position: absolute; right: 0; top: 19px;}
.threeColumns span.ui-datepicker-append, .twoColumns span.ui-datepicker-append, .oneColumn span.ui-datepicker-append {display: block; position: static}
.threeColumns span .button, .twoColumns span .button, .oneColumn span .button {line-height: 32px; margin: 10px 0 0; width: 70px;font-size: 16px}
.cb label {font-size: 14px;}
.select label {display: block; font-size: 14px; margin-bottom: 15px;}
.input input, .input textarea, .input .shelect {display: block; width: 100%; padding: 15px; margin-top: 15px; border:none; border-bottom: 3px solid #828282; background: #f3f3f3; font-size: 14px; line-height: 20px; transition: all 500ms ease;}
.input input:hover, .input textarea:hover, .input .shelect:hover {background: #dadada;}
.input textarea {height: 500px;}
.input textarea.medium{height: 300px;}
.input textarea.small{height: 150px;}
.input input:focus, .input textarea:focus {border-color: #ffeb3b;}
.cb {text-align: left; margin-top: 15px;}
#LOGIN button {float: right; margin-top: 15px;}
.hr {margin: 20px 0; background: #00bcd4; height: 1px;}
.input .button {display: inline-block; margin: 10px 10px 0;}

#tab-car-info-s .cb{width: 49%;display: inline-block;vertical-align: text-top;}
#tab-car-info-s .cb .input.radio{width: 30%;margin-top: 15px;padding-top: 20px}
#tab-car-info-s .input:nth-child(2n+1){margin-right: 0}
#tab-car-info-s .input:nth-child(2n+5){margin-right: 1.5%}

#tab-heavy-info-s .cb{width: 49%;display: inline-block;vertical-align: text-top;}
#tab-heavy-info-s .cb .input.radio{width: 30%;margin-top: 15px;padding-top: 20px}
#tab-heavy-info-s .input:nth-child(2n+1){margin-right: 0}
#tab-heavy-info-s .input:nth-child(2n+5){margin-right: 1.5%}

#tab-categories-s .tile-tab-content-sub.half{padding: 20px 10px 10px}
#tab-categories-s .tile-tab-content-sub.half .input{width: 110px; margin-right: 0;}
#tab-categories-s .single-radio{padding-left: 10px}

#start_price{width: 20%;margin-right: 15px}
.f_start_price,#start_price{display: inline-block;font-size: 14px}

.date-column{width: 100%;}
.two-columns{display: inline-block;width: 49%;vertical-align: text-top;}


.select div.fancy-select{text-transform: none; color: #010100; font-size: 14px; font-weight: normal;}
.select div.fancy-select div.trigger{box-shadow: none; width: 100%; padding: 15px 35px 15px 15px; border:none; border-bottom: 3px solid #000; background: #f3f3f3; line-height: 20px; -webkit-border-radius: 0; border-radius: 0;}
div.fancy-select select:focus + div.trigger{box-shadow: none;}
.select div.fancy-select div.trigger:hover{background: #dadada;}
.select div.fancy-select div.trigger.open{border-bottom: 2px solid #efdf0d; background: #f3f3f3; color: #010100;}
.select div.fancy-select div.trigger.open:hover{background: #dadada;}
.select div.fancy-select ul.options{right: 0; width: 100%; background: #f3f3f3; -webkit-border-radius: 0; border-radius: 0; border: none;}
.select div.fancy-select ul.options.open{top: 52px;}
.select div.fancy-select ul.options.overflowing.open{top: auto; bottom: 52px;}
.select div.fancy-select ul.options li{color: #010100; padding: 15px; line-height: 20px;}
.select div.fancy-select ul.options li.hover{background: #dadada;}
.select div.fancy-select ul.options li.selected{background: #dadada;}

.fa-star{color:#d2d2d2;font-size: 18px; padding-right: 5px;}
.full-star{color: #00b4ce}

.select2-container {display: inline-block; width: 100%!important; border-bottom: 3px solid #828282;max-width: 568px}
.select2-container--open{border-bottom: 2px solid #efdf0d;}
.select2-container--default .select2-search--dropdown .select2-search__field { height: 45px; border: 2px solid #828282; margin-top: 0; font-size: 14px;-webkit-appearance: none;-webkit-border-radius:0px;}
.select2-search--dropdown { display: block; padding: 4px; }
.select2-container--default .select2-selection--single {transition: all 240ms ease-out;cursor: pointer; min-height: 52px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; box-shadow: none; width: 100%; padding: 14px 15px; border: none; background: #f3f3f3; line-height: 20px; border-radius: 0;}
.select2-container--default .select2-selection--single:hover{background: #dadada}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #0099ff}
.select2-container--default .select2-selection--single .select2-selection__arrow {display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-top-color: #4B5468; top: 22px; right: 14px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 14px;box-shadow: none; width: 100%; padding: 0; border: none;line-height: 28px; -webkit-border-radius: 0; border-radius: 0;}
.select2-container--open .select2-dropdown--below{    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);width: 100%; background: #f3f3f3; -webkit-border-radius: 0; border-radius: 0; border: none;}
.select2-results__option{color: #010100; padding: 15px; line-height: 20px;}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #dadada; color: inherit; }

.smartheadsSelect{text-transform: none; color: #010100; font-size: 14px; font-weight: normal;position: relative;margin-top: 15px;width: 100%;display: inline-block;}
.smartheadsSelect select{width: 1px; height: 1px; display: block; position: absolute; top: 0px; left: 0px; opacity: 0;}
.smartheadsSelect .smartheads-trigger{cursor: pointer;min-height: 52px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative;box-shadow: none; width: 100%; padding:14px 15px; border: none; border-bottom: 3px solid #000; background: #f3f3f3; line-height: 20px; border-radius: 0;}
.smartheadsSelect .smartheads-options{list-style: none; margin: 0; position: absolute; top: 40px; left: 0; visibility: hidden; opacity: 0; z-index: 50; max-height: 200px; overflow: auto; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); min-width: 200px;    right: 0; width: 100%; background: #f3f3f3; border-radius: 0; border: none;}
.smartheadsSelect label{margin-bottom: 15px;font-size: 14px;display: block;}
.smartheadsSelect .smartheads-trigger:after{content: ""; display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-top-color: #4B5468; top: 22px; right: 14px;}
.smartheadsSelect .smartheads-trigger:hover{background: #dadada;}
.smartheadsSelect .smartheads-trigger.active-select{border-bottom: 2px solid #efdf0d; background: #f3f3f3; color: #010100;}
.smartheadsSelect .smartheads-options.active-select{opacity: 1;top: 53px;visibility: visible;}
.smartheadsSelect .smartheads-options li{padding: 15px;cursor: pointer;}
.smartheadsSelect .smartheads-options li:hover{background: #dadada;}


/*::-webkit-scrollbar{width:2px;height:2px;}*/
/*::-webkit-scrollbar-button{width:2px;height:2px;}*/

/*.scroll-box { height: auto;overflow-x: scroll; }*/
/*.scroll-box::-webkit-scrollbar{ width: 0px; }*/
/*.scroll-box::-webkit-scrollbar,*/
/*.scroll-box::-webkit-scrollbar-thumb { overflow:visible; border-radius: 4px; }*/
/*.scroll-box::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.8); }*/
.tiles-wrap.tenelements{min-width: 100%!important;}
.tiles-wrap.tenelements .main-tiles .tile{width: 115px}

@media screen and (max-width: 1720px) {
	#LOGIN .left .welcome-box {height: 480px;}
	#LOGIN .left h1 {font-size: 220px; margin-right: -278px; line-height: 270px;}
}
@media screen and (max-width: 1460px) {
	#LOGIN .left .welcome-box {height: 400px; padding: 100px 0;}
	#LOGIN .left h1 {font-size: 150px; margin-right: -277px; line-height: 186px;}
}
@media all and (max-width: 1330px){
	.tiles-wrap.tenelements .main-tiles .tile{    width: 110px;}
}
@media all and (max-width: 1260px){
	.tiles-wrap.tenelements .main-tiles .tile{    width: 100px;}
}
@media screen and (max-width: 1100px) {
	#LOGIN .left .welcome-box {height: 320px; padding: 100px 0;}
	#LOGIN .left h1 {font-size: 110px; margin-right: -177px; line-height: 136px;}
}
@media screen and (max-width: 1000px) {
	#LOGIN .left {width: 40%;}
	#LOGIN .right {width: 60%;}
}
@media screen and (max-width: 800px) {
	#LOGIN .left {width: 30%;}
	#LOGIN .right {width: 70%;}
	#LOGIN .left .welcome-box {display: none;}
}
@media screen and (max-width: 600px) {
	#LOGIN .left {width: 20%;}
	#LOGIN .right {width: 80%;}
}
@media screen and (max-width: 520px) {
	#LOGIN {padding: 0 20px;}
	#LOGIN .left {position: absolute; width: 100%; float: none; z-index: 0; left: 0;}
	#LOGIN .right {width: 100%; float: none; margin: 0 auto; position: relative; height: auto; min-height: calc(100vh - 32px)}
}
.material {position: relative; overflow: hidden;}
.ink {display: block; position: absolute; background:rgba(200, 200, 200, 0.3); border-radius: 100%; -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); transform:scale(0);}
.animate {-webkit-animation:ripple 0.65s linear; -moz-animation:ripple 0.65s linear; -ms-animation:ripple 0.65s linear; -o-animation:ripple 0.65s linear; animation:ripple 0.65s linear;}

@-webkit-keyframes ripple {
	100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple {
	100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple {
	100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes ripple {
	100% {opacity: 0; transform: scale(2.5);}
}

.required:after {content:"*"; color: #ff5722}
#FOOTER {background: #828282; color: #fff; text-align: center; padding: 10px 0; line-height: 20px; font-size: 14px; position: relative; z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%;}
#FOOTER p {font-size: 14px;}
#FOOTER a {color: #efdf0d;}
#FOOTER a:hover {text-decoration: underline;}
@media screen and (max-width: 600px) {
	#FOOTER {font-size: 12px;}
	#FOOTER p {font-size: 12px;}
}
/*KAFELKI*/
.main-tiles, .main-tiles-stats, .add-sidebar-widgets-btn-cnt {text-align: center; padding: 0; background: #fff; position: relative; max-width: 1200px; white-space: nowrap;}
.main-tiles .fa-plus {font-family: 'lato'}
.main-tiles .fa-plus:before {content: "+";}
.main-tiles .tile, .main-tiles-stats .tile, .add-sidebar-widgets-btn-cnt .tile {width: 105px; height: 120px; color: #00BCD4; margin-right: -5px; white-space: normal; display: inline-block; padding: 20px 2px; text-align: center; background: #fff; position: relative; vertical-align: top;}
.main-tiles .tile.active, .main-tiles-stats .tile.active {background: #00BCD4; color: #fff; border-color: #00BCD4;}
.main-tiles .tile.active svg path, .main-tiles-stats .tile.active svg path {fill: #fff}
.main-tiles .tile.disabled, .main-tiles-stats .tile.disabled {background: #f3f3f3; border-color: #828282; color: #828282; cursor: default;}
.main-tiles .tile.disabled:hover, .main-tiles-stats .tile.disabled:hover {color: #828282}
.main-tiles .tile.disabled i, .main-tiles-stats .tile.disabled i {background: #f3f3f3; border-color: #828282; color: #828282; cursor: default;}
.main-tiles-stats .tile:active {box-shadow: 0 4px 10px 0 rgba(0,0,0,0.24) inset;}
.main-tiles .tile i, .main-tiles-stats .tile i, .add-sidebar-widgets-btn-cnt .tile i {font-size: 42px;}
.main-tiles .tile h4, .main-tiles-stats .tile h4, .add-sidebar-widgets-btn-cnt .tile h4 {font-size: 11px; line-height: 18px; padding-top: 16px; text-transform: uppercase;}
.main-tiles .tile span, .main-tiles-stats .tile span, .add-sidebar-widgets-btn-cnt .tile span {font-size: 18px; display: block; font-weight: 700;}
.main-tiles .tile {padding: 20px 2px;}
.main-tiles .tile h4 {padding-top: 3px;}
.main-tiles .tile i {border: 1.49px solid #00bcd4; height: 60px; width: 60px; transition: background-color 500ms ease; display: block; margin: 0 auto; font-size: 24px; line-height: 60px; text-align: center; border-radius: 50%;}
.main-tiles .tile:active i {box-shadow: 0 4px 10px 0 rgba(0,0,0,0.24) inset; line-height: 62px;}
#search-cnt {background: #828282; overflow: hidden; max-height: 0px; transition: all 500ms ease;max-width: 1200px; margin: 0 auto; box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24) inset;}
#search-cnt.active {max-height: 220px;}
#search-cnt .input-wrap {padding: 80px 50px;}
#search-cnt .input-inner {position: relative;}
.main-tiles #search-trigger i {font-size: 14px;}
#search-cnt input {outline: 0; border: none; border-bottom: 2px solid #000; background: #f3f3f3; font-size: 14px; line-height: 20px; padding: 15px 65px 15px 15px; display: block; width: 100%; transition: border-color 500ms ease;}
#search-cnt input:focus {border-color: #efdf0d;}
#search-cnt button {font-size: 30px; width: 50px; height: 50px; padding: 0; text-align: center; display: block; margin-left: -5px; position: absolute; right: 0px; top: 0px;}

.tile-arrows-wrap {position: relative;}
.responsive-tile-arrows {position: absolute; right: 20px; top: 0; display: none;}
.responsive-tile-arrows a {width: 50px; color: #868686; height: 20px; display: inline-block; font-size: 30px; line-height: 20px; border-bottom: 3px solid #dadada; box-shadow: 0 1px 2px 0 rgba(0,0,0,12); background: #fff; transition: all 200ms ease; text-align: center;}
.responsive-tile-arrows a:hover {transform: scale(1.2); border-color: #00bcd4;}

.main-tiles-stats .tile h4 {padding-top: 10px}
.main-tiles-stats .tile span {font-size: 14px;}
.main-tiles-stats .tile span.number {color: #009aae; position: absolute; top: 0; left: 0; width: 100%; height: 26px; padding: 7px; line-height: 14px; background: #f3f3f3; display: block;}
.main-tiles-stats .tile.active span.number {color: #fff; background: #009aae;}
.main-tiles-stats .tile:active span.number {width: calc(100% - 4px); left: 2px; right: 2px; line-height: 12px;}
.main-tiles-stats .tile i {font-size: 32px; line-height: 43px; padding-top: 8px;}
.main-tiles-stats .tile:active i {line-height: 40px;}
.main-tiles-stats .tile .fa-user{font-size: 28px}

.tiles-wrap {background: #fff; border-bottom: 1px solid #00bcd4; max-width: 1200px; margin: -50px auto 0; position: relative; text-align: center;}
.tiles-wrap .after {position: absolute; bottom: 0; height: 2px; background: #00bcd4; z-index: 2; width: 105px; margin-right: -5px; display: block; opacity: 0;}
.tiles-wrap .after.active {opacity: 1; transition: all 250ms ease;}
.tiles-wrap.with-stats {text-align: center;}
.tiles-wrap.twoelements {min-width: 220px;}
.tiles-wrap.threeelements {min-width: 325px;}
.tiles-wrap.fourelements {min-width: 430px;}
.tiles-wrap.fiveelements {min-width: 535px;}
.tiles-wrap.sixelements {min-width: 640px;}
.tiles-wrap.sevenelements {min-width: 745px;}
.tiles-wrap.eightelements {min-width: 850px;}
.tiles-wrap.nineelements {min-width: 955px;}
.tiles-wrap.tenelements {min-width: 1060px;}
.tiles-wrap.with-stats .main-tiles { margin-right: -5px;}
.tiles-wrap.with-stats	.fiveelements {width: 525px;}
.tiles-wrap.with-stats .fourelements {width: 420px;}
.tiles-wrap.with-stats .threeelements {width: 315px;}
.tiles-wrap.with-stats .twoelements {width: 210px;}
.tiles-wrap .main-tiles, .tiles-wrap .main-tiles-stats {margin: 0; display: inline-block; text-align: left; float: none;}
.main-tiles-stats .tile i svg{padding-top: 13px;}


#project-edit{margin-bottom: 30px}
#project-edit H3{font-size: 16px;margin-bottom: 5px}
#project-edit #head-listing{background: transparent;border: 3px solid #02bbd3;border-collapse: separate;padding: 15px 10px;margin: 20px 0;}
#project-edit .edit-button{text-align: center;display: inline-block; width: 100%;margin-top: 5%}
#project-edit .edit-button button{border: none;background-color:#02bbd3;color: #fff;font-size: 18px;font-weight: bold;padding:7px 5px;width: 100%;max-width:120px;cursor: pointer; }
#project-edit .edit-button button:hover{background-color:#0199ad }
#project-edit table tr{border: none;background-color: #fff}
#project-edit table th{height: 30px;font-size: 13px;font-weight: bold;color:#6c6c6c }
#project-edit table td{padding: 0 10px;color: #000;font-size: 16px;font-weight: bold}
#project-edit #head-listing .project-column{display: inline-block;vertical-align: text-top;min-width: 100px}
#project-edit #head-listing .date-column{min-width: 130px}
#project-edit #head-listing .project-name{width: 100%;max-width: 53%;margin-right: 10px;}
#project-edit #head-listing .edit-column{text-align: center;min-width: 130px;}
@media screen and (max-width: 1775px) {
	.active-right.active-left .responsive-tile-arrows.tenelements {display: block;}
}
@media screen and (max-width: 1655px) {
	.active-right .responsive-tile-arrows.tenelements {display: block;}
	.active-right.active-left .responsive-tile-arrows.nineelements {display: block;}
}
@media screen and (max-width: 1535px) {
	.active-right .responsive-tile-arrows.nineelements {display: block;}
	.active-right.active-left .responsive-tile-arrows.eightelements {display: block;}
}
@media screen and (max-width: 1415px) {
	.active-right .responsive-tile-arrows.eightelements {display: block;}
	.active-right.active-left .responsive-tile-arrows.sevenelements {display: block;}
}
@media screen and (max-width: 1375px) {
	.active-left .responsive-tile-arrows.tenelements {display: block;}
	.active-right .responsive-tile-arrows.sevenelements {display: block;}
	.active-right.active-left .responsive-tile-arrows.sixelements {display: block;}
}
@media screen and (max-width: 1255px) {
	.active-left .responsive-tile-arrows.nineelements {display: block;}
	.responsive-tile-arrows.tenelements {display: block;}
}
@media screen and (max-width: 1135px) {
	.responsive-tile-arrows.nineelements {display: block;}
	.active-left .responsive-tile-arrows.eightelements {display: block;}
}
@media screen and (max-width: 1015px) {
	.responsive-tile-arrows.eightelements {display: block;}
	.active-left .responsive-tile-arrows.sevenelements {display: block;}
}
@media screen and (max-width: 895px) {
	.active-left .responsive-tile-arrows.sixelements {display: block;}
	.responsive-tile-arrows.sevenelements {display: block;}
}

@media screen and (max-width: 775px) {
	.responsive-tile-arrows.sixelements {display: block;}
}
@media screen and (max-width: 655px) {
	.responsive-tile-arrows.fiveelements {display: block;}
}
@media screen and (max-width: 535px) {
	.responsive-tile-arrows.fourelements {display: block;}
}
@media screen and (max-width: 415px) {
	.responsive-tile-arrows.threeelements {display: block;}
}

.listing {background: #fff; margin: 0 auto; padding: 20px; max-width: 1200px; box-shadow: 0 7px 15px 0 rgba(0,0,0,0.24); position: relative}
.listing .heading {background: #fff; border: 1px solid #dadada}
.listing .heading .element {background: #fff; line-height: 20px; font-size: 13px; font-weight: 600}
.listing .heading .element.fourth {width: 70px}
.listing .heading .element .fa-sort-up:before {line-height: 0; vertical-align: -4px;}
.listing .heading .element .fa-sort-down:before {vertical-align: 3px;}


.show-numbers {font-size: 0; text-align: left; margin-bottom: 20px; float: left;}
.show-numbers span {font-size: 12px; color: #757575; line-height: 20px; display: inline-block;}
.show-numbers .select {width: 34px; display: inline-block; vertical-align: top; margin: 0 5px;}
.show-numbers .select div.fancy-select div.trigger {padding: 0 8px 0 3px; border-bottom: 0; font-size: 12px;}
.show-numbers .select div.fancy-select div.trigger:after {right: 2px; top: 9px; border-width: 3px;}
.show-numbers .select div.fancy-select ul.options {top: 20px; min-width: 1px;}
.show-numbers .select div.fancy-select ul.options li {padding: 0 10px 0 3px; color: #757575; font-size: 12px;}
.shtable-sh-wrap table{background: #dadada; width: 100%; border-collapse: collapse; overflow: hidden; position: relative;}
.shtable-sh-wrap table thead tr{background: #fff none repeat scroll 0 0; border-bottom: 3px solid #efdf0e;}
.shtable-sh-wrap table thead th{background: #fff none repeat scroll 0 0; font-size: 12px; padding: 0 10px; line-height: 20px; height: 42px; font-weight: 600; position: relative; color: #757575;}
.shtable-sh-wrap table thead th.textL {text-align: left;}
.shtable-sh-wrap table tbody tr{background: #f9f9f9;}
.shtable-sh-wrap table tbody .shtable-no-records .textC{padding: 30px 0}
.shtable-sh-wrap table tbody tr.clickable {cursor: pointer;}
.shtable-sh-wrap table tbody tr.even{background: #fff;}
.shtable-sh-wrap table tbody tr:hover, .shtable-sh-wrap table.shtable tbody tr.shtable-odd:hover{background: #f3f3f3;}
.shtable-sh-wrap table tbody tr td{padding: 14px 10px; line-height: 18px; font-size: 16px; color: #404040;}
.shtable-sh-wrap table tbody tr td.child{padding-left: 20px; }
.shtable-sh-wrap table tbody tr td.textC{text-align: center;}
.shtable-sh-wrap table tbody tr td.textL {text-align: left;}
.shtable-sh-wrap table tbody tr td .assign-award {color: #757575; font-size: 14px; line-height: 18px; font-weight: 400; transition: 200ms ease all;}
.shtable-sh-wrap table tbody tr td .assign-award:hover {color: #00BCD4;}
.shtable-sh-wrap table tbody tr td h5{font-size: 14px; line-height: 18px; font-weight: 400;color: #757575;}
.shtable-sh-wrap table tbody tr td.position {width: 20px; padding: 6px 10px;}
.shtable-sh-wrap table tbody tr td.position a {display: block; text-align: center; transition: all 500ms ease; font-size: 16px; line-height: 20px; color: #868686;}
.shtable-sh-wrap table tbody tr td.position a:hover {color: #00BCD4;}
.shtable-sh-wrap table tbody tr.sub-row td.position a {transform: translateX(26px)}
.shtable-sh-wrap table tbody tr.sub-sub-row td.position a {transform: translateX(52px)}
.shtable-sh-wrap table tbody tr.sub-row {background: #ffffff;}

.shtable-sh-wrap table tbody tr .star-td{min-width: 140px;}

.shtable-sh-wrap table tbody tr.outdated {background-color: #f76262; }
.shtable-sh-wrap table tbody tr.outdated td, .shtable-sh-wrap table tbody tr.outdated td h5, .shtable-sh-wrap table tbody tr.outdated td.options > a {color: #fff}
.shtable-sh-wrap table tbody tr.current {background-color: #f9fcd4;}
/*.shtable-sh-wrap a.button {background: #fff; display: inline-block; height: 40px; font-size: 20px; line-height: 20px;text-align: center; font-weight: 700; transition: all 500ms ease;}
.shtable-sh-wrap a.button:hover {opacity: 0.75; filter: alpha(opacity=75);}*/
.shtable-sh-wrap a.button.delete:before {background: #ff5722;}
.shtable-sh-wrap a.button.delete:hover:after {border-color: #ff5722;}
.shtable-sh-wrap a.activate {display: block; height: 22px; text-align: center;}
.shtable-sh-wrap a.activate i {vertical-align: -6px; font-size: 24px; margin-top: -4px;}
.shtable-sh-wrap a.activate i.icon-close{color: #ff5722; font-size: 20px;}
.shtable-sh-wrap a.activate i.fa-check{color: #20ba9e;}
.shtable-sh-wrap a.activate:hover i {transition: all 500ms ease;}
.shtable-sh-wrap a.activate:hover i.icon-close{transform: rotateY(180deg); color: #20ba9e;}
.shtable-sh-wrap a.activate:hover i.fa-check{transform: rotateY(360deg); color: #ff5722;}
.shtable.breakpoint > tbody > tr > td.position > span.shtable-toggle{padding-right: 0;}
.shtable-sh-wrap .shtable-row-detail-inner{width: 100%;}
.shtable-sh-wrap .shtable-row-detail-row > div{padding-bottom: 10px;}
.shtable-sh-wrap .shtable-row-detail-row:last-child > div{padding-bottom: 0;}
.shtable-sh-wrap .shtable-row-detail-name,
.shtable-sh-wrap .shtable-row-detail-value{vertical-align: middle;}
.shtable-sh-wrap table tbody tr td.options {text-align: center; position: relative; transition: all 500ms ease; width: 70px; padding: 9px 10px;}
.shtable-sh-wrap table tbody tr td.options:hover .more-options {right:70px;}
.shtable-sh-wrap table tbody tr td.options .more-options {position: absolute; top: 0; height: 100%; background: transparent; z-index: 3; right: -620px; padding: 10px; transition: all 500ms ease; white-space: nowrap;}
.shtable-sh-wrap table tbody tr td.options .more-options table {overflow: visible; height: 100%;background: transparent;}
.shtable-sh-wrap table tbody tr td.options .more-options tr {background: transparent;}
.shtable-sh-wrap table tbody tr td.options .more-options td {padding: 0;height: 100%}
.shtable-sh-wrap table tbody tr td.options .button {display: inline-block; vertical-align: middle; min-width: 30px; height: 30px; font-size: 18px; line-height: 33px; padding: 0 2px; text-align: center; font-weight: 400; transition: all 500ms ease; position: relative; overflow: visible;}
.shtable-sh-wrap table tbody tr td.options .button:after {content: ""; display: none; padding: 10px 0 5px; background: url(../imgs/tooltip-arrow.jpg) no-repeat center top #757575; width: 80px; color: #fff; font-size: 12px; white-space: normal; text-align: center; position: absolute; top: 31px; margin-left: -40px; line-height: 16px; left: 50%; opacity: 0;}
.shtable-sh-wrap table tbody tr td.options .button i {line-height: 30px;}
.button.delete .icon-bin{color: #fff;}
.shtable-sh-wrap table tbody tr:last-child td.options .button:after, .shtable-sh-wrap table tbody tr:nth-last-child(2) td.options .button:after {bottom: 31px; top: auto; background: url(../imgs/tooltip-arrow-reverse.jpg) no-repeat center bottom #757575; padding: 5px 0 10px;}
/*.shtable-sh-wrap table tbody tr td.options .button:hover:after {opacity: 1;transition: 500ms ease all; transition-delay: 1s; display: block;}*/
.shtable-sh-wrap table tbody tr td.options .button img {vertical-align: -3px;}
.shtable-sh-wrap table tbody tr td.options > a {background: transparent; font-size: 32px; transition-duration: 1s; color: #000;}
.shtable-sh-wrap table tbody tr td.options:hover > a {transform: rotate(360deg); color: #000; cursor: default;}

.shtable-sh-wrap table tbody tr td.single-option-remove > a{background: #ea3256;color: #fff;cursor: pointer;}
.shtable-sh-wrap table tbody tr td.single-option-remove:hover > a{background: #ac0022;color: #fff;transform: rotate(0deg);}

.shtable-sh-wrap table tbody tr td.single-option-add > a{background: #8AB214;color: #fff;cursor: pointer;}
.shtable-sh-wrap table tbody tr td.single-option-add:hover > a{background: #6fa014;color: #fff;transform: rotate(0deg);}




.listing-with-margin{margin-bottom: 30px }

.button.violet {background: #7B70BF}
.button.violet:hover {background: #6e65a8}
.button.sea {background: #10b2c9}
.button.sea:hover {background: #0d9db5}
.button.orange,.button.delete {background: #ff5722;}
.button.orange:hover,.button.delete:hover {background: #d1471c;}
.button.yellow {background: #f0ca4b}
.button.yellow:hover {background: #d9b640;}
.button.mint {background: #24b9a3;}
.button.mint:hover {background: #1da98c;}
.button.red {background: #c24447;}
.button.red:hover {background: #a12528;}
.button.brick {background: #dd7366;}
.button.brick:hover {background: #CB665A;}
.button.cold-blue {background: #7d9cb9;}
.button.cold-blue:hover {background: #4f7fab;}
.button.blue {background: #68c9ff;}
.button.blue:hover {background: #47a8de;}
.button.purple {background: #9f008b;}
.button.purple:hover {background: #7c006c;}
.button.pink {background: #dd97b9;}
.button.pink:hover {background: #bd6690;}
.button.light-brown {background: #dc7459;}
.button.light-brown:hover {background: #c26851;}
.button.black {background: #000000;}
.button.black:hover {background: #000000;}
.button.green {background: #009900;}
.button.green:hover {background: #005500;}
.button.turquoise{background:#00897b }
.button.turquoise:hover{background:#0c6d63 }
.button.light-orange{background: #8ab214}
.button.light-orange:hover{background: #6fa014}
.button.raspberry{background: #ea3256}
.button.raspberry:hover{background: #ac0022}
.button.para-green{background: #26B27E}
.button.para-green:hover{background: #007a55}
.button.leaf{background: #8AB214}
.button.leaf:hover{background: #6fa014}
.button.navy{background: #256acc}
.button.navy:hover{background: #143da8}

.input .mce-panel {margin: 15px 0;}
/*.shtable-sh-wrap table tbody tr td.options .add:after {content: "dodaj"}*/
/*.shtable-sh-wrap table tbody tr td.options .url:after {content: "url"}*/
/*.shtable-sh-wrap table tbody tr td.options .edit:after {content: "modyfikuj"}*/
/*.shtable-sh-wrap table tbody tr td.options .repeat:after {content: "powiel"}*/
/*.shtable-sh-wrap table tbody tr td.options .auction-again:after {content: "wystaw ponownie"}*/
/*.shtable-sh-wrap table tbody tr td.options .auction-details:after {content: "szczegóły aukcji"}*/
/*.shtable-sh-wrap table tbody tr td.options .auction-reauction:after {content: "wycofaj"}*/
/*.shtable-sh-wrap table tbody tr td.options .auction-recollect:after {content: "wycofaj"}*/
/*.shtable-sh-wrap table tbody tr td.options .auction-collect:after {content: "do odbioru"}*/
/*.shtable-sh-wrap table tbody tr td.options .auction-received:after {content: "odebrany"}*/
/*.shtable-sh-wrap table tbody tr td.options .auction-close:after {content: "zakończ przed czasem"}*/
/*.shtable-sh-wrap table tbody tr td.options .product-details:after {content: "zobacz produkt"}*/
/*.shtable-sh-wrap table tbody tr td.options .continue:after {content: "kontynuuj"}*/
/*.shtable-sh-wrap table tbody tr td.options .delete:after {content: "usuń"}*/
/*.shtable-sh-wrap table tbody tr td.options .refer:after {content: "odwołaj"}*/
/*.shtable-sh-wrap table tbody tr td.options .userdata:after {content: "dane użytkownika"}*/
/*.shtable-sh-wrap table tbody tr td.options .details:after {content: "szczegóły"}*/
/*.shtable-sh-wrap table tbody tr td.options .pdfcard:after {content: "generuj kartę"}*/
/*.shtable-sh-wrap table tbody tr td.options .finish:after {content: "zakończ zadanie"}*/
/*.shtable-sh-wrap table tbody tr td.options .resign:after {content: "przepisz zadanie"}*/
/*.shtable-sh-wrap table tbody tr td.options .winners:after {content: "oznacz zwycięzcę"}*/
/*.shtable-sh-wrap table tbody tr td.options .dropoffer:after {content: "odrzuć ofertę"}*/
/*.shtable-sh-wrap table tbody tr td.options .announcement:after {content: "ogłoś zwycięzców"}*/
/*.shtable-sh-wrap table tbody tr td.options .profile:after {content: "profil użytkownika"}*/
/*.shtable-sh-wrap table tbody tr td.options .items:after {content: "przedmioty"}*/
/*.shtable-sh-wrap table tbody tr td.options .paintings:after {content: "obrazy"}*/
/*.shtable-sh-wrap table tbody tr td.options .gallery:after {content: "galeria"}*/
/*.shtable-sh-wrap table tbody tr td.options .attachments:after {content: "załączniki"}*/
/*.shtable-sh-wrap table tbody tr td.options .resell:after {content: "wystaw ponownie"}*/
/*.shtable-sh-wrap table tbody tr td.options .sell:after {content: "sprzedaj"}*/
/*.shtable-sh-wrap table tbody tr td.options .add-to-offer:after {content: "dodaj do oferty"}*/
/*.shtable-sh-wrap table tbody tr td.options .add-to-artist:after {content: "dodaj do artysty"}*/
/*.shtable-sh-wrap table tbody tr td.options .preview:after {content: "podgląd"}*/
/*.shtable-sh-wrap table tbody tr td.options .changes:after {content: "historia edycji"}*/
/*.shtable-sh-wrap table tbody tr td.options .auctions:after {content: "historia licytacji"}*/
/*.shtable-sh-wrap table tbody tr td.options .history-auctions:after {content: "historia aukcji"}*/
/*.shtable-sh-wrap table tbody tr td.options .pdf:after {content: "generuj pdf"}*/
.edit-project{display: none;}
.edit-project .input{vertical-align: text-bottom;}
.edit-project .button-wrap button{width: 210px}

.shtable-sh-wrap table tbody tr td.options a .tooltip {position: absolute; padding: 0 0 5px; bottom: 100%; left: 50%; line-height: 1.3; transform: translateX(-50%); font-size: 12px; color: #fff; width: auto; max-width: 130px; display: none;}
.shtable-sh-wrap table tbody tr td.options a .tooltip:after {border: 5px solid; border-color: #757575 transparent transparent transparent; content: ''; position: absolute; top: 100%; margin-top: -5px; left: 50%; transform: translateX(-50%)}
.shtable-sh-wrap table tbody tr td.options a .tooltip span {display: block; padding: 5px; background: #757575;}
.shtable-sh-wrap table tbody tr td.options a:hover .tooltip {display: block}

.shtable > thead > tr > th.shtable-sortable {cursor: pointer;}
.shtable > thead > tr > th.shtable-sortable > span.shtable-sort-indicator {font-family: 'FontAwesome'; transition: 500ms all ease; color: #757575;font-size: 16px}
.shtable > thead > tr > th.shtable-sortable:hover > span.shtable-sort-indicator {color: #00bcd4;}
.shtable > thead > tr > th.shtable-sortable > span.shtable-sort-indicator:before {content: "\f0dc"; margin-left: 4px; line-height: 6px;}
.shtable > thead > tr > th.shtable-sorted-desc > span.shtable-sort-indicator:before {content: "\f0dd"; vertical-align: text-top;}
.shtable > thead > tr > th.shtable-sorted-asc > span.shtable-sort-indicator:before {content: "\f0de"; vertical-align: text-bottom;}
.listing-number-provider {float: left; margin-top: 35px;}
.listing-number-provider p {font-size: 12px; color: #757575; font-weight: 400; line-height: 16px;}
.listing-number-provider span {font-size: 11px;}
.listing-pagination{margin-top: 35px; float: right;}
.listing-pagination ul li.shtable-limit-next:hover, .listing-pagination ul li.shtable-limit-prev:hover {color: #757575;}
.listing-pagination ul{text-align: center;}
.listing-pagination ul li{display: inline-block; vertical-align: top; transition: 250ms all ease;}
.listing-pagination ul li:hover {background: #f3f3f3}
.listing-pagination ul li:nth-child(n+2){border-left: none;}
.listing-pagination ul li a{min-width: 22px; transition: all 500ms ease; display: inline-block; font-size: 12px; line-height: 22px; background: #fff none repeat scroll 0 0;}
.listing-pagination ul li a:hover{color: #757575;background: #f3f3f3}
.listing-pagination ul li.active a{background: #f3f3f3; color: #757575;}
.listing-pagination ul li.active a:hover{background: #f3f3f3;}
.listing-pagination ul li.disabled a{cursor: not-allowed; color: #757575;}
.listing-pagination ul li.disabled a:hover {background: #fff;}
.sh-filter-wrap{margin-bottom: -20px;}
.sh-filter-wrap .input{margin-top: 0;}
.sh-filter-wrap .search-input {text-align: right;}
.sh-filter-wrap .search-input .select {text-align: left; max-width: 200px; float: right; width: 100%; margin-top: 15px; margin-right: 20px;}
.sh-filter-wrap .search-input .select div.fancy-select div.trigger {padding: 8px 15px;}
.sh-filter-wrap .search-input .select div.fancy-select ul.options.open {top: 38px}
.sh-filter-wrap .clear-filters {color: #757575; font-size: 12px; padding: 5px 10px; margin: 32px 10px 0; display: none;}
.sh-filter-wrap .clear-filters:hover {text-decoration: underline;}
.sh-filter-wrap .search-input:after {display: block; width: 100%; clear: both; content: ""}
.sh-filter-wrap .search-input input {float: right; width: 365px; border-bottom: 3px solid #efdf0e; height: 38px; padding: 8px 30px 5px 15px; display: block; background-image: url(../imgs/small-search-icon.png); background-position: right 12px center; background-repeat: no-repeat;}
.sh-filter-wrap .half-w{width: 49%; margin-right: 1%; float: left;}
.sh-filter-wrap .half-w.right-half{margin-right: 0; margin-left: 1%;}
.listing .table-wrap {overflow: hidden;}
.listing .table-wrap .single-item {background: #fff; border: 1px solid #dadada; width: 100%; border-collapse: collapse;}
.listing .table-wrap:nth-child(2n+2) .single-item {background: #f9f9f9;}
.listing .table-wrap .single-item:hover {background: #F3EE49;}
.listing .table-wrap td, .listing .table-wrap th {font-size: 13px; font-weight: 400; height: 42px; padding: 2px 10px; border: 1px solid #dadada; color:#979898;}
.listing .table-wrap .title h5 {font-size: 13px; line-height: 20px; font-weight: 400;}
.listing .table-wrap .data {text-align: center;}
.listing .table-wrap .activate {width: 80px;}
.listing .table-wrap .activate a {display: block; height: 31px; text-align: center;}
.listing .table-wrap .activate a i {vertical-align: -8px; color: #ff5722; font-size: 30px;}
.listing .table-wrap .activate a:hover i {transform: rotateY(180deg); color: #8bc34a; transition: all 500ms ease;}
.listing .table-wrap .options {text-align: center; position: relative; transition: all 500ms ease; width: 70px;}
.listing .table-wrap .options:hover .more-options {right: 0;}
.listing .table-wrap .options .more-options {position: absolute; top: 0; height: 44px; background: #fff; z-index: 3; width: 300px; right: -300px; padding: 10px; transition: all 500ms ease;}
.listing .table-wrap .options a {background: #efdf0d; color:#868686; display: inline-block; height: 24px; font-size: 12px; line-height: 24px; padding: 0 8px; text-align: center; font-weight: 400; transition: all 500ms ease;}
.listing .table-wrap .options a:hover {background: #F4ED4C;}
.listing .table-wrap .options .button {color: #fff;}
.listing .table-wrap .options > a {background: transparent; font-size: 20px;}
.listing .table-wrap .options .edit {margin-right: 4px; background: #40bbea;}
.listing .table-wrap .options .edit:hover {background:#308AAD;}
.listing .table-wrap .options .delete {background: #ff5722;}
.listing .table-wrap .options .delete:hover {background: #d1471c;}
.listing .table-wrap .position {width: 20px;}
.listing .table-wrap .position a {display: block; color: #868686; text-align: center; transition: all 500ms ease; font-size: 16px; line-height: 20px;}
.listing .table-wrap .position a:hover {color: #fff;}
.listing .table-wrap.first .position a, .listing .table-wrap.last .position a {line-height: 40px;}
.listing .table-wrap.first .position a.arrow-up {display: none;}
.listing .table-wrap.last .position a.arrow-down {display: none;}
.shtable-sh-wrap table .bottom-content {text-align: center;}
.shtable-sh-wrap table tbody tr.active td {padding: 10px; background: #fff; height: auto; box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.12) inset;}
.shtable-sh-wrap table .bottom-content .title {width: 90px; float: left; font-size: 14px; line-height: 24px; text-align: left;}
.shtable-sh-wrap table .bottom-content .title.full {width: 100%;}
.shtable-sh-wrap table .bottom-content .info {width: calc(100% - 90px); float: left; padding-left: 16px; font-size: 14px; line-height: 24px; text-align: left;}
.shtable-sh-wrap table .bottom-content .button {display: inline-block; }

@media screen and (max-width: 720px) {
	.listing .single-item {background: #dadada; padding-right: 0;}
	.listing .single-item:hover {background: #dadada;}
	.listing .single-item .title {width: 100%; padding-left: 10px; cursor: pointer; border: none; background: #f3f3f3; transition: background ease 500ms}
	.listing .single-item:hover .title {background: #dadada;}
}
@media screen and (max-width: 600px) {
	.sh-filter-wrap .half-w{width: 100%; margin-right: 0; float: none; margin-top: 20px;}
	.sh-filter-wrap .half-w.right-half{margin-left: 0;}
}
@media screen and (max-width: 480px) {
	.sh-filter-wrap {margin-bottom: 20px;}
}
.add-article {max-width: 1200px; margin: 0 auto; background: #fff; padding: 20px; box-shadow: 0 9px 12px 0 rgba(0,0,0,0.18); position: relative}
.add-article .select div.fancy-select{max-width: 580px;margin-top: 10px}
.add-article #article-intro {height: 200px;}
.add-article .file-wrap {background: #efdf0d; overflow: hidden; cursor: pointer; width: 280px; font-size: 16px; line-height: 20px; color: #fff; height: 60px; padding: 20px 20px 20px 60px; position: relative; transition: all 500ms ease; color: #fff; margin-top: 15px;}
.add-article .file-wrap.error {background: #ff5722;}
.add-article .file-wrap:hover {background: #FFF13F;}
.add-article .file-wrap input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer; margin: 0; padding: 200px;}
.add-article .file-wrap i {position: absolute; top:15px; font-size: 30px; left: 20px; cursor: pointer;}
.add-article .file-wrap p {font-size: 16px; line-height: 20px; color: #fff; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 100%;}
.add-article .info-for-expert {text-align: center; padding: 10px 5px; border: 1px solid #00BCD4;}
.add-article .info-for-expert span {display: block; padding: 0 0 10px; font-size: 10px; color: #00BCD4; text-align: center;}
.button.download {width: 200px; background: #1d9d74; font-weight: 400; font-size: 16px; padding: 10px 10px 10px 35px; margin-top: 10px;}
.button.download i {position: absolute;font-size: 20px; left: 8px; top: 10px;}
.button.download:hover {background: #43D8A8;}

.add-article.adding-prize .input {position: relative;}
.add-article.adding-prize .input .button {position: absolute;right: 0; bottom: 2px;}
.add-article.adding-prize .input input {padding-right: 60px;}
.add-article.adding-prize .input.half {padding: 0 10px; width: 50%; float: left;}
.add-article.adding-prize .input.half.files label {color: #010100;}
.add-article.adding-prize .input.half.files .ajax-upload-dragdrop {margin-top: 15px;}
.add-article.adding-prize .input.half.files .ajax-file-upload-statusbar {max-width: 200px; margin: 10px auto 0;}
.add-article.adding-prize .input.half.files .ajax-file-upload-statusbar .ajax-file-upload-green {background: #24b9a3;}
.add-article.adding-prize .input.half.files .ajax-file-upload-statusbar .ajax-file-upload-green:hover {background: #1da98c;}
.add-article.adding-prize .button i {line-height: 30px; font-size: 30px; vertical-align: middle;}
.add-article.adding-prize .button.left {padding: 10px 10px;}
.add-article.adding-prize .accordion-container {margin-top: 20px;}
.add-article.adding-prize .accordion-container .accordion-trigger {cursor: pointer;}
.add-article.adding-prize .accordion-container .accordion-trigger a {float: right; color: #fff; font-size: 30px; line-height: 45px; padding: 0 4px; transition: 250ms ease all;}
.add-article.adding-prize .accordion-container .accordion-trigger a:hover {color: #009aae}
.add-article.adding-prize .accordion-container .accordion-trigger a.blockdelete:hover {color: #ff5722}
.add-article.adding-prize .accordion-container .accordion-trigger:hover h2 {background: #979797}
.add-article.adding-prize .accordion-container .accordion-content {display: none;}
#menu-types .single-type{display: none;}


/*DATEPICKER*/
.ui-datepicker-header {background: #efdf0d; padding: 10px 40px; position: relative; color: #fff;}
.ui-datepicker-header a {position: absolute; top: 10px; font-size: 20px; font-family: "FontAwesome"; cursor: pointer; color: #fff;}
.ui-datepicker-header a span {display: none;}
.ui-datepicker-prev {left: 10px;}
.ui-datepicker-prev:before {content: "\f0a8";}
.ui-datepicker-next {right: 10px;}
.ui-datepicker-next:before {content: "\f0a9";}
.ui-datepicker-title {font-weight: 700; text-align: center;}
.ui-datepicker-calendar {background: #fff; border-collapse: collapse;}
.ui-datepicker-calendar td, .ui-datepicker-calendar th { text-align: center; vertical-align: middle; padding: 6px;}
.ui-datepicker-calendar .ui-datepicker-today {border: 4px #ff5722 solid; padding: 2px; background: #fff;}
.ui-datepicker-calendar td .ui-state-active {color: #00bcd4}
.ui-datepicker-calendar .this-week {background: #C9E0F6;}
.ui-datepicker-calendar td:hover {background: #dadada;}

.xdsoft_datetimepicker{border: none}
.xdsoft_datetimepicker .xdsoft_label{font-size: 15px;font-family: 'lato';font-weight: bold}
.xdsoft_datetimepicker .xdsoft_calendar th{font-size: 14px;font-weight: normal}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{background:#00b4ce!important }
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:{background:#00b4ce!important}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#00b4ce!important}

.smallPopup{padding: 25px 0}
.smallPopup input{font-size: 18px;font-weight: bold;color: #000;background-color: #f1f1f1;border: 3px solid #edda11;height: 48px;margin:20px 0 }
.smallPopup i{padding-right: 10px}

#td-clock-0 .td-lancette{border: none;}
#td-clock-0 .td-select:after{background:#555555!important }
#td-clock-0 .td-clock:before{background:#00b4ce!important}

.bloader {min-height: 40px; background: rgb(2, 187, 211) url(/a/imgs/loader.png) center center no-repeat !important;}

.shelect {position: relative; height: 52px;}
.shelect.active {border-color: #efdf0d;}
.shelect ul {position: absolute; top: 52px; left: 0; background: #f3f3f3; display: none; width: 100%; z-index: 9;}
.shelect.low ul {bottom: 52px; top: auto;}
.shelect li {font-size: 14px; line-height: 20px; padding: 15px; border-bottom: 1px solid #dadada; transition: 500ms ease all;}
.shelect li:hover {background: #dadada}
.button-wrap {margin-top: 20px;}
.button-wrap .button, .button-wrap button {float: right; margin-left: 20px;}
.button-wrap button{color: #fff;width: 100%;max-width:210px }
.button-wrap .add{background-color: #8400ff;}
.tse-scrollable {width: 100%;height: 100%; margin: 0;}
.tiles-wrap {margin: 0;}
.button.continue{max-width: 230px}

.tse-scrollable.horizontal {width: 100%; height: 121px; max-width: 1200px; margin: 0 auto; padding: 0 20px; background: #fff;box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24);}
.add-article .tse-scrollable.horizontal {margin-top: 50px; padding: 0}
/* #CONTENT.minimized .tse-scrollable.horizontal {margin-top: 40px;} */
#error-cnt {margin: -50px auto 50px; background: #fff; padding: 100px 20px; max-width: 1200px; position: relative; z-index: 2; box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24);}
#error-cnt .button {float: right; margin-top: 20px;}
#error-cnt h4 {color: #ff5722; font-size: 20px; text-align: center; padding: 20px 0;}
#error-cnt p {font-size: 16px; text-align: right; margin-top: 20px;}
@media screen and (max-width: 1600px) {
	#CONTENT.minimized .tse-scrollable.horizontal {margin-top: 20px;}
}
@media screen and (max-width: 600px) {
	.tse-scrollable.horizontal {margin-top: 0;}
}
form .section {font-size: 14px; color: #868686;}
form .section.three-columns {border-bottom: 1px solid #dadada; padding-bottom: 20px;}
form .section a {font-size: 12px; color: #868686;}
form .section a:hover {border-bottom: 1px solid #868686;}
form .section-row {border-bottom: 1px solid #dadada; padding: 10px 0;}
form .section-row.three {display: inline-block; min-width: 340px;}


/*POPUP*/
.popup-overlay {background: rgba(0,0,0,0.1); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; display: none; padding: 20px;}
.popup-body {font-family: "lato",sans-serif;position: absolute; max-width: 400px; margin: 0; box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24); max-height: 90vh; left: 50%;  top: 50%; -ms-transform: translateY(-50%) translateX(-50%); width: 100%; transform: translateY(-50%) translateX(-50%)}
.popup-head {height: 44px; background: #757575;}
.popup-content .input textarea {height: 300px}
.popup-head .cancel, .popup-body.cropper-wrap .popup-head .save .cancel {padding: 0; float: right; color: #fff; margin: 2px; width: 40px; height: 40px; font-weight: 400; line-height: 49px; font-size: 30px; text-align: center; background: #ff5722; transition: 500ms ease all;}
.popup-body.cropper-wrap .popup-head .save .cancel {margin: 20px 0 20px 20px; float: left;}
.popup-head .cancel:hover, .popup-body.cropper-wrap .popup-head .save .cancel:hover {background: #d1471c;}
.popup-content {background: rgba(218,218,218,0.75); background: #fff; min-height: 100px; padding: 30px 20px; text-align: center; position: relative; max-height: calc(90vh - 44px); overflow: auto;}
.popup-content h2 {color: #868686; font-size: 24px; line-height: 30px; font-weight: 400; padding: 0;}
.popup-content .button {display: inline-block; margin: 20px 10px 0;}
.popup-content input {margin-top: 20px; width: calc(100% - 10px); padding: 5px;}
.popup-content .input input {margin-top: 5px;}
.popup-content .popup-comment {margin-top: 20px; width: 100%; height: 99px;}
.export{text-align: left;}
.export h5{font-size: 19px;text-align: center;}
.export textarea{width: 100%;height: 101px;font-size: 13px;line-height: 1.3;margin: 10px 0;padding: 10px}
.export select,.export label{font-size: 17px}
.export select{box-shadow: none; width: 100%; padding: 15px; border: none; border-bottom: 2px solid #000; background: #f3f3f3; line-height: 20px; -webkit-border-radius: 0; border-radius: 0;}
.export .input{margin-bottom: 10px;}
.export .button{margin: 20px 0 0;float: right;}

.shtable-sh-wrap table tbody tr td.single-option-remove a .tooltip,.shtable-sh-wrap table tbody tr td.single-option-add a .tooltip{bottom: 100%; left: -170%; line-height: 1.3; transform: translateX(-50%); top: -5px;}
.shtable-sh-wrap table tbody tr td.single-option-remove a .tooltip:after,.shtable-sh-wrap table tbody tr td.single-option-add a .tooltip:after{    border: 5px solid; border-color: #757575 transparent transparent transparent; content: ''; position: absolute; top: 20px; margin-top: -5px; right: -9px; transform: rotate(-90deg);left: auto;}

.popup-content .select div.fancy-select div.trigger{padding: 5px}
.popup-content .select div.fancy-select div.trigger:after{top: 14px}
.popup-content .select div.fancy-select ul.options li{padding: 5px}
.popup-content .select div.fancy-select ul.options{top: 34px}
.popup-content .select div.fancy-select div.trigger.open{border-width: 3px}
.popup-content input{width: 100%}

.flex_popup_box{}

/*POPUP DO PRZYCINANIA ZDJĘĆ*/
.popup-body.cropper-wrap {max-width: 1200px;}
.popup-body.cropper-wrap .popup-head {height: auto;}
.popup-body.cropper-wrap .popup-head .options-wrap {position: relative; padding-right: 180px;}
.popup-body.cropper-wrap .popup-head .options {float: left; width: 100%;}
.popup-body.cropper-wrap .popup-head .options a {height: 80px; width: 80px; line-height: 40px; text-align: center; margin: 0; background: transparent; padding: 20px 0; float: left; display: block; color: #fff; font-size: 40px;text-shadow:2px 3.464px 2px rgba(0,0,0,0.31); transition: all 0.5s }
.popup-body.cropper-wrap .popup-head .options a:hover {color: #DCDCDC;}
.popup-body.cropper-wrap .popup-head .options a.disabled {opacity: 0.3; filter: alpha(opacity=30); cursor: default;}
.popup-body.cropper-wrap .popup-head .options a.disabled:hover {color: #fff;}
.popup-body.cropper-wrap .popup-head .save {position: absolute; right: 0; top: 0; width: 180px; background: #868686; float: left;}
.popup-body.cropper-wrap .popup-head .save a {margin: 20px 0 20px 20px; width: 80px; float: left; display: block; border: 0; text-align: center; outline: 0; cursor: pointer; padding: 10px 18px; line-height: 20px; font-size: 13px; font-weight: 400; color: #fff; background: #00bcd4; transition: all 250ms ease; position: relative; overflow: hidden; z-index: 2;}
.popup-body.cropper-wrap .popup-head .save a:hover {background: #009aae;}
.popup-body.cropper-wrap .popup-content {padding: 0; max-height: calc(90vh - 80px); overflow: auto; overflow-x:hidden;}
.uploader-wrapper {position: relative;}
.ajax-upload-dragdrop {width: 100%; height: 200px; margin: 0; padding: 0;}
.ajax-upload-dragdrop .ajax-file-upload {height: 100%; text-transform: none; margin: 0; float: none; color: transparent; background: transparent; border: none; position: relative; box-shadow: none;}
.ajax-upload-dragdrop .ajax-file-upload:active {border:1px solid #828282;}
.ajax-upload-dragdrop .ajax-file-upload:before {position: absolute; content: "Upuść plik nad tym polem lub"; top: 50%; margin-top: -60px; left: 50%; margin-left: -130px; color: #868686;width: 260px; line-height: 25px; text-align: center; font-size: 16px;}
.ajax-upload-dragdrop .ajax-file-upload:after {content: "Wybierz plik"; background: #00bcd4; border: 0; width: 160px; outline: 0; cursor: pointer; padding: 10px 18px; line-height: 20px; font-size: 13px; text-align: center; font-weight: 400; color: #fff; background: #00bcd4; transition: all 250ms ease; position: absolute; top: 50%; left: 50%; margin-left: -80px; z-index: 2;}
.ajax-upload-dragdrop .ajax-file-upload:hover:after {background: #009aae;}
.ajax-upload-dragdrop span {display: none;}
.ajax-file-upload-statusbar {width: 100%; max-width: 420px; text-align: left;}
.ajax-file-upload-filename {text-overflow: ellipsis; overflow: hidden; margin: 0; white-space: nowrap; font-size: 14px;}
.ajax-file-upload-progress {width: 100%; margin: 10px 0 0;}
.ajax-file-upload-bar {background: #00BCD4;}
.ajax-file-upload-red {background: #ff5722; box-shadow: none;}
.ajax-file-upload-red:hover {background: #d1471c;}
.popup-body.cropper-wrap .ajax-file-upload-container {position: absolute;bottom: 0; left: 0;}
#cropWrap {display: none;}
.cropper-point, .cropper-point.point-se {width: 20px; height: 20px;}
.cropper-point.point-s,.cropper-point.point-n,.cropper-point.point-w,.cropper-point.point-e {display: none;}
@media screen and (max-width: 700px) {
	.popup-body.cropper-wrap .popup-head .options-wrap {padding-right: 0;}
	.popup-body.cropper-wrap .popup-head .options {text-align: center; font-size: 0;}
	.popup-body.cropper-wrap .popup-head .options a {float: none; display: inline-block;}
	.popup-body.cropper-wrap .popup-head .save {width: 100%; position: static;}
	.popup-body.cropper-wrap .popup-content {max-height: calc(90vh - 240px)}
}
/*LOADER*/
.loader {background: rgba(255,255,255,0.5); position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index: 200; transition: 500ms ease all; display: none;}
.loader.error {background: #fff; padding: 60px 20px;}
.loader .form {display: none;}
.spinner {margin: 100px auto 0; width: 70px; text-align: center; }
.loader.error .form {display: block;}
.loader.error .spinner {display: none;}
.spinner > div {width: 18px; height: 18px; background-color: #757575; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.spinner .bounce1 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {-webkit-transform: scale(0); transform: scale(0);}
	40% {-webkit-transform: scale(1.0);transform: scale(1.0);}
}

#tasktime{ display: none;}
.input.files {font-size: 14px; color: #868686;}
.input.files a {color: #868686}
.input.files a:hover {text-decoration: underline;}

/*Radio*/
.tiles-radio-cnt {margin-top: 20px;}
.radio-tile {float: left; width: 33.33%; padding: 5px; position: relative; font-size: 0;}
.radio-tile input {opacity: 0; position: absolute;}
.radio-tile label {display: block; overflow: hidden; position: relative; cursor: pointer;}
.radio-tile label:before, .radio-tile label:after {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0,0,0,0.25); transition: 500ms ease all;}
.radio-tile label:after {background: rgba(0,0,0,0.3); opacity: 0;}
.radio-tile input:checked + label:after, .radio-tile input:hover + label:after {opacity: 1;}
.radio-tile input:checked + label span, .radio-tile input:hover + label span {color: transparent;}
.radio-tile input:hover + label span:after {content:"WYBIERZ"; color: #fff; font-size: 20px; position: absolute; top: 0; left: 0; width: 100%; text-align: center;}
.radio-tile input:checked + label span:after {content:"WYBRANO"; color: #efdf0d; font-size: 20px; position: absolute; top: 0; left: 0; width: 100%; text-align: center;}
.radio-tile label span {position: absolute; z-index: 2; top: 50%; margin-top: -10px; left: 0; right: 0; bottom: 0; font-size: 20px; color: #fff; text-shadow: 0 2px 5px rgba(0,0,0,0.12); text-align: center; line-height: 20px;}
.radio-tile label img {transform-origin: center; width: 100%; transition: all 500ms ease;}
.radio-tile label:hover img {transform: scale(1.2);}
@media screen and (max-width: 800px) {
	.radio-tile {width: 50%;}
}
@media screen and (max-width: 420px) {
	.radio-tile {width: 100%;}
}
.tabs{margin-top: 20px;}
.tab-menu:after {content: ""; display: table; clear: both;}
.tab-menu {margin: 0; padding: 0; list-style: none; display: block;}
.tab-menu li{cursor: pointer; float: left; padding: 15px; border-bottom: 2px solid #828282; background: #fff; font-size: 14px; line-height: 20px; transition: all 500ms ease;}
.tab-menu li:hover{border-color: #ffeb3b;}
.tab-menu li.active{border-color: #ffeb3b; color: #ffeb3b;}
.tab-menu li.active:hover{background: #fff;}
.single-tab{display: none; padding: 1px 0 15px;}
.single-tab.active{display: block;}

/*POGODA*/
.weather .select {padding: 20px;}
.general-weather{background:#d1c130;padding: 10px 0 4px;}
.general-weather-insider{width:75%;margin:0 auto;}
.general-weather-lbl{float:left;}
.general-weather-date{color:#fff;font-size:16px;font-weight:400;margin:0;}
.general-weather-today{color:#fff;font-size:40px;font-weight:400;margin:5px 0 0; line-height: 42px;}
.general-weather-rbl{float:right;}
.general-weather-rbl img {margin: 0 -5px 0 5px; width: 80px;}
.weather-cnt {padding-top: 20px;}
.weather-cnt ul{list-style:none;margin:0;padding:0;}
.weather-cnt li{padding: 5px 0;}
.weather-cnt li.last{border-bottom:none;}
.weather-cnt .lweat{display: inline-block; vertical-align: top; font-size:14px;color:#000;padding: 5px 0 4px 30px;}
.weather-cnt .rweat{float:right;font-size:14px;color:#000;padding-right:30px;}
.weather-cnt .rweat .weather-degrees {display: inline-block; vertical-align: top; width: 60px; text-align: right; padding: 5px 0 4px;}
.weather-cnt .rweat .weather-indicator{display: inline-block; vertical-align: top; width:31px;height:23px;margin-left:20px;text-indent:-999px;}
.weather-cnt .rweat .weather-indicator.cloudy{background:url(../imgs/cloudy-indic.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m01d{background:url(../imgs/weather/m01d.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m01n{background:url(../imgs/weather/m01n.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m02d{background:url(../imgs/weather/m02d.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m02n{background:url(../imgs/weather/m02n.png) no-repeat 0 0; background-size: 28px;}
.weather-cnt .rweat .weather-indicator.m03d{background:url(../imgs/weather/m03d.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m03n{background:url(../imgs/weather/m03n.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m04d{background:url(../imgs/weather/m04d.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m04n{background:url(../imgs/weather/m04n.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m09d{background:url(../imgs/weather/m09d.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m09n{background:url(../imgs/weather/m09n.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m10d{background:url(../imgs/weather/m10d.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m10n{background:url(../imgs/weather/m10n.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m11d{background:url(../imgs/weather/m11d.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m11n{background:url(../imgs/weather/m11n.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m13d{background:url(../imgs/weather/m13d.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m13n{background:url(../imgs/weather/m13n.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m50d{background:url(../imgs/weather/m50d.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.m50n{background:url(../imgs/weather/m50n.png) no-repeat 0 0;}
.weather-cnt .rweat .weather-indicator.mwindy{background:url(../imgs/weather/mwindy.png) no-repeat 6px 4px;}
/*KALKULATOR*/
.calc-widget {padding: 0 10px;}
.calc-widget .calc-cont{max-width:260px;margin:0 auto; padding-top: 20px;}
.calc-widget .result{border: 1px solid #868686; border-bottom: 3px solid #d1c130; font-weight:600;font-size:25px;white-space:nowrap;text-align:right;color:#868686;line-height:48px;height:48px;padding:0 10px;margin:0 0 15px; text-overflow: ellipsis; overflow: hidden;}
.calc-widget .calc{margin:0 auto;max-width:260px;}
.calc-widget .calc a{display:block;float:left;padding:15px 10px; margin-bottom: 6.66px; line-height: 30px; margin-right: 2.56%; background-color: #fff; border: 1px solid #dadada; width:23.08%; max-width: 60px; height: 60px; text-align:center;text-decoration:none;font-weight:400;font-size:24px;color:#444446;box-shadow: 0 1px 1px 0 rgba(0,0,0,0.24);}
.calc-widget .calc a:hover {box-shadow: none; line-height: 32px; background: #fff;}
.calc-widget .calc a.last {margin-right: 0;}
.calc-widget .calc a:active{line-height: 34px;box-shadow: 0 1px 1px 0 rgba(0,0,0,0.24) inset; background: #fff; }
.calc-widget .calc a:focus {outline: 0; -webkit-tap-highlight-color: transparent;}
.calc-widget .calc a.green{background: #d1c130; color:#fff; border: 0;}
.calc-widget .calc a.clr{width:100%; max-width: 100%; line-height:20px;height:auto; margin-bottom: 0; height: 50px;}
.calc-widget .calc a.clr:active {line-height: 22px;}

.calc-widget .calc span{display:block;float:left;padding:15px 10px; margin-bottom: 6.66px; line-height: 30px; margin-right: 2.56%; background-color: #fff; border: 1px solid #dadada; width:23.08%; max-width: 60px; height: 60px; text-align:center;text-decoration:none;font-weight:400;font-size:24px;color:#444446;box-shadow: 0 1px 1px 0 rgba(0,0,0,0.24);cursor: pointer}
.calc-widget .calc span:hover{box-shadow: none; line-height: 32px; background: #fff;}
.calc-widget .calc span.no-border{margin-right: 0}
.calc-widget .calc span.clear-result{width:100%; max-width: 100%; line-height:20px;height:auto; margin-bottom: 0; height: 50px;}
.calc-widget .calc span.equal {background: #d1c130;color: #fff;border: 0;}
/*ZEGAR*/
.digital-clock {color: #868686; float: left; padding: 24px 10px 0; width: calc(100% - 120px); line-height: 100px; font-size: 60px; text-align: center; font-weight: 600;}
.analog-clock .clock-wrap {position: relative; background: #fff; width: 100px; height: 100px; overflow: hidden; z-index: 2; float: right; margin: 25px 20px -27px 0;}
.analog-clock .clock-wrap span {background: url(../imgs/clock.png) no-repeat; height: 100%; width: 100%; display: block; position: absolute;top: 0; left: 0; z-index: -1;}
.analog-clock .clock-wrap canvas {background: #fff;}
.widget-inner.sortable-fallback .analog-clock .clock-wrap canvas {background: transparent;}
.ie8 .analog-clock .clock-wrap {display: none;}
.ie8 .analog-clock {background: url(../imgs/clock.png) no-repeat;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .shtable-sh-wrap table tbody tr td.options .more-options{display: inline-block;top: auto;bottom: auto;margin: -10px 0}
}


@media screen and (max-width: 1400px) {
	.analog-clock .clock-wrap {margin-right: 0;}
}
@media screen and (max-width: 1060px) {
	#RIGHT-SIDEBAR .digital-clock {font-size: 50px;padding-left: 2px;}
	#RIGHT-SIDEBAR .analog-clock .clock-wrap {margin-right: 10px; }
}
@media screen and (max-width: 900px) {
	.digital-clock {padding: 24px 0; font-size: 50px;}
}
@media screen and (max-width: 580px) {
	.analog-clock .clock-wrap {margin-right: 20px;}
	.digital-clock {font-size: 60px;}
}

/*DODAWANIE WIDGETÓW*/
.new-widgets-container, .new-sidebar-widgets-container {max-width: 1200px; max-height: 0; overflow: hidden; background: #313A42; margin: 0 auto; transition: all 500ms cubic-bezier(0, 1.05, 0, 1); box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24);}
.new-widgets-container.active, .new-sidebar-widgets-container.active {max-height: 490px; transition: all 500ms ease;}
.add-widgets-inner {padding: 20px;}
.add-widgets-inner p {color: #fff; font-weight: 700; text-align: center;}
.new-widgets-container a,
.new-sidebar-widgets-container a {font-size: 18px; font-weight: 600; display:block; text-transform: uppercase; background: #fff; color: #868686; padding: 10px 20px; max-width: 400px; margin: 0 auto 10px; transition: 500ms color ease;}
.new-widgets-container a:last-child,
.new-sidebar-widgets-container a:last-child{margin-bottom: 0;}
.new-widgets-container a:hover,
.new-sidebar-widgets-container a:hover {color: #efdf0d;}

.delete-widget{color: #fff; font-size: 25px; font-weight: normal; position: absolute; right: 10px; top: -3px; transition: 500ms all ease;}
.delete-widget:hover {color: #efdf0d;}

.admin-photo img {margin-top: 15px; border: 5px solid #010101; border-radius: 50%;margin-right: 30px}
.crop-pic-container .button {width: 210px; text-align: center;}
.crop-pic-container .button.delete {background: #ea3256;width: 210px;color: #fff;margin: 0;padding: 5px 0;line-height: 1;    display:block;}
.crop-pic-container .button.delete:hover {background: #ac0022;}
.crop-pic-container .button.edit {background: #04bad3;    display:block;margin: 0;margin-bottom: 10px}
.crop-pic-container .button.edit:hover {background: #0099ad;}
.crop-pic-container .button.add{    display: inline-block; margin: 6px auto 0; width: 210px; text-align: center;}
.crop-pic-container .cropper-body {background:#f1f1f1;min-height: 52px;text-align: center;}
.crop-pic-container label{margin-bottom: 15px}
.crop-pic-container .cropper-buttons-div{display: inline-block;text-align: left;vertical-align: 50px;}
#placePhoto-avatar{padding-bottom: 10px}
/*WYSIWYG*/
div.mce-edit-area {background: #f3f3f3;}
.mce-panel {background: #ffeb3b; margin-top: 15px;}
.mce-btn {background: #ffeb3b}
.mce-btn:hover {background: #F9EF97;}
div.mce-edit-area iframe .mce-content-body {background: #f3f3f3;}

/*COLOR PICKER*/
.cp-color-picker{z-index: 5;}
.cp-HEX{padding:10px; display:block; border: none; width: 100%; margin-bottom:6px; font-size:19px; height:40px; line-height:20px}
.cp-xy-slider{width:200px; height:200px;}
.cp-xy-cursor{width:16px; height:16px; border-width:2px; margin:-8px}
.cp-z-slider{height:200px; width:40px;}
.cp-z-cursor{border-width:8px; margin-top:-8px;}
.cp-alpha{height:40px;}
.cp-alpha-cursor{border-width: 8px; margin-left:-8px;}

.sh-color-picker {margin-top: 10px; transition: 250ms ease all; position: relative; display: block; width: 120px; padding: 10px; height: 120px; border: 1px solid #DDD; cursor: pointer;}
.sh-color-picker:hover {background: #fafafa}
.sh-color-picker:after { content: ""; display: block; position: absolute; top: 50%; right: 5px; margin-top: -2px; border: 5px solid; border-color: #000 transparent transparent; }
.sh-color-picker:before { content: ""; display: block; position: absolute; top: 50%; right: 4px; margin-top: -1px; border: 5px solid; border-color: #eee transparent transparent; }
.sh-color-picker div {width: 87px; height: 98px; background: #fff url('data:image/gif;base64,R0lGODlhDAAMAIABAMzMzP///yH5BAEAAAEALAAAAAAMAAwAAAIWhB+ph5ps3IMyQFBvzVRq3zmfGC5QAQA7'); }
.sh-color-picker div div { border: 1px solid #ddd; background: #fff; }

/*POPUP WYBORU NAGRÓD*/
.popup-content .rewards-cnt {margin-top: 20px;}
.popup-content .rewards-cnt a {display: block; font-size: 20px; color: #757575; padding: 20px; margin: 5px 0; box-shadow: 0 5px 9px 0 rgba(0,0,0,0.12); transition: ease 200ms all;}
.popup-content .rewards-cnt a:hover, .popup-content .rewards-cnt a.active {background: #f3f3f3; box-shadow: 0 10px 18px 0 rgba(0,0,0,0.24);}
.popup-content .rewards-cnt span {display: block; color:#00BCD4; font-size: 20px;}
.popup-content .rewards-cnt strong {color: #ff5722; font-size: 30px;}

/*PRELOADER*/
.sloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; background: rgba(0,0,0,0.2);}
.progress-container {position: relative; width: 100%; height: 100%; animation: 2.4s rotate infinite linear;}
.progress-container .dot {position: absolute;/* border-bottom: #fff solid 1px;*/ left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; transform-origin: center; animation: 2.4s rotate linear infinite;}
.progress-container .dot.second {animation-delay: 0.4s;}
.progress-container .dot.third {animation-delay: 0.8s;}
.progress-container .dot.fourth {animation-delay: 1.2s;}
.progress-container .dot.fifth {animation-delay: 1.6s;}
.progress-container .dot.sixth {animation-delay: 2s;}
.progress-container .dot:before {content: ""; margin: 0 auto; width: 30px; height: 3px; border-radius: 50% 50% 0 0; background: #f39a56; display: block; border-bottom: 0 solid #f39a56; animation: 2.4s border linear infinite; animation-delay: 2.4s}
.progress-container .dot.second:before {background: #7a6fbe; border-color: #7a6fbe}
.progress-container .dot.third:before {background: #20baa0; border-color: #20baa0}
.progress-container .dot.fourth:before {background: #10b1ce; border-color: #10b1ce}
.progress-container .dot.fifth:before {background: #f3cc4b; border-color: #f3cc4b}
.progress-container .dot.sixth:before {background: #d74244; border-color: #d74244}

@keyframes rotate {
	0% {transform: rotate(0);}
	100% {transform: rotate(360deg);}
}
@keyframes border {
	0% {border-width: 0px;}
	50% {border-width: 14px;}
	100% {border-width: 0px;}
}


#wholePagePreLoader .container { position: absolute; width: 100px; height: 100px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; animation: rotate 1.2s linear infinite; }
#wholePagePreLoader .item { width: 30px; height: 30px; position: absolute; border-radius:50%; background-color:#eedd34; }
#wholePagePreLoader .item-1 { top: 0; left: 0; }
#wholePagePreLoader .item-2 { top: 0; right: 0; }
#wholePagePreLoader .item-3 { bottom: 0; right: 0; }
#wholePagePreLoader .item-4 { bottom: 0; left: 0; }

@keyframes rotate {
	0%{transform: rotate(0deg);}
	25%{width: 85px;height: 85px}
	50%{width: 60px;height: 60px}
	75%{width: 100px;height: 100px}
	100%{transform: rotate(360deg);}
}

/*KALENDARIUM*/
.calendarium-container {position: relative;}
.monthly {position: relative;}
.monthly .add.button {position: absolute; bottom: 40px; right: 40px; width: 60px; height: 60px; border-radius: 50%;}
.monthly .add.button:before {position: absolute; content: ""; width: 6px; height: 48px; top: 6px; left: 50%; margin-left: -3px; background: #fff;}
.monthly .add.button:after {position: absolute; content: ""; height: 6px; width: 48px; left: 6px; top: 50%; margin-top: -3px; background: #fff;}
.weekly {display: none;}
.calendarium-mobile {display: none;}
.calendarium-container .month-name {position: relative;}
.calendarium-container .month-name button {position: absolute; padding: 0; background: transparent; border: 0; cursor: pointer; display: block; overflow: hidden; height: 16px; width: 8px; display: block; top: 13px; right: 10px; z-index: 2;}
.calendarium-container .month-name button:hover {opacity: 0.8}
.calendarium-container .month-name button:before {border-style: solid; border-width: 8px 8px; border-color: transparent transparent transparent #fff; content: ""; display: block;}
.calendarium-container .month-name button.prev {right: auto; left: 10px;}
.calendarium-container .month-name button.prev:before {border-color: transparent #fff transparent transparent; float: right;}
.calendarium-content {padding: 20px 0;}
.calendarium-content .calendarium-row {position: relative;}
.calendarium-content .days {width: 100%;}
.calendarium-content .day {width: 14.28%; float: left; position: relative; border: 1px solid #c7c7c7; border-bottom: 0; border-right: 0; padding-bottom: 16px;}
.weekly .calendarium-content .day {border-bottom: 1px solid #c7c7c7;}
.calendarium-content .day img {width: 100%; display: block;}
.calendarium-content .day span {padding: 16px 16px 0; font-size: 30px; display: block;}
.calendarium-content .calendarium-body .day span {font-weight: 700;}
.calendarium-content .day.penultimate span {color: #909090;}
.calendarium-content .day.last {border-right: 1px solid #c7c7c7}
.calendarium-content .day.last span {color: #ff5722;}
.calendarium-content .calendarium-row.last .day {border-bottom: 1px solid #c7c7c7}
.calendarium-content .calendarium-body .day.blank span {color: #bfbfbf}
.calendarium-content .bar {height: 24px; font-size: 16px; cursor: pointer; color: #fff; text-overflow: ellipsis; overflow: hidden; border-radius: 4px; line-height: 20px; padding: 2px 10px; text-align: center; white-space: nowrap;}
.calendarium-content .bar:hover {opacity: 0.8;}
.calendarium-content .bar-wrapper {position: relative;}
.calendarium-tooltip {background: #fff; width: 100%; margin-top: -20px; max-width: 420px; text-align: center; box-shadow: 1px 0 1px 1px rgba(0,0,0,0.12); position: absolute; z-index: 8; display: none;}
.calendarium-tooltip:before {position: absolute; z-index: 2; content: ""; top: -40px; left: 50%; margin-left: -15px; width: 30px; border-width: 20px 15px; border-color: transparent transparent #828282; border-style: solid;}
.calendarium-tooltip:after {position: absolute; z-index: 1; content: ""; top: -41px; left: 50%; margin-left: -16px; width: 32px; border-width: 20px 16px; border-color: transparent transparent rgba(0,0,0,0.22); border-style: solid;}
.calendarium-tooltip h2 {margin-bottom: 10px}
.calendarium-tooltip.color1 h2 {background: #10b2c9}
.calendarium-tooltip.color1:before {border-bottom-color: #10b2c9;}
.calendarium-tooltip.color2 h2 {background: #7b70bf}
.calendarium-tooltip.color2:before {border-bottom-color: #7b70bf;}
.calendarium-tooltip.color3 h2 {background: #f0ca4b}
.calendarium-tooltip.color3:before {border-bottom-color: #f0ca4b;}
.calendarium-tooltip.color4 h2 {background: #24b9a3}
.calendarium-tooltip.color4:before {border-bottom-color: #24b9a3;}
.calendarium-tooltip.color5 h2 {background: #ff5722}
.calendarium-tooltip.color5:before {border-bottom-color: #ff5722;}
.calendarium-tooltip.color6 h2 {background: #dd7366}
.calendarium-tooltip.color6:before {border-bottom-color: #dd7366}
.calendarium-tooltip.color7 h2 {background: #7d9cb9}
.calendarium-tooltip.color7:before {border-bottom-color: #7d9cb9}
.calendarium-tooltip.color8 h2 {background: #68c9ff}
.calendarium-tooltip.color8:before {border-bottom-color: #68c9ff}
.calendarium-tooltip.color9 h2 {background: #c24447}
.calendarium-tooltip.color9:before {border-bottom-color: #c24447}
.calendarium-tooltip.color10 h2 {background: #dd97b9}
.calendarium-tooltip.color10:before {border-bottom-color: #dd97b9}
.calendarium-tooltip.color11 h2 {background: #848484}
.calendarium-tooltip.color11:before {border-bottom-color: #848484}
.calendarium-tooltip.color12 h2 {background: #dc7459}
.calendarium-tooltip.color12:before {border-bottom-color: #dc7459}
.calendarium-tooltip .close {position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; transform: rotate(45deg);}
.calendarium-tooltip .close:hover {opacity: 0.8;}
.calendarium-tooltip .close:before {content: ""; position: absolute; left: 50%; margin-left: -2px; width: 4px; background: #fff; top: 0; height: 20px;}
.calendarium-tooltip .close:after {content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px; height: 4px; background: #fff; width: 20px;}
.calendarium-tooltip .line {text-align: left; padding: 0 20px;}
.calendarium-tooltip .line span {font-size: 16px; line-height: 18px; padding: 6px 0; font-weight: 400; display: inline-block;}
.calendarium-tooltip .line span.type {font-size: 20px;}
.calendarium-tooltip .line .left, .calendarium-tooltip .line .right {width: 50%;}
.calendarium-tooltip .button {float: right; margin: 10px 20px 20px 0;}
.calendarium-content .bar-container {position: relative; z-index: 2;}
.calendarium-content .bar-container.two {margin-top: 24px;}
.calendarium-content .bar-container.three {margin-top: 48px;}
.calendarium-content .bar-container.four {margin-top: 72px;}
.calendarium-content .bar-container.five {margin-top: 96px;}
.calendarium-content .bar-container.six {margin-top: 120px;}
.calendarium-content .bar-container.seven {margin-top: 144px;}
.calendarium-content .bar-container.eight {margin-top: 168px;}
.calendarium-content .bar.color1 {background: #10b2c9}
.calendarium-content .bar.color2 {background: #7b70bf}
.calendarium-content .bar.color3 {background: #f0ca4b}
.calendarium-content .bar.color4 {background: #24b9a3}
.calendarium-content .bar.color5 {background: #ff5722}
.calendarium-content .bar.color6 {background: #dd7366}
.calendarium-content .bar.color7 {background: #7d9cb9}
.calendarium-content .bar.color8 {background: #68c9ff}
.calendarium-content .bar.color9 {background: #c24447}
.calendarium-content .bar.color10 {background: #dd97b9}
.calendarium-content .bar.color11 {background: #848484}
.calendarium-content .bar.color12 {background: #dc7459}
.calendarium-mobile .month {padding: 0 0 20px;}
.calendarium-mobile .month-name {padding: 20px 30px; background: #828282; position: relative;}
.calendarium-mobile .month-name button {border: 3px solid; border-color: #fff #fff transparent transparent; background: transparent; width: 20px; height: 20px; transform: rotate(45deg); cursor: pointer;position: absolute; right: 10px; top: 50%; margin-top: -10px; }
.calendarium-mobile .month-name button.prev {left: 10px; right: auto;transform: rotate(-135deg);}
.calendarium-mobile .month-name button:hover {border-color: #efe90d #efe90d transparent transparent}
.calendarium-mobile .week .planned > .right .bar.active.color1 h2 {background: #10b2c9}
.calendarium-mobile .week .planned > .right .bar.active.color2 h2 {background: #7b70bf}
.calendarium-mobile .week .planned > .right .bar.active.color3 h2 {background: #f0ca4b}
.calendarium-mobile .week .planned > .right .bar.active.color4 h2 {background: #24b9a3}
.calendarium-mobile .week .planned > .right .bar.active.color5 h2 {background: #ff5722}
.calendarium-mobile .week .planned > .right .bar.active.color6 h2 {background: #dd7366}
.calendarium-mobile .week .planned > .right .bar.active.color7 h2 {background: #7d9cb9}
.calendarium-mobile .week .planned > .right .bar.active.color8 h2 {background: #68c9ff}
.calendarium-mobile .week .planned > .right .bar.active.color9 h2 {background: #c24447}
.calendarium-mobile .week .planned > .right .bar.active.color10 h2 {background: #dd97b9}
.calendarium-mobile .week .planned > .right .bar.active.color11 h2 {background: #848484}
.calendarium-mobile .week .planned > .right .bar.active.color12 h2 {background: #dc7459}
.calendarium-mobile .month-name h3 {color: #fff; font-weight: 400; font-size: 18px;}
.calendarium-mobile .week {padding: 10px 0;}
.calendarium-mobile .week h4 {font-size: 12px; color: #010100; padding-left: 50px;}
.calendarium-mobile .week .planned {padding: 0 0 10px; display: block;}
.calendarium-mobile .week .planned.today {padding: 0 0 15px;}
.calendarium-mobile .week .planned.today .left, .calendarium-mobile .week .planned.today .right {color: #10b2c9}
.calendarium-mobile .week a.planned.today:hover {background: #f3f3f3}
.calendarium-mobile .week .planned.today .right {padding-top: 24px; font-size: 14px;}
.calendarium-mobile .week .planned > .left {width: 50px; text-align: left; padding: 15px 0 0 10px;}
.calendarium-mobile .week .planned > .left strong {display: block; font-size: 20px;}
.calendarium-mobile .week .planned > .left span {display: block; font-size: 12px;}
.calendarium-mobile .week .planned > .right {width: calc(100% - 50px);}
.calendarium-mobile .week .planned > .right .bar {margin-top: 10px; cursor: pointer; height: 30px; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0;}
.calendarium-mobile .week .planned > .right .bar h2 {color: #fff; background: transparent; height: 30px; border-bottom: none; line-height: 20px; padding: 5px 10px; font-size: 14px; text-align: left;}
.calendarium-mobile .week .planned > .right .bar:hover {opacity: 0.8}
.calendarium-mobile .week .planned > .right .bar.color1 {background: #10b2c9}
.calendarium-mobile .week .planned > .right .bar.color2 {background: #7b70bf}
.calendarium-mobile .week .planned > .right .bar.color3 {background: #f0ca4b}
.calendarium-mobile .week .planned > .right .bar.color4 {background: #24b9a3}
.calendarium-mobile .week .planned > .right .bar.color5 {background: #ff5722}
.calendarium-mobile .week .planned > .right .bar.color6 {background: #dd7366}
.calendarium-mobile .week .planned > .right .bar.color7 {background: #7d9cb9}
.calendarium-mobile .week .planned > .right .bar.color8 {background: #68c9ff}
.calendarium-mobile .week .planned > .right .bar.color9 {background: #c24447}
.calendarium-mobile .week .planned > .right .bar.color10 {background: #dd97b9}
.calendarium-mobile .week .planned > .right .bar.color11 {background: #848484}
.calendarium-mobile .week .planned > .right .bar.color12 {background: #dc7459}
.calendarium-mobile .week .planned > .right .bar.active {position: fixed; transition: ease all 1s; z-index: 8; cursor: default; background: #fff; margin-top: 0; height: 100%; width: 100%;}
.calendarium-mobile .week .planned > .right .bar.active:hover {opacity: 1;}
.calendarium-mobile .week .planned > .right .bar.active h2 {margin-top: 61px; position: relative; padding: 0 10px; font-size: 18px; line-height: 1; height: 45px; line-height: 45px; color: #fff;}
.calendarium-mobile .week .planned > .right .bar.active .line {font-size: 14px; padding: 10px;}
.calendarium-mobile .week .planned > .right .bar.active .button {float: right; margin: 10px 10px 0 0;}
.calendarium-mobile .week .planned > .right .bar.active .left, .calendarium-mobile .week .planned > .right .bar.active .right {width: 50%;}
.calendarium-mobile .week .planned > .right .bar.active span {padding: 10px 0; display: inline-block; vertical-align: top;}
.calendarium-mobile .week .planned > .right .bar.active span.type {font-size: 16px}
.calendarium-mobile .week .planned > .right .bar.active .close {position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; transform: rotate(45deg);}
.calendarium-mobile .week .planned > .right .bar.active .close:hover {opacity: 0.8;}
.calendarium-mobile .week .planned > .right .bar.active .close:before {content: ""; position: absolute; left: 50%; margin-left: -2px; width: 4px; background: #fff; top: 0; height: 20px;}
.calendarium-mobile .week .planned > .right .bar.active .close:after {content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px; height: 4px; background: #fff; width: 20px;}

@media screen and (max-width: 800px) {
	.calendarium-content .day {padding-bottom: 12px;}
	.calendarium-content .day span {font-size: 22px; padding: 12px 12px 0;}
}
@media screen and (max-width: 600px) {
	.calendarium-content .day {padding-bottom: 6px;}
	.calendarium-content .day span {font-size: 16px; padding: 6px 6px 0;}
}
@media screen and (max-width: 500px) {
	.monthly .calendarium-container {display: none;}
	.calendarium-mobile {display: block;}
}

.input .color-box {display: block; height: 100%; width: 100%;}
.input .shelect.barcolor {background: none; height: 100px; width: 100px; border: none; padding: 0;}
.input .shelect.barcolor .trigger {width: 100px; height: 100px; padding: 10px 20px 10px 10px; display: block; background: #f3f3f3; position: relative;}
.input .shelect.barcolor .trigger:before {border: 3px 5px; position: absolute; right: 5px; top: 50%; margin-top: -3px; content: "";}
.input .shelect.barcolor ul {height: 130px;padding: 0 0 10px 10px; bottom: 90px;}
.input .shelect.barcolor ul li {float: left; width: 20px; margin: 10px 10px 0 0; height: 20px; padding: 0; cursor: pointer;}
.input .shelect.barcolor ul li:hover {opacity: 0.8}
.tiles-radio-group {display: none;}
.mbsc-wp-light .dwwr {background: #fff; box-shadow: 0 4px 9px 0 rgba(0,0,0,0.34)}
.mbsc-wp-light .dwwb {background: #fff;}
.mbsc-wp-light .dw-bubble-top .dw-arr {border-color: #fff transparent transparent transparent}
.mbsc-wp-light .dw-bubble-bottom .dw-arr {border-color: transparent transparent #fff transparent}
.dwhl .dwl {top: 60px;}
.mbsc-wp-light .dwwb { z-index: 4;}
.mbsc-wp-light .dwwb:before, .mbsc-wp-light .dwwb .dw-cal-btn-txt:before, .mbsc-wp-light .dwb-a:before, .mbsc-wp-light .dwb-a .dw-cal-btn-txt:before {background: #fff; color: #868686; border-color: #868686;}
.mbsc-wp-light .dwwl .dwb-a {background: #fff;}
.mbsc-wp-light .dwwl .dwb-a:before {color: #868686; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.24) inset;}
.mbsc-wp-light .dwwr, .mbsc-wp-light .dw-dr, .mbsc-wp-light .dwb, .mbsc-wp-light .dw-cal-tabs .dw-i, .mbsc-wp-light .dwb:before {color: #868686; border-color: #868686;}
.mbsc-wp-light .dwwb .dw-cal-btn-txt:before, .mbsc-wp-light .dwb-a:before, .mbsc-wp-light .dwb-a .dw-cal-btn-txt:before {color: #868686; border-color: #868686; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.24) inset;}
.mbsc-wp-light .dw-li .dw-i {color: #868686;}
.mbsc-wp-light .dw-sel .dw-i, .mbsc-wp-light .dw-hl .dw-i {background: #d1c130; border-color: #d1c130; color: #fff;}

.more-search-button {margin-top: 15px;padding: 5px 15px;}
.more-search-button:hover {color: #00bcd4}
.more-search-button {display: inline-block;}
.more-search-container {display: none; padding-bottom: 60px;}
.more-search-container .half {width: 45%; margin: 0 2.5%; display: inline-block; }
.more-search-container .left {float: left; }
.more-search-container .right {float: right; }
.more-search-container .button {margin: 46px 0 0;}
.input.inline {display: inline-block; width: auto; margin: 0 5px;}
.more-search-container .inline input[type=checkbox] {display: inline-block; width: auto; }
.more-search-container .button.red {background: #ff5722; display: inline-block; margin: 0 4px}
.more-search-container .button.red:hover {background: #d1471c}
.more-search-container .fancy-select {margin-top: 15px;}

.clear-div{width: 363px;float: right;}
.input .clear-button{border: none;background: none;color:#ea3256;font-size: 15px;padding: 0;margin: 0;float: left;margin-top: 20px}
.input .clear-button:hover{color: #ac0022;background: none}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.inputs.inline{display: inline-block; width: 45%; padding: 0; margin: 15px 20px; vertical-align: text-top;}

.input span {font-size: 12px;}
.group.inline {padding-top: 10px;}
.inline .input.checkbox {display: inline-block; margin: 15px 10px 0 0; vertical-align: top;}
.input.checkbox { margin-top: 10px; position: relative;}
.input.checkbox input {opacity: 0; position: absolute; margin: 0; left: 0; top: 0; width: 14px; height: 14px;}
.input.checkbox label {display: inline-block; padding-left: 20px; cursor: pointer; vertical-align: top; line-height: 16px;position: relative;}
.input.checkbox label:before {content: "";width: 14px; height: 14px; padding: 0; border: 2px solid #000; display: inline-block; transition: 100ms ease all; position: absolute; left: 0; top: 0;}
.input.checkbox input:checked + label:before {border-color: #00bcd4; border-left-color: transparent; border-top-color: transparent; transform: rotate(45deg); height: 16px; width: 10px; top: -4px;}
.more-search-button span{font-size: 15px}

.input.radio {position: relative; z-index: 1;}
.input.radio input {opacity: 0; position: absolute; margin: 0; left: 0; top: 0; width: 14px; height: 14px;}
.input.radio label {display: inline-block; padding-left: 20px; cursor: pointer; vertical-align: top; line-height: 16px; position: relative;}
.input.radio label:before {content: ""; width: 14px; height: 14px; padding: 5px; border-radius: 50%; padding: 2px; border: 2px solid #000; display: inline-block; transition: 100ms ease all; position: absolute; left: 0; top: 0;}
.input.radio label:after {width: 6px; height: 6px; position: absolute; left: 4px; top: 4px; display: block; background: #000; content: ""; border-radius: 50%;transition: 100ms ease all; transform: scale(0); transform-origin: center;}
.input.radio input:active + label:after {transform: scale(1);}
.input.radio input:checked + label:after {transform: scale(1); background: #00bcd4;}
.input.radio input:checked + label:before {border-color: #00bcd4;}
.inline .input.radio{display: inline-block;margin: 20px}

.input.file {position: relative; display: inline-block}
.input.file input {opacity: 0; top: 0; left: 0; bottom: 0; right: 0; position: absolute; width: 100px; z-index: 2; cursor: pointer; margin: 0; padding: 0;}
.input.file input:hover + label + .file-input-container {background: #d9b640}
.input.file label:hover + .file-input-container {background: #d9b640}
.input.file .file-wrapper {position: relative; width: 300px; height: 40px; margin-top: 5px;}
.input.file .file-input-container {width: 100px; float: left; height: 40px; background: #f0ca4b; color: #fff; text-align: center; padding: 10px 5px 10px 28px; line-height: 20px; cursor: pointer; position: relative;}
.input.file .file-wrapper label {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;pointer-events: none; cursor: default; font-size: 12px; float: right; width: 200px; padding: 10px 0 10px 10px; line-height: 20px;}
.input.file .file-input-container svg {width: 18px; vertical-align: top; position: absolute; left: 5px; top: 10px;}
.input.file .file-input-container svg path {fill: #fff;}


.manager.items {padding: 0 20px; position: relative; max-width: 1383px; margin: 0 auto}
.items {padding-left: 2.5%; padding-right: 2.5%}
.items .item {display: inline-block}
.manager.item {background: #fff; padding: 0 0 20px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.12); transition: box-shadow 250ms ease}
.manager.item h3 {position: relative; font-size: 18px; height: 45px; line-height: 45px; color: #fff; border-bottom: 4px solid #ffeb3b; font-weight: 600; text-align: center; overflow: hidden; background: #828282; margin-bottom: 20px}
.manager .row {margin-top: 40px; margin-bottom: 40px}
.row .item {width: 100%}
.row.half .item {width: 47.5%; margin-left: 2.3%; margin-right: 2.3%}
.row.half .item:first-child {margin-left: 0}
.row.half .item:last-child {margin-right: 0}
.tile-tab-content {margin-top: 30px}

a.calendar_tl { position: absolute; top: 0; left: 4px; padding-top: 15px; width: 23px; height: 60px; text-align: center; color: #fff; display: none}
a.calendar_tr { position: absolute; top: 0; right: 4px; padding-top: 15px; width: 23px; height: 60px; text-align: center; color: #fff; display: none}
.calendar-wrap {max-width: 1120px; margin: 20px auto 0; position: relative}
.calendar_out {margin: 0 auto; width: 100%; overflow: hidden;}
.calendar {position: relative; margin: 0;}
.calendar .day {float: left; width: 160px; background-color: #f1f1f1;}
.calendar .day.sec {background-color: #ffffff;}
.calendar .day .header {padding: 5px 0; text-align: center; background: #313A42; color: #fff; border: 1px solid #313A42; border-bottom: none; font-family: Arial, sans-serif;}
.calendar .day .header span {font-size: 11px;}
.calendar .day .body {padding: 5px 0 2px; border: 1px solid #e1e1e1; border-top: none; padding-bottom:10px; height: auto!important; min-height: 156px}
.calendar .day .body a {display: block; text-align: center; padding: 5px 0; font-family: Arial, sans-serif; color: #078898; font-size: 16px;}
.calendar .day .body a:hover {font-weight: 700;}
.calendar .day .body span {display: block; text-align: center; padding: 5px 0; font-family: Arial, sans-serif; color: rgba(144,144,144,0.52); font-size: 16px;}

.separator {height: 15px; background: rgba(0, 188, 212, 0.2); margin: 40px 0;}
.separator.with-text {margin-bottom: 36px}
h3.separate-category {font-size: 17px; padding: 0 0 10px}

.tile-tab-content-sub.half {width: 49%; padding: 20px 10px 40px; display: inline-block; vertical-align: top}
.tile-tab-content-sub.half .input.checkbox label {color: #6a6a6a}
.tile-tab-content-sub.half strong {color: #00bcd4; font-size: 18px}

form .section-row.half {width: 49%; padding: 20px 10px 40px; display: inline-block; vertical-align: top; border-bottom: 0}
form .section-row.half .input.checkbox label {color: #6a6a6a}
form .section-row.half .inline .input.checkbox {margin-right: 20px}
form .section-row.half h4 {color: #00bcd4; font-size: 20px; padding-bottom: 5px}
form .section-row.half .group.inline {padding-top: 20px}
form .section.permissions {margin: 10px -10px 0}
form .section.permissions .select-group {padding: 0 10px}

.task-detail-box{margin-bottom: 30px}
.task-heading{font-size: 16px;text-align: left;font-weight: bold;padding-bottom: 20px;text-transform: uppercase;}
.task-details .about-task .task-info{font-size: 14px;margin-bottom: 10px}
.task-details .about-task .counter-div{display: inline-block;width: 31%;position: relative}
.task-details .about-task .counter-div h3{text-align: center;font-size: 11px;margin-bottom: 17px}
.task-details .about-task .counter-div .manager-mode{display: none;}
.task-details .about-task .counter{margin: 0 auto;display:block; border: 2px solid #edda11; padding:10px 5px; vertical-align: super; width: 100%; text-align: center; font-size: 24px;background-color: #f1f1f1;max-width: 335px}
.task-details .about-task i{font-size: 25px}
.task-details .about-task .see-more-people{cursor: pointer;position: absolute;right: 35%; top: -7px;}
.task-details .about-task .trigger-div{display: inline-block;padding: 0;vertical-align: -7px}
.task-details .about-task .trigger-task{cursor: pointer;display: none;}
.task-details .about-task .show-trigger{display: inline-block;font-size: 40px}
.task-details .about-task .popup-content p{margin: 10px 0}
.task-details .about-task .popup-content h3{font-size: 18px;}
.task-details .about-task .left {}
.task-details .about-task .right {text-align: right;}
.task-details .about-task .right .people {float: right;}
.task-details .taskdataform { display: none; margin-bottom: 35px; }




/* .date-picker{    padding: 15px; margin-top: 15px; border: none; border-bottom: 2px solid #828282; background: #f3f3f3; font-size: 14px; line-height: 20px; transition: all 500ms ease;} */

.send-message textarea{height: 265px!important;}
#addForm .fileuploader{/*width: 49%;*/display: inline-block;vertical-align: text-top;background-color: #f1f1f1;height: auto;}
.send-message #addForm .fileuploader{margin-top: 48px;}
#addForm .fileuploader-theme-dragdrop .fileuploader-input{padding: 30px 0;height: 260px;}
#addForm .fileuploader-input-button{border-radius: 0;background-color: #02bbd3}
#addForm .fileuploader-input-button:hover{background-color: #0199ad}
#addForm .input div[role='application']{vertical-align:text-top; max-width: 567px; width: 100%;margin-bottom: 20px;}
#addForm .input div[role='application'] iframe{height: auto!important;min-height: 207px;}
#addForm .input .mce-panel{background-color: #f1f1f1;border: none}
#addForm .input div[role='application'] .mce-btn-small button{padding: 4px 10px; font-size: 12px; border: 1px solid #cccccc; background-color: #fff; border-radius: 4px; }
.mce-content-body {background-color:#f3f3f3!important }
#addForm .input .mce-panel .mce-path-item{display: none;}
#addForm.edit-post .input{margin-top: -13px;}
#addForm.edit-post .input textarea{height: 289px!important;}

#project-edit{margin-bottom: 30px}
#customer-employee-table{margin-top: 30px}
#single-task-detail H3{font-size: 16px}
#single-task-detail .task-detail{background: transparent;border: 3px solid #02bbd3;border-collapse: separate;padding:15px 10px;margin: 20px 0 35px;}
#single-task-detail .edit-button{text-align: center;display: inline-block;vertical-align: -50px}
#single-task-detail .edit-button button{border: none;background-color:#02bbd3;color: #fff;font-size: 18px;font-weight: bold;padding:7px 5px;width: 120px;max-width:120px;cursor: pointer; }
#single-task-detail .edit-button button:hover{background-color:#0199ad }
#single-task-detail table tr{border: none;background-color: #fff}
#single-task-detail table th{height: 30px;font-size: 12px;font-weight: bold;color:#000;line-height: 1.1;}
#single-task-detail table td{padding: 0 10px;color: #000;font-size: 16px;font-weight: bold}

#task-overall .input{ margin-top: 20px; text-align: left; width: 49%; display: inline-block; vertical-align: text-top;}
#task-overall .input:nth-child(2n+1) { margin-right: 1.6%; }

.discussion-body{padding-top: 90px}
.discussion-body .conversation-tab{    vertical-align: bottom;display: inline-block;width: 50.05%;text-align: center;background-color: #fdfdfd;padding: 14px 0;border-width: 1px 1px 1px 1px;border-style: solid;border-color:#f1f1f1;margin: 0 -5px 0 0;}
.discussion-body .discussion{padding-top: 30px;border-width: 0 1px 1px 1px;border-style: solid;border-color:#f1f1f1;min-height:80px }
.conversation-tab{cursor: pointer;color: #777777}
.conversation-tab.active{color: #04bad3;font-size: 17px;font-weight: bold;background-color: #ffffff;border-width: 4px 1px 1px 1px;border-style: solid;border-top-color:#04bad3;padding: 17px 0;}
.conversation-tab i{padding-right:8px }

.task-detail .task-data-column{display: inline-block;min-width: 160px;vertical-align: text-top;}
.task-detail .flex-column{max-width: 54%;width: 100%;}
.task-detail .task-data-column h3{margin-bottom: 5px}
.task-detail .task-data-column .task-data-element{min-height: 70px;height: 100%;line-height: 1.1}
.task-detail .edit-column{text-align: center;min-width: 10px}
.task-detail .date-column{min-width: 180px}
.task-detail .task-data-priority{margin-top: 20px}
.task-detail .task-data-column div{line-height: 1.1}

#tell-other .input:nth-child(2n+1){margin-right: 0;}
#tell-other .input{margin-top: 10px; text-align: left; width: auto; display: block;}
#tell-other{display: inline-block;width: 49%;}
.send-message .button-wrap{float: right;width: 210px;}
#tell-other .tell-column{display: inline-block;width: 49%;vertical-align: text-top;}

#tell-other .customer-message{margin: 0 0 10px 0}

.empty-table{background: none;color: #000;}

#choice .single-choice{float: left;width: 25%;min-width: 270px;margin: 10px 0}
#choice .choice-body{max-width: 250px;width: 100%;text-align: center;box-shadow: 0px 1px 10px 0px rgba(3, 3, 3, 0.16);padding-bottom: 10px;min-height: 250px}
#choice .single-choice .role{width: 100%;background-color: #777777;border-bottom:4px solid #ffe834;padding: 11px 5px;}
#choice .single-choice .role h3{text-transform: uppercase;color: #fff;font-weight: bold;font-size: 16px}
#choice .single-choice .company-name{min-height: 37px;margin: 11px 0}
#choice .single-choice .company-name h3{font-size: 16px;font-weight: bold}
#choice .single-choice .company-name h4{font-size: 14px;font-weight: normal;margin-top: 5px}
#choice .single-choice .admin-client-choose{font-size:16px;color: #fff;font-weight: bold;display: block;margin: 0 auto;width: 100%;max-width:108px;padding: 10px 5px;border: none;background-color:#04bad3;cursor: pointer;}
#choice .single-choice .admin-client-choose:hover{background-color:#0099ad }
#choice .single-choice .company-img{margin-top: 10px}
#choice .single-choice .selected{color: #04bad3;font-size: 16px;font-weight: bold; display: block; margin-top: 22px;}
#choice .single-choice .selected i{padding-left: 5px}

.warning-column.deadline{background-color:#ea3256}
.warning-column.active{background-color:#8ab214}
.warning-column.new{background-color:#256acc}
.warning-column.normal{background-color:#e0e0e0}
.empty-th{padding: 0!important}
.warning-column{padding: 14px 2px!important;width: 10px;}
#forward #addForm .input{display: block;}

.task-details .listing{box-shadow: none;padding: 0}

.discussion .comment{position: relative;padding-left: 80px;margin: 0px 0 30px 0}
.discussion .comment .comment-avatar{position: absolute; width: 60px; height: 60px; left: 0; border-radius: 30px;}
.discussion .comment .comment-body{margin-bottom: 10px}
.discussion .comment .comment-body p{word-wrap: break-word;padding-right: 15px}
.discussion .comment .comment-body h3{margin-bottom: 10px;font-size: 16px}
.discussion .comment .comment-footer p{font-size: 12px;color: #aa9c84;}
.discussion .comment .comment-action{}
.discussion .comment .comment-action span{margin-right: 10px;cursor: pointer;font-size: 12px;}
.discussion .comment .comment-action span:hover{color:#aa9c84 }
.discussion .comment .file-div{margin: 40px 0 0 0;}
.discussion .comment .file-box{display: block;margin: 25px 0}
.discussion .comment .file-box .img-box i{ position: absolute; font-size: 25px; right: 10px; top: 10px; cursor: pointer;display: none;}
.discussion .comment .file-box .img-box i:hover{opacity: 0.8}
.discussion .comment .img-box:hover i{display: block;}
.discussion .comment .img-box{position: relative;float: left;cursor: pointer;}
.discussion .comment .img-box img{border: 1px solid #ccc;max-width: 600px;max-height: 700px}
.discussion .comment .file-box .image-name{font-size: 12px;color: #999}

form .section-row.half {width: 49%; padding: 10px 10px 40px; display: inline-block; vertical-align: top; border-bottom: 0;text-align: left;}
form .section-row.half .input.checkbox label {color: #6a6a6a}
form .section-row.half .inline .input.checkbox {margin-right: 20px}
form .section-row.half h4 {color: #00bcd4; font-size: 20px; padding-bottom: 5px}
form .section-row.half .group.inline {padding-top: 20px}
form .section.permissions {margin: 10px -10px 0}
form .section.permissions .select-group {padding: 0 10px}
form .section-row.half:first-of-type{width: 100%;}

.shtable-row .mytask-icon{font-size: 30px;padding-bottom: 5px;vertical-align: -4px;display: inline-block;padding-right: 5px}
#page.active-right .form{right: 24%;}

.actions .button{display: inline-block;max-width: 245px;width: 100%;font-size: 24px}
.actions .button i{font-size: 16px;padding-right: 10px}
.actions .button.accept-changes{}
.actions .button.reject-changes{background-color: #fff;color: #000}
.actions .button.reject-changes:hover{text-decoration: underline;}

.button.send-price{width: 100%;max-width: 150px}


@media all and (max-width:1200px){
	#addForm .input:nth-child(2n+1){margin-right: 1.5%}
}
@media all and (max-width:870px){
	#addForm .input:nth-child(2n+1){margin-right: 1.3%}
}
@media all and (max-width:640px){
	#addForm .input:nth-child(2n+1){margin-right: 1%}
}
@media all and (max-width:470px){
	#addForm .input{display: block;width: 100%;}
	#addForm .input:nth-child(2n+1){margin-right:0}
}

.startTaskTime {
	font-size: 22px;
	color: #00b4ce;
}
.startTaskTime.disabled {
	color: #eeeeee;
}
.gear {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Workers */
#workers-filters-form .input {
	width: 49%;
	display: inline-block;
	vertical-align: text-top
}
#addForm .input div[role='application'] .mce-flow-layout{text-align: center;}
#addForm .input div[role='application'] #mceu_14-body,#addForm .input div[role='application'] #mceu_14{display: none;}
.active-right #HEADER .logo img{margin-right: 100px}
#HEADER .logo img{margin-left: 100px}




@media all and (max-width:1470px){
	.task-details .about-task .see-more-people{right: 25%;}
	#HEADER .logo{text-align: left;}
}
@media all and (max-width:1310px){
	#project-edit #head-listing .project-column{margin-bottom: 10px}
	#project-edit #head-listing .edit-column{display: block;margin: 0;}
	#project-edit .edit-button{margin: 0;text-align: left;}
}
@media all and (max-width:1270px){
	.task-detail .date-column{max-width: 140px;min-width: 140px}
	.task-detail .task-data-column{}
}
@media all and (max-width:1150px){
	.task-detail .edit-column{display: block;text-align: left;margin-top: 10px}
	#single-task-detail .edit-button{vertical-align: 0}
	.task-detail .flex-column{max-width: 64%}
}
@media all and (max-width:1060px){
	.task-detail .flex-column{max-width: 100%;display: block;}
	.task-detail .date-column div{display: inline-block;margin-right: 20px}
	.task-detail .task-data-column .task-data-element{min-height: 10px;margin-bottom: 10px}
	.task-detail .date-column{max-width: 500px}
	.task-detail .task-data-column{margin-bottom: 10px}
	.task-detail .edit-column{margin-bottom: 0}
	.task-detail .task-data-priority{margin-top: 0;}
}
@media all and (max-width:815px){
	.task-details .about-task .counter-div{width: 30%;}
	#tell-other{display: block;width: 100%;}
	.send-message .button-wrap{display: block;float: none;}
}
@media all and (max-width:650px){
	.task-details .about-task .see-more-people{right: 10%;}
}
@media all and (max-width:590px){
	#single-task-detail .task-detail{margin: 10px 0}
	.task-details .about-task .counter{margin: 0}
	.task-details .about-task .counter-div{width: 100%;display: block;margin-bottom: 10px}
	.task-details .about-task .counter-div h3{text-align: left;margin-bottom: 7px}
	.task-details .about-task .see-more-people{right: 70%;}
	.task-details .about-task .trigger-div{margin-bottom: 10px}
	#project-edit #head-listing .project-name{max-width: 100%;margin-right: 0}
}
