/*********************************************
* Author: Klemen Olaj
* Description: Starting HTML + css grid system
* Author URI: http://arm-design.com
* Date modified: 20.02.2016
* Version: 1.4
**********************************************/

html {font-size:62.5%;}
body {font-size:18px; min-width:320px; font-family:Calibri; color:#333333; }

			.page-wr {opacity:0;filter:alpha(opacity=0);}
body.loaded .page-wr {opacity:1;filter:alpha(opacity=100);}

.overlay {position: fixed; z-index:998; left:0; top:0; bottom:0; right:0; background: rgba(234,238,245,0.8);}
.loader {position: fixed; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background: #fff; border-radius: 50%; padding: 10px;}

.page-loader {-webkit-transition: all 400ms ease;transition: all 400ms ease; position: fixed; z-index:998; left:0; top:0; bottom:0; right:0; background: rgba(234,238,245,0.8);}
.page-loader > img {position: fixed; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background: #fff; border-radius: 50%; padding: 10px;}
body.loaded .page-loader {opacity:0;}
.page-loader {opacity:1;}

div.mce-container {-webkit-transition:none !important;transition:none !important;}

a {color:#000; text-decoration: none;}
a:hover {text-decoration: underline;}
a[href^="mailto"] {text-decoration: underline; color:#1486c1;}
a[href^="mailto"]:hover {text-decoration: none;}

ul[class*="list"] {list-style:none; margin:0; padding:0;}

h1:empty {display: none;}

.abs {position: absolute;}
.vam {left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.flex {display:-ms-flexbox;display:-webkit-box;display:flex; -ms-flex-align:center; -webkit-box-align:center; align-items:center;}
.title-small {font-size:15px;}


/* Buttons */
.btn {min-width:150px; text-align: center; padding:13px 10px; display: inline-block;}
.btn:hover {text-decoration: none;}

.btn.blank {border:solid 1px #cbcdce; color:#71787d; background: #b0bfc8; padding:6px 10px; min-width:0; margin:0 3px; display:inline-block; vertical-align: middle;}
.btn.blank:hover {background: #d7dee3; color:#000; border-color:#000;}
.buttons-area {display:inline-block; width:100%; text-align: center; position: absolute; bottom:17px; left:0;}

.ibg {background: #B1C0C9; background: rgba(177,192,201,0.6); display:inline-block; vertical-align: top;}
.ibg:not(.disabled):hover, .ibg:not(.disabled).focus {background: #B1C0C9;}
.hd:hover {background: #6D7F8A;}
.disabled {cursor: default; pointer-events: none;}
.disabled img {opacity:0.5;filter:alpha(opacity=50);}
.icon {display:inline-block;}
.header .icon:not(:last-child) {margin-right:-.25em}
.icon:hover {background: #B1C0C9;}
.icon.red:hover i {color:#B33F3F;}

.tar {text-align:right;}

.posr {position: relative;}

ul.pick-list li {border-bottom:solid 1px #ebeff1; cursor: pointer;}
ul.pick-list li:hover {background: rgba(235,239,241,0.3);}

.btn.wi {background: #b1c0c9; padding:5px 5px 5px 39px; position: relative; color:#7a8388; cursor: pointer; display:inline-block; vertical-align: middle; }
.btn.wi i {position: absolute; left:6px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:17px;}
.btn.wi.oi {padding:5px; min-width:0;}
.btn.wi.oi i{position: static; -webkit-transform:none; transform:none;}

.check {display:inline-block!important; margin:0!important; vertical-align: middle;}
.check input[type="checkbox"]{display: none;}
.check input[type="checkbox"]:checked+i {background: url(../resources/images/checked.svg); background-size: 15px;}
.check input[type="checkbox"]:disabled+i {opacity: 0.5;}
.check > i {width:15px; height:15px; display:inline-block; background: url(../resources/images/unchecked.svg); background-size: 15px;}

input[type="radio"]{width:15px !important;height: auto !important;vertical-align: middle;}

/* SET POSITIONS */
.header, .sidebar, .footer, .main-area {position: fixed; left:0;}
.header {height:50px; background: #31393E; top:0; width:100%;}
.sidebar {height:calc(100% - 75px); width:200px; top:50px; background: #A0BACA;}
.main-area {background: #f8f9fc; height:calc(100% - 75px); width:calc(100% - 30px); top:50px; left:auto; right:0; padding:10px; overflow:hidden;}
.footer {height:25px; border-top:solid 1px #6D7F8A; background: #31393E; bottom:0; width:100%; color:#CCCCCC; font-size:13px; padding:4.5px 10px 0}

.main-area.show {width:calc(100% - 200px);}

.custom-drop .hidden{position: absolute; left:0; top:100%;}
.custom-drop .cd-arrow {position: absolute; right:8px; top:50%; -webkit-transform:rotate(-180deg); transform:rotate(-180deg); margin-top:-6px; font-size:12px;}

.custom-drop-sm {position: relative; border:solid 1px #919ea6; background: #f2f2f2; display:inline-block; vertical-align: middle; min-width:180px;}
.custom-drop-sm i.drop-toggle {position: absolute; right:7px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:13px; cursor: pointer;}
.custom-drop-sm .selected {min-height:26px; padding:5px 30px 5px 5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor: pointer; position: relative; z-index: 5;}
.custom-drop-sm .selected span {width:calc(100% - 33px); height:100%; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; display: block; position: absolute; left:5px; top:5px;}
.custom-drop-sm > ul {display: none; position: absolute; right:-1px; top:100%; width:calc(100% + 2px); width:180px; background: #f2f2f2; list-style:none; margin:0; padding:0; z-index:999; border:solid 1px #919ea6; -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.2); box-shadow: 3px 3px 5px rgba(0,0,0,.2);}
.custom-drop-sm > ul > li{border-bottom:solid 1px #cbcdcf;  cursor: pointer; color:#797979; font-weight:normal;}
.custom-drop-sm > ul > li:hover {background: #fff; color:#333333;}
.custom-drop-sm > ul > li:last-child {border:none;}
.custom-drop-sm > ul > li.filter-container {background: #fff;}
.custom-drop-sm > ul > li > span {display: block; padding:5px;}
.custom-drop-sm > ul > li.wi > span {position: relative; padding-left:30px;}
.custom-drop-sm > ul > li.wi > span > i {position: absolute; left:7px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:16px;}
.custom-drop-sm > ul > li label.check {width: 100%; padding: 7px 5px 4px;}
.custom-drop-sm > ul > li label.check em {font-style:normal; margin:0 0 0 5px; position:relative; top:-2px;}
.custom-drop-sm.active >  ul {display: block;}
.custom-drop-sm.active i.drop-toggle {-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);}
.custom-drop-sm .custom-filter {border:none; background: transparent; color:#333}
.custom-drop-sm .custom-filter i,
.custom-drop-sm .custom-filter input {color:#333;}
.custom-drop-sm.dark {background: #b1c0c9; border-color:#919ea6;}
.custom-drop-sm.dark > ul {background: #b1c0c9;}
.custom-drop-sm.dark > ul > li {color:#333; border-color:#919ea6;}
.custom-drop-sm.dark i.drop-toggle {color:#919ea6;}

.custom-drop-sm.white {width:100%; background: #fff;}
.custom-drop-sm.white ul { width: calc(100% + 2px); background:#fff;}
.custom-drop-sm .scroll-y {max-height:220px; padding:5px 0;}
.custom-drop-sm .scroll-y .mCSB_scrollTools{right: 4px;}
.custom-drop-sm .scroll-y li span {padding:5px; display: block;}
.custom-drop-sm .scroll-y li:hover, .custom-drop-sm ul li.active {background: #cfdce4; cursor: pointer;}

.custom-drop-sm input { border: none; }

.mCS_no_scrollbar_y {overflow:visible!important;}

.show .block {opacity:1;filter:alpha(opacity=100); padding-right:0;}
.show .sidebar-title {display: none;}

.block {font-size:14px; opacity:0; filter:alpha(opacity=0); padding-right:30px;}
.block h1 {margin:0; background: #6D7F8A; color:#fff; font-weight:normal; font-size: 18px; line-height: 18px; padding:14px 25px 10px 20px;}
.block h1 a {color:#fff;  text-decoration: none!important;}
.block > a:first-child:hover {text-decoration: none;}
.block h1 i { margin:-5px 12px 0 0; font-size: 30px; display: inline-block; vertical-align: middle;}
.block h1.posr {padding:14px 25px 10px 55px; position: relative; min-height:60px;}
.block h1.posr i {margin:0; position: absolute; left: 20px; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.block h1.posr > span {position: absolute; top:50%; left:63px; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
.block ul {list-style:none; margin:0; padding:0;}
.block ul li { margin:0; }
.block ul li a:hover, .block ul li a.active{background: #B1C0C9;}
.block > div {padding:15px 0 15px 0;}

#custom_sb {height:calc(100% - 42px)}

.block.list {height:100%;}
.block.list ul li a {display: block; padding:5px 5px 5px 15px; position: relative;}
.block.list ul li a:hover {text-decoration: none;}
.block.list ul li a:hover i[class*="icon-"], .block.list a.active i[class*="icon-"]{opacity:1!important;filter:alpha(opacity=100);}
.block.list ul ul li a{padding-left:45px;}
.block.list ul.parent i[class*="icon-"] {color:#fff; font-size: 8px; position: absolute; left:5px; top:9px; -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity:0; filter:alpha(opacity=0);}
.block.list ul ul {display: none;}

.block.moj-portal {position: absolute; left:0; bottom:149px; width:100%; text-align: center;}
.block.moj-portal h1{background: #B1C0C9;}

.custom-filter {position: relative; padding:0 !important; background: #B1C0C9;  border: solid 1px #8d9da7; border-top-color:#8e9ea8; border-width: 1px 1px 1px 0;}
.custom-filter #c_filter, .custom-filter input {background:transparent; color:#fff; width:100%; border:none; font-size:16px; padding:4px 5px 5px 30px;}
.custom-filter #c_filter::-webkit-input-placeholder,  .custom-filter input::-webkit-input-placeholder,  .table-search input::-webkit-input-placeholder { color: #fff;}
.custom-filter #c_filter:-moz-placeholder,  .custom-filter input:-moz-placeholder, .table-search input:-moz-placeholder { color: #fff; }
.custom-filter #c_filter::-moz-placeholder,  .custom-filter input::-moz-placeholder, .table-search input::-moz-placeholder { color: #fff; }
.custom-filter #c_filter:-ms-input-placeholder,  .custom-filter input:-ms-input-placeholder, .table-search input:-ms-input-placeholder { color: #fff; }

.custom-filter > i {position: absolute; left:5px; top:5px; color:#fff; font-size:19px;}
.custom-filter input:focus{background-color:white;color:black;border:none !important;}
.custom-filter input:focus + i{color:black !important}
.custom-filter.vz input {font-size:17px; height:36px; padding-left:35px;}
.custom-filter.vz i {font-size: 27px;left: 10px;}
.custom-filter.vz i.icon-icon-53 { font-size: 21px; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%)}

.filter-ul li.search-not-found {display: none;}
.f-block {position: absolute;  background: #fff; border:solid 1px #c5ccd1; opacity:0; filter:alpha(opacity=0); z-index:5;}
.f-block.active {-webkit-box-shadow:1px 2px 9px rgba(0,0,0,.4);box-shadow:1px 2px 9px rgba(0,0,0,.4);}
.f-block.active .f-block-header h1{background: #31393E;}
.f-block.show {opacity:1;filter:alpha(opacity=100);}
.f-block#block_campaigns, .f-block#block_vzorcenje, .f-block#block_kampanje {top:50px; left:-100%; width: calc(100% - 70px); height:calc(100% - 80px); background: #f4f4f5; -webkit-box-shadow:none!important; box-shadow:none!important}
.f-block#block_campaigns.show, .f-block#block_vzorcenje.show, .f-block#block_kampanje.show {left:35px; }
.f-block[id^="block_table"] {top:50px; left:-100%; width: calc(100% - 70px); height:calc(100% - 80px); background:none;  border:none; -webkit-box-shadow:none!important; box-shadow:none!important}
.f-block[id^="block_table"] .f-block-content {padding:0; border:none; height:100%;}
.f-block[id^="block_table"].show {left:35px; }
	.f-block-header {position: relative;}
	.f-block-header h1 {margin:0; color:#fff; background: #6D7F8A; position: relative; padding:15px 40px 12px 20px; font-weight:normal; font-size:18px;}
	.f-block-header h1 .block-close {position: absolute; right:15px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); cursor: pointer; z-index:10;}
	.f-block-header h1 i:first-child {margin-right:10px; font-size:28px; display:inline-block; vertical-align: middle; margin-top:-5px;}
	.f-block-actions {position: absolute; right:0; top:0; height:100%; z-index:10;}
	.f-block-actions a {height:100%; padding:15px; text-decoration: none!important; background:none; color:#fff;}
	.f-block-content {padding:20px;}
	.f-block-content.np {padding:10px 0;}

.inner-block > div {padding:10px; background: #fff; font-size:15px; height:calc(100% - 35px);}
.inner-block > div > p:first-child {margin-top:0;}
.inner-block > div ul {list-style:none; margin:0; padding:0;}
.inner-block > h2 {margin:5px 0; font-size:18px; font-weight:normal; position: relative; padding-right:45px;}
.inner-block:first-child > h2 {margin-top:0;}
.inner-block > h2 .toggle-div {position: absolute; right:0; font-size: 15px; cursor: pointer; height: calc(100% + 9px); top: -4px; width: 40px; padding: 9px 10px;}
.inner-block > h2 .toggle-div:hover{opacity:1 !important;}
.inner-block > h2 .toggle-div{opacity:0.5;}
.inner-block > h2 i.icon-icon-61, .inner-block > h2 i.icon-icon-13 {position: absolute; right:40px; font-size: 18px; cursor: pointer; height: calc(100% + 9px); top: -4px; width: 40px; padding: 7px 15px;}

[class^="devide-"] {display:inline-block; margin-right:-.25em; vertical-align: bottom;}
.custom-w-1 .devide-1-3 {width:75px; padding-right:5px;}
.custom-w-1 .devide-2-3 {width:calc(100% - 75px);}
.custom-w-2 .devide-1-3 {width:184px; padding-right:5px;}
.custom-w-2 .devide-2-3 {width:calc(100% - 184px);}

.form-row {border-bottom:solid 1px #B1C0C9; padding:6px 0; display: table; width:100%;}
.form-row [class^="col-"] {display:table-cell; vertical-align: middle;}
.form-row input:not([type="checkbox"]), .form-row select, .form-row textarea, .edit-pattern-top input, .edit-pattern-top select, .edit-pattern-top textarea {width:100%; height:25px; background: rgba(207,220,228,0.25); padding:3px; border:none;}
.edit-pattern-top textarea {height:55px;}
label.date-label {background: rgba(207,220,228,0.25); display:inline-block; vertical-align: middle; padding:0 0 0 3px;}
label.date-label:first-child {margin-right:2px;}
label.date-label input {background: none!important; width:100%!important;}
.form-row textarea {resize:none; height:90px;}
.form-row ul {list-style:none; margin:0; padding:0;}
.form-row ul li:not(:last-child) {margin:0 0 5px;}
.form-row label {display: block; margin:0 5px 3px 0;}

.title-small {font-size:15px; margin:0; padding:8px 15px; font-weight:normal; background: #a0baca;  color: #31393E; position: relative;}
.title-small.dark {background: #31393E; color:#fff;}
.title-small.with-icon {padding-left:48px!important;}
.title-small.with-icon > i:first-child{font-size:23px; color:#fff; background: #31393E; height: 100%; width: 40px; left: 0; top: 0; position: absolute; padding: 5px; text-align: center; }
.title-small.with-icon.no-bg > i {background: none; color:#31393E; padding: 7px;}
.title-small.with-controls {padding-right:50px!important;}
.title-small.with-controls > div { position: absolute; right: 0; top: 0; height: 100%; }
.title-small.with-controls > div i { cursor: pointer; display: inline-block; font-size: 16px; height: 100%; width: 37px; text-align: center; padding: 10px 3px; }
.title-small.with-controls > div i:hover { background: #6d7f8a; color:#fff;}
.title-small.reverse.with-icon {}
.title-small.active {    color: #31393E!important;}

.title-small.sm {background: #cfdce4; color:#81878b; font-size:16px;}
.title-small.sm.with-controls > div i { vertical-align: top; }
.title-small.sm.with-controls > div i.icon-icon-59 {font-size:20px; font-weight:bold; padding-top:7px;}

.icon-icon-40, .icon-icon-17:hover {color:#B33F3F}

.kampanje-container > h2 > div {position: absolute; right:0; top:0;}




@media (max-width:1680px){
	.custom-w-2 .devide-1-3, .custom-w-2 .devide-2-3 {width:100%;}
	.custom-w-2 .devide-2-3.tar {text-align:left;}
}
@media (max-width:1500px){
	.custom-w-1 .devide-1-3, .custom-w-1 .devide-2-3 {width:100%;}
}

@media (max-width:1180px){
	.sidebar {position: absolute;}
	.main-area {position: absolute; min-width:1150px; left: 30px; right: auto;}
	.main-area.show {left: 200px; min-width:980px; }
}

.mCSB_inside >.mCSB_container:not(.mCS_no_scrollbar_y) {margin-right:35px!important;}
.mCSB_scrollTools {z-index:20;}
.mCSB_scrollTools .mCSB_dragger {width:16px!important; height:23px!important; padding-top:2px;}
.mCSB_dragger_bar {width:16px!important; height:16px!important; border:solid 1px #70828c; background: #b1c0c9!important; border-radius:1px!important; -webkit-box-shadow: 0px 0px 5px 0px #B1C0C9; box-shadow: 0px 0px 5px 0px #B1C0C9;}
.mCSB_draggerRail {background: #b1c0c9!important; border-radius:0!important; width:4px!important; position: relative; left:0px;}
.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%!important;}
.mCSB_scrollTools_vertical .mCSB_scrollTools {width:19px!important;}
.mCSB_scrollTools_vertical .mCSB_scrollTools .mCSB_draggerContainer {width:18px!important;}
.xdsoft_datetimepicker, .xdsoft_datetimepicker * {-webkit-transition:none!important;transition:none!important;}

.table-outer-container {position: relative; margin-top:10px; height: calc(100% - 85px);}
.table-container { position: relative; max-height: 100%;}
.table-container .mCustomScrollBox{-webkit-box-shadow:6px 7px 18px rgba(0, 0, 0, 0.5);box-shadow:6px 7px 18px rgba(0, 0, 0, 0.5)}
.table-container .mCSB_inside>.mCSB_container {margin-right:0!important;}
	.table {font-size:14px; width:100%;}
	.table td {background: #fff; border:solid 1px #b6bfc4; padding:8px}
	.table tr:nth-child(even) td {background: #f5f8fa;}
	.table tr:nth-child(odd) td:first-child {background: #cad9e1;}
	.table tr td:first-child {background: #cfdce4; border-right-color:#31393e;}
	.table tr th {background: #cfdce4; padding:8px; text-align:left; border:solid 1px #b6bfc4; border-bottom-color:#31393e;}
	.table tr th:first-child {background: #31393e; color:#fff; border-right-color:#31393e;}
	.table tr:hover td, .table tr.selected td {background: #8f9fa9; color:#fff; cursor: pointer;}

	.table.condensed {font-size:12px;}
	.table.condensed th, .table.condensed td {padding:4px;}

span.table {display: table; width:auto; float: left; margin:0 2px;}
span.table > span {display:table-cell; vertical-align: middle; height:100%; cursor: pointer;}

	.table-search i{color: #fff; font-size: 20px; margin: 0 1px 0 5px; position: relative; top: 2px;}
	.table-actions > div.table-search {padding:0;}
	.table-actions > div.table-search input {background: transparent; border:none; font-size:16px; padding:5px; color:#fff;}

	.table-pagination  {margin-top:15px;}
	.table-pagination input {width:30px; text-align: center; background: #f2f2f2; font-size:16px;}

	#table_row_delete { background: #b1c0c9; border: solid 1px #8f9fa9; text-align: center; color: #000; height: 31px; display: inline-block; width: 34px; padding: 4px; cursor: pointer; }
	#table_row_delete i { padding: 5px; width: 20px; display: inline-block; font-size: 10px; }
	#table_row_delete:hover i { color: #fff; background: #b33f3f; }

.table-div {display:table; width:100%; height:100%;}
.table-div > div {display:table-cell; vertical-align: middle; padding:5px;}

.btn-container { height: 30px; text-align: right; }

.green .parent {background: #689a2b;}
.blue .parent {background: #235e88;}
.orange .parent {background: #e79258;}
.red .parent {background: #b33f3f;}
.blue-gray .parent{background: #6d7f8a;}

.green  ul li {background: rgba(104,154,43,.5);}
.blue   ul li {background: rgba(35,94,136,.5);}
.orange ul li {background: rgba(231,146,88,.5);}
.red    ul li {background: rgba(179,63,63,.5);}
.blue-gray ul li {background: rgba(244,244,244,.5);}

.green  ul li:hover {background: rgba(104,154,43,.3);}
.blue   ul li:hover {background: rgba(35,94,136,.3);}
.orange ul li:hover {background: rgba(231,146,88,.3);}
.red    ul li:hover {background: rgba(179,63,63,.3);}
.blue-gray ul li:hover {background: rgba(244,244,244,.8);}

.custom-table {width:100%; font-size:14px; border:solid 1px #c8d2d8;}
.custom-table th {background: #cfdce4; border:solid 1px #c3d0d9; padding:0; text-align:left;}
.custom-table th:first-child {background: #c3d3dd;}
.custom-table th .custom-drop-sm {background: transparent; border-color:transparent; width: 100%;}
.custom-table th .custom-drop-sm ul {border-color:#b9bec0;}
.custom-table th .custom-drop-sm.active {background: #fff !important; border-color:#b9bec0;}
.custom-table td {border-bottom:solid 1px #e0e8ed; padding:3px 6px; min-height:15px;}
.custom-table td:first-child {background: #e7eef2;}
.custom-table td .check {position: relative; top:2px;}
.custom-table tr:hover td {background: #f1f5f7;}
.custom-table tr:hover td:first-child {background: #dce6ec;}

[class^="col-outer-"] {position: absolute;  top:20px; height:calc(100% - 30px);}
.col-outer-1 {width:250px; left:15px;}
.col-outer-2 {width:calc(65% - 280px); left:265px;}
.col-outer-3 {width:35%; right:20px;}
.col-outer-1 .inner-block.h-50 {height:calc(50% - 135px)}
.col-outer-1 .inner-block.h-50.hide-block .scroll-y {display: none;}
.col-outer-3 .inner-block.h-50 {height:calc(50% - 20px)}
.inner-block.h-50 {height:calc(50% - 20px);}
.inner-block.toggle {height:auto!important;}
.inner-block.toggle .scroll-y{display: none;}
.col-outer-1.active .inner-block:not(.toggle) {height:calc(100% - 293px);}
.col-outer-2.active .inner-block:not(.toggle) {height:calc(100% - 66px);}
.col-outer-3.active .inner-block:not(.toggle) {height:calc(100% - 66px);}

div.mce-container {-webkit-transition:none !important;transition:none !important;}


/**************************************************************
 ************************* RESPONSIVE *************************
 **************************************************************/

/********** HOME MODULE **********/
body .home-module .login-page-actions {width:100%;}

@media (max-width:600px) and (min-height: 671px){
	body .home-module .login-page-actions  {left:50%; -webkit-transform:Translate(-50%,-50%); transform:Translate(-50%,-50%)}
}
@media (max-width:480px){	
	body .home-module .develop_notify {display: block; margin:10px 0; text-align: center;}	
	body .home-module .login-page-actions {position: static; margin:0 auto; -webkit-transform:none; transform:none; padding:10px 4px; width:100%; max-width:300px; min-width:320px; overflow-x:hidden;}
	body .home-module .module-list {display:-ms-flexbox;display:-webkit-box;display:flex; -ms-flex-align:start; -webkit-box-align:start; align-items:flex-start; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:start; -webkit-box-pack:start; justify-content:flex-start; margin-left:-5px;}
	body .home-module .module-list li {padding: 0; -ms-flex-order:2; -webkit-box-ordinal-group:3; order:2; margin:0 0 5px 5px; width: calc(50% - 10px);}
	body .home-module .module-list li.disabled {display: none;}
	body .home-module .module-list li:nth-child(5) {-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1; width:100%; height:auto;}
	body .home-module .module-list li:nth-child(5) img {display: block; position: static; -webkit-transform:none; transform:none; margin:15px auto;}
	body .home-module .login-form {padding:0 5px;}
	body .home-module .login-form-enter-info {background:none; margin:10px 0; min-height:0;}
	body .home-module .login-form-enter-info .login-toggle {width:100%;}	
	body .home-module .login-form-enter-info .login-toggle p {margin:10px 0;}
	body .home-module .login-form-actions {margin-top:5px;}
	body .home-module .login-form-actions .btn {width:100%; margin-top:15px; border:none; color:#fff; margin-right:0!important;}
	body .home-module .user-info-block.flex {padding:10px; margin:15px 0 0;}
	body .home-module .user-info-block img {width:80px;}
	body .home-module .user-info-block ul {padding:0 0 0 10px; font-size:16px;}
}

body .inner-block > h2 .toggle-div {height:100%; top:0;}

/********** DASHBOARD MODULE **********/
@media (max-width:1000px){
	
	/* Header */
	body .header {position: fixed; left:0; top:0; z-index:9999; min-width:320px; width:100%; height:40px;}
	body .header nav > a {padding:10px 5px; height:40px; width:40px; min-width:40px;}
	body .header nav a.logo {margin-left:0; padding-top:8px; width:auto;}
	body .header nav a.logo img {height:25px;}
	body .header nav i {font-size:20px; color:#fff!important}
	body .header .develop_notify {font-size:11px; position: absolute; left:41px; top:auto; bottom:-22px; margin:0; white-space:nowrap;}
	body .header nav:first-child a.icon {width:35px; min-width:0;}
	body .header a.icon.resize {display: none;}
	body .header a.user {margin-right:0!important; width:auto; font-size:16px;}
	body .header a.user i {display: none;}
	body .header .icon:hover {background:none;}
	
	/* Sidebar */
	body .sidebar {z-index:9999; position: fixed; top:0; height:100%; left:0;  padding-bottom: 150px;}
	body .sidebar .sidebar-title {display: none;}
	body .sidebar .scroll-y {height:calc(100% - 15px)!important;}
	body .sidebar .block {opacity:1; padding-right:0;}
	body .sidebar .block > div {padding:10px 0;}
	body .sidebar .sidebar-toggle {top:47px; right:-33px; opacity:1; width:25px; height:14px; padding:0;}
	body .sidebar .sidebar-toggle:hover {background:none;}	
	body .sidebar .sidebar-toggle i { left: 0; top: 0; width: 100%; margin:0; height: 2px; background:transparent; -webkit-transition: none; transition: none; -webkit-transform:none; transform:none; }
	body .sidebar .sidebar-toggle i:before { content: ""; position: Absolute; left: 0; width: 100%; height: 100%; background: #31393e; top:6px; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	body .sidebar .sidebar-toggle i:after { content: ""; position: Absolute; left: 0; width: 100%; height: 100%; background: #31393e; top:6px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}	
	body .sidebar .sidebar-img {opacity:1;}
	
	body .sidebar.show {left:-200px;}
	body .sidebar.show .block {opacity:0;}
	body .sidebar.show .sidebar-toggle i {background: #31393e; -webkit-transition: none; transition: none;}
	body .sidebar.show .sidebar-toggle i:before {-webkit-transform:none;transform:none; top:6px;}
	body .sidebar.show .sidebar-toggle i:after {-webkit-transform:none;transform:none; top:12px;}	
	
	body .sidebar .block h1 {padding: 12px 25px 10px 10px;}
	body .sidebar .block h1 i {font-size:20px;}
	
	/* Main area */
	body .main-area {background:#fff; height:auto; min-height:100%; width:100%!important; min-width:0; margin-top:70px; position: relative; top:0; left:0!important; padding:5px;}
	body .main-area:before {content: ""; position: fixed; left: 0; top: 40px; width: 100%; height: 30px; background: #B1C0C9; z-index: 999; border-bottom: solid 1px #31393e; }	
	body .main-area.show {min-width:0;}
	body .main-area:not(.show):after {content:""; position: absolute; left:0; top:0; width:100%; height:100%; /*background: rgba(255,255,255,.8);*/ z-index:999;}
		
	body .startpage-section .tab {height:320px;}
	
	body .f-block.full .f-block-content [class^=col-] {padding-left:0!important; padding-right:0!important;}
	
	/* Grid blocks */
	body .f-block,
	body .f-block-content,
	body .fragment-wrapper,
	body .box-layout-component,
	body .box-layout-component > .panel-group {float:left; width:100%; background:#fff;}
	
	body .f-block.full {width:100%; height:auto; position: relative; left:0!important; top:0; border:none;}
	
	body .panel-component-2 + .panel-component-2,
	body .panel-group + .panel-group {margin-top:5px;}
		
	body .inner-block > div {padding:5px 0; height:auto!important; float:left; width:100%; background:#fff!important;}
	body .inner-block > h2 {font-size: 16px;}
	body .inner-block > h2 .toggle-div {opacity:1!important; font-size: 13px;}
	
	body .box-layout-component {display: block!important; width:100%!important;}
	body .box-layout-component > .panel-group {width:100%!important;}
	
	body .startpage-section .panel-component-2 .inner-block {margin:0;}
	
	/* Webix */
	body .webix_datatable .tableHeader + > div {/*height:auto!important;*/}
	body .webix_datatable .webixdatatable_ui {height:300px!important;}
	body .webix_datatable .webixdatatable_ui table {width:100%!important;}
	body .webix_datatable .webix_cell {height:21px!important; line-height:21px!important;}
	body .webix_datatable .table-actions {padding:5px 0;}
	body .webix_column > div, body .webix_table_cell, body .webix_hcell {padding: 0 5px;}
	body .webix_datatable i.drop-toggle {font-size:8px; padding:0;}


	body .webix_datatable .tableHeader h1 {padding-right:0;  padding-left:10px}
	
	
	/* Tabs */
	body .tab-module .toggle-tabs {height:auto; font-size:13px; margin-bottom:2px;}
	body .tab-module .toggle-tabs > li {height:30px; padding:7px 10px; border-bottom: 1px solid #798b96!important;}
	body .tab-module .toggle-tabs > li.active {border-bottom-color:transparent!important;}
	body .tab-module .toggle-tabs > li i {margin:0!important;}
	body .tab-module .toggle-tabs:after {display: none;}	
	body .tab-module .toggle-tabs .dropdown {width:150px;}
	
	body .dashboard-module .tab-module .toggle-tabs > li {border-bottom: 1px solid #798b96!important;}
	body .dashboard-module .tab-module .toggle-tabs > li.active {border-bottom:solid 1px transparent!important;}
	
	body .page-wr.calendar > .col-outer-1 > #datepicker {display: none;}
	
	/* Tables */
	body .webix_datatable {width:100%;}
	body .webix_datatable .tableHeader {margin-bottom:2px;}
	body .webix_datatable .table-actions .dt-buttons {padding:0;}
	body .webix_datatable .table-actions .dt-search-cont {margin-left: 5px;}
	body .webix_datatable .table-actions .dt-search-cont input {width:148px;}
	body .webix_datatable .table-actions .dt-search-cont input#table_search {padding-right:0;}
	
	/* My structure */
	body .myStructure-layout {padding:0;}
	body .myStructure-layout + .myStructure-layout {margin-top:5px;}
	body .myStructure-layout .tab_header {height:auto;}
	body .myStructure-layout .tab_header > div {padding:5px!important; position: relative; min-height:53px;}	
	body .myStructure-layout .onoffswitch {width:100px!important;}
	body .myStructure-layout .onoffswitch-inner .off,
	body .myStructure-layout .onoffswitch-inner .on {line-height:19px;}
	body .myStructure-layout .tab_header .onoffswitch {position: absolute; left:4px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}	
	body .myStructure-layout .col-1-3 > .onoffswitch {margin:10px 0 0 5px;}
	body .myStructure-layout .by-months {display:-ms-flexbox;display:-webkit-box;display:flex; -ms-flex-align:center; -webkit-box-align:center; align-items:center; -ms-flex-pack:justify; -webkit-box-pack:justify; justify-content:space-between; padding-bottom:0; margin-top:5px;}
	body .myStructure-layout .by-months > div {width:calc(50% - 2.5px);}	
	body .myStructure-layout .treeComponent tr .tr-fs-expand {padding-left:0;}	
	body .myStructure-layout .custom-table-wr .custom-table {border:none;}
	body .myStructure-layout .custom-table-wr .custom-table td {padding:3px;}	
	body .myStructure-layout .months-select,
	body .myStructure-layout .year-select {position: static; float:right; clear:both; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-align:center; -webkit-box-align:center; align-items:center;}
	body .myStructure-layout .months-select > span,
	body .myStructure-layout .year-select > span {font-size:12px; margin-right:5px;}
	body .myStructure-layout .months-select + .year-select {margin-top:5px;}
	body .myStructure-layout .date-time-pick i.cal-time-toggle {padding:0; width:13px; right:8px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
	body .myStructure-layout .date-time-pick input {width:100%!important; margin-right:0; padding:2px 24px 2px 5px; border: 1px solid #919ea6;}
		
	body .myStructure-section .myStructure-layout:nth-child(1),
	body .myStructure-section .myStructure-layout:nth-child(2) {width:100%;}
	
	/* Billing */
	body .fragment-wrapper.billing-section .panel-component-2.w-50 {width:100%;}
	body .fragment-wrapper.billing-section .panel-component-2 .box-layout-component > div {display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important; -ms-flex-align:center!important; -webkit-box-align:center!important; align-items:center!important; -ms-flex-pack:justify!important; -webkit-box-pack:justify!important; justify-content:space-between!important;}
	body .fragment-wrapper.billing-section .panel-component-2 .box-layout-component > div .dropdown {width:calc(50% - 2.5px);}
	body .fragment-wrapper.billing-section .panel-component-2 .box-layout-component + .box-layout-component table {font-size:12px; margin-top:3px;}
	body .fragment-wrapper.billing-section .panel-component-2 .box-layout-component + .box-layout-component table th,
	body .fragment-wrapper.billing-section .panel-component-2 .box-layout-component + .box-layout-component table td {padding:2px;}
	body .fragment-wrapper.billing-section .panel-component-2 .box-layout-component + .box-layout-component table th {line-height: 10px; text-align: center;}	
	body .fragment-wrapper.billing-section .panel-component-2 .inner-block {padding:0; margin:0;}	
	body .fragment-wrapper.billing-section .commissionInfo .form-row > ul.col-1-2 {width:100%;}
	body .fragment-wrapper.billing-section .commissionInfo .form-row > ul.col-1-2 li.form-row p:last-child {width:100px; text-align: right;}
	
	body .btn-component {margin:0 5px 0 0;}
	
	/* Customers */
	body .stranke-section .filter .col-1-4,
	body .stranke-section .filter .col-3-4,
	body .stranke-section .filter .col-1-3,
	body .stranke-section .filter .col-2-3 {width:100%;}	
	body .stranke-section .filter .col-1-4 + .col-3-4 {margin-top:5px;}	
	body .stranke-section .with-icon.with-controls {padding: 8px 15px;}	
	body .stranke-section .dropdown-toggle {height:auto;}
	body .stranke-section .tags-input-container .tags-container {display:-ms-flexbox;display:-webkit-box;display:flex; -ms-flex-align:start; -webkit-box-align:start; align-items:flex-start; -ms-flex-wrap:wrap; flex-wrap:wrap;}	
	body .stranke-section #ageFilter {display:block!important; margin:5px 0 10px;}
	
	/* Files */
	body .fragment-wrapper.filemanager-section > .f-block-content {overflow:auto;}
	body .fragment-wrapper.filemanager-section .webix_fmanager {min-width:400px!important; min-height:100vh!important;}
	
	/* User settings */
	body .fragment-wrapper.user-settings-section .inner-block > h2 .toggle-div {top:-6px;}
	body .fragment-wrapper.user-settings-section .inputs {width:100%; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-align:start; -webkit-box-align:start; align-items:flex-start; -ms-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; padding-bottom:5px;}
	body .fragment-wrapper.user-settings-section .inputs input {width:100%; margin:2px 0; padding:3px;}
	body .fragment-wrapper.user-settings-section .inputs .error-label {margin:2px 0 0; text-align:left; height:auto;}
	
	/* News */
	body .news-preview .panel-component-2 .inner-block {margin:0;}
	body .news-preview .news-header h4 {font-size:20px;}
	body .news-preview .body {margin:5px 0;}
	
	/* Traffic */
	body .traffic-section .panel-component-2 .inner-block {margin:0;}
	
	/* Overview */
	body .fragment-wrapper.overview-section .panel-component-2 .inner-block {margin:0;}
	body .fragment-wrapper.overview-section .panel-component-2.full {height:auto;}
	body .fragment-wrapper.overview-section .panel-component-2.w-50 {width:100%;}
	body .fragment-wrapper.overview-section .button-attend {position: static;}
	
	/* Birthdays */
	body .startpage-section .birthdays ul {padding-top:0;}
	body .startpage-section .birthdays ul li:first-child {padding-top:0;}
	body .startpage-section .birthdays .col-1-10 {text-align:left;}
	body .startpage-section .birthdays .col-1-10 + .col-9-10 {width:100%; padding-left:0;}
	
	/* Calendar */
	body .fragment-wrapper.calendar-section .col-outer-1,
	body .fragment-wrapper.calendar-section .col-outer-2 {width:100%!important; height:auto!important; position: static; padding:0!important;}	
	body .fragment-wrapper.calendar-section .custom-external-events {margin: 5px 0 10px;}	
	body .fragment-wrapper.calendar-section .custom-calendar .fc-toolbar {margin-bottom:5px;}
	body .fragment-wrapper.calendar-section .custom-calendar .fc-toolbar .fc-button {height:30px; font-size:13px;}
	body .fragment-wrapper.calendar-section .custom-calendar .fc-toolbar .fc-center {font-size:15px; margin-top:5px;}	
	body .fragment-wrapper.calendar-section .custom-calendar .fc-view table {font-size:15px}	
	body .fragment-wrapper.calendar-section .footer {display: none;}
	
	/* Popup */
	body .proficio-window {position: fixed!important; top:70px!important; left:0!important; -webkit-transform:none!important; transform:none!important; width:100%!important; height: calc(100vh - 70px)!important; overflow-y:auto; overflow-x: hidden;}
	body .proficio-window > .header {position: static;}
	body .proficio-window .mCSB_container > h2 {margin-top:0;}
	
	body .proficio-window.popup.large .tab-module .default {height:auto!important;}
	
	body .dialog .popup {position: fixed;}
	
	/* Footer */
	body .footer {position: static; padding:5px 10px; height:auto; font-size:12px;}
}
@media (max-width:760px){
	body .tab-module .toggle-tabs {display:-ms-flexbox;display:-webkit-box;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
	body .tab-module .toggle-tabs li + span {display: block; width:100%;}
	
	/* Tabs */
	body .tab-module .toggle-tabs .dropdown {/*position: absolute; z-index:99; right:0; top: 35px;*/ margin:5px 0 -3px; width:100%;}
	body .tab-module .toggle-tabs .dropdown .dropdown-toggle {height:25px; padding-right:20px;}
	body .tab-module .toggle-tabs .dropdown .selected-tag {line-height:25px;}
	body .tab-module .toggle-tabs .tags-container {line-height:25px; padding-right:0;}
	body .tab-module .toggle-tabs .dropdown .open-indicator {background-size:100%; width:13px; height:13px; right:-17px;}
	body .tab-module .toggle-tabs .dropdown > .dropdown-menu li a {padding-left:5px!important;}	
	
	/* Tables */
	body .table {font-size:13px;}
	body .table tr th,
	body .table tr td {padding:3px;}
	
	body .offerdetails-component .details-grid.vertical th {width:110px;}
		
	/* Table header */	
	body .webix_datatable .tableHeader h1:empty {display: none;}
	body .webix_datatable .table-actions {float:left; padding-left:0; display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; height:auto; -ms-flex-wrap:wrap; flex-wrap:wrap;}
	body .webix_datatable .table-actions .dt-search-cont {-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1; margin:0;}
	body .webix_datatable .table-actions .top-row-buttons-container {-ms-flex-order:2;-webkit-box-ordinal-group:3;order:2;}		
	body .webix_datatable .table-actions * {display: block;}
	body .webix_datatable .table-actions > div {margin:0 5px 5px 0;}
	body .webix_datatable .table-actions .top-row-buttons-container > div {margin:5px 5px 0 0;}
	
	body .webix_datatable .table-actions .dt-buttons:empty {display: none!important;}
	body .webix_datatable .table-actions .dt-buttons span {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
	
	body .webix_datatable .table-actions .dt-search-cont,
	body .webix_datatable .table-actions .dt-search-cont input {width:100%;}
	
	body .proficio-window.popup.large .proficio-tab .webix_datatable .webixdatatable_ui table td {padding:0!important;}
	
	/* Popups */
	body .proficio-window.popup.large .tab-module .default .toggle-tabs i[class^="icon-"] {display: none;}	
	body .proficio-window.popup.large .proficio-tab table:not(.dataTable) td {display:block!important; width:100%!important; padding:7px 0!important}
	body .proficio-window.popup.large .proficio-tab table td p {margin:0;}
	body .proficio-window.popup.large .grid-table-outer-container.fixed-header {padding-bottom:30px;}
	
	body .proficio-window.popup.large .proficio-tab .webixdatatable_ui table td {display:table-cell!important; width:auto!important;}
	
	body .calendar-section .proficio-window.popup.large .buttons-area {position: static!important; margin:10px 0!important; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center;}
	body .calendar-section .proficio-window.popup.large .buttons-area .btn-component {margin:2px;}
	
	
	body .proficio-window.popup.large .tab-module .grid-table-outer-container .table-top-row {height:auto; padding-right:0;}
	body .proficio-window.popup.large .tab-module .grid-table-outer-container .table-top-row h1 {width:100%;}
	body .proficio-window.popup.large .tab-module .grid-table-outer-container .table-actions.grid-global-search-container {position: static; float:none; width:100%; margin-bottom:10px!important; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end;}
	body .proficio-window.popup.large .tab-module .grid-table-outer-container .table-actions.grid-global-search-container > div + div {margin-top:5px;}
	body .proficio-window.popup.large .tab-module .grid-table-outer-container .table-actions.grid-global-search-container > div.top-row-buttons-container {margin-bottom:5px;}
	body .proficio-window.popup.large .tab-module .grid-table-outer-container .table-actions .dt-search-cont,
	body .proficio-window.popup.large .tab-module .grid-table-outer-container .custom-drop-sm.search {width:200px; margin-right:5px;}
	
	body .proficio-window.popup.large .tab-module .grid-table-outer {height: 100%!important; margin-top:23px!important}
	body .proficio-window.popup.large .tab-module .grid-table-outer-container.fixed-header:not(.infinity-scroll) .fixed-header-scrollHead {top:117px!important}
	
	body .fragment-wrapper.calendar-section .custom-external-events {padding:0; margin:0 0 5px;}
	body .fragment-wrapper.calendar-section .custom-external-events > h4 {font-size:15px;}
	body .fragment-wrapper.calendar-section .custom-external-events > h4 small {font-size:12px;}
	body .fragment-wrapper.calendar-section .custom-external-events br {display: none;}
	body .fragment-wrapper.calendar-section .custom-external-events .inner {padding:5px;}
	body .fragment-wrapper.calendar-section .custom-external-events .inner > div {padding:1px 5px; font-size:15px;}
	
	body .fragment-wrapper.calendar-section .custom-calendar .fc-toolbar .fc-center {font-size:12px; width:100%;}
	body .fragment-wrapper.calendar-section .custom-calendar .fc-toolbar .fc-center > h2 {float:none;}
	body .fragment-wrapper.calendar-section .custom-calendar .fc-view-container .fc-head th {line-height:12px; padding:2px;}
}
@media (max-height:580px){
	/* Sidebar */
	body .sidebar .block.dynamic-block,
	body .sidebar .sidebar-img {display: none;}	
	body .sidebar {padding-bottom:0!important;}
	body .sidebar .scroll-y {height: calc(100% - 75px)!important;}
}
@media (max-width:580px){	
	/* Calendar */
	body .fragment-wrapper.calendar-section .custom-datepicker .ui-widget-content,
	body .fragment-wrapper.calendar-section .custom-external-events {width:100%;}	
	body .fragment-wrapper.calendar-section .custom-calendar .fc-view table {font-size:13px}	
}
@media (max-width:480px){
	body .header nav a.user {font-size:15px;}
}