/* 
	STYLESHEET GISPEN PORTAL
	BY EDIT4U WEBSERVICES
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,900,100);

@font-face {
font-family: Avenir;
src: url("../fonts/Avenir-Roman.otf") format("opentype");
}

@font-face {
font-family: AvenirNext;
font-weight: 400;
src: url("../fonts/AvenirNext-Regular.otf") format("opentype");
}

@font-face {
font-family: AvenirNext;
font-weight: 300;
src: url("../fonts/AvenirNext-Light.otf") format("opentype");
}

@font-face {
font-family: AvenirNext;
font-weight: 700;
src: url("../fonts/AvenirNext-Bold.otf") format("opentype");
}

/* ---------------------- 
	GENERAL
---------------------- */

.text-white {color:#FFFFFF!important;}
.modal {z-index: 99999;}
.tt-highlight { color: #ED1C24 !important;}
.tt-dataset { border-left: 1px solid #EFEFEF;border-right: 1px solid #EFEFEF;margin: 0px 5px; }
.tt-suggestion { background-color: #FFF;padding: 10px;border-bottom: 1px dashed #CCC;width: 210px;font-size: 12px; }
.tt-suggestion:hover { background-color: #EFEFEF;cursor: pointer; }
.twitter-typeahead input.text { border-radius: 0px 5px 5px 0px !important; }
.twitter-typeahead {position: unset !important;display: block !important;}
.highlight-row {
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
.highlight-row-bg {
    background-color: #fdd761 !important;
}

.locationCheckAllContainer {display: none;position: absolute;top: 0px;right: 1px;background-color: #487957; color:#fff; padding-left: 5px;padding-right: 5px;}

.icons .btn-group {display:none;}

.btn-status {margin: 0px 10px 0px 10px; padding: 10px!important; font-size: 18px!important;}
.btn-group>.btn:last-child:not(:first-child) {border-right: 1px solid #ccc !important;}

html {min-height:100%;}
body {position:relative; font-family: AvenirNext, Helvetica, Verdana, Sans-Serif; height:100%; width:100%; background: #f1f1f1; color:#020509;}
body.com-dashboard{background-image: url("../images/bg_image.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center;}
body.bg-login {background-image: url("../images/bg_image.jpg"); background-size:cover; background-repeat:no-repeat; background-position: center;  color:#3c3232;}

*:focus {outline:none!important;}

.no-padding {padding:0px!important;}
.no-margin {margin:0px!important;}
hr.mm { margin-top: 4px;margin-bottom: 4px; } /* mm = min margin :) */
hr.mt { margin-top: 4px; }
hr.mb { margin-bottom: 4px; }

/* GRID */
.pt-0 { padding-top: 0px !important; }
.pb-0 { padding-bottom: 0px !important; }
.pr-2 { padding-right: 6px !important; }
.pt-2 { padding-top: 6px !important; }
.pb-2 { padding-bottom: 6px !important; }
.pr-3 { padding-right: 12px !important; }
.mt-0 { margin-bottom: 0px !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-1px { margin-bottom: 1px !important; }
.mb-2 { margin-bottom: 6px; }

input[type=checkbox] + label { padding-left: 20px; }
input[type=checkbox] + label:before { left:0px !important; }

.text-gray { color:#999; }

.bg-danger {background-color:#f40034; color:#FFF;}
.bg-danger .title-big, .bg-danger .title {color:#FFF;}
.bg-dark {background-color:#484f48; color:#FFF;}
.bg-dark .title-big, .bg-dark .title {color:#FFF;}
.bg-white {background-color:#FFF;}
.bg-gray {background-color:#f1f1f1;}
.bg-warning {background-color:#ce9b2e; color:#FFF;}
.bg-warning .title, .bg-warning .title-big {color:#FFF;}
.bg-warning .btn-transparent, .bg-warning .btn-transparent:hover {color:#FFF!important; border-color:#FFF;}
.bg-warning .btn-transparent:hover {background-color:rgba(255,255,255,0.3);}
.bg-success {background-color:#8ca496; color:#FFF;}
.page-dashboard .bg-success {background-color:rgba(140, 164, 150, 0.92);}
.bg-success .title, .bg-success .title-big {color:#FFF;}
.bg-success .btn-transparent, .bg-success .btn-transparent:hover {color:#FFF!important; border-color:#FFF; text-transform:uppercase; padding:3px 15px;}
.bg-success .btn-transparent:hover {background-color:rgba(255,255,255,0.3);}
.bg-gray-dashboard {background-color:#ECECEC;}
.bg-dark-dashboard {background-color: #8E8E8E; color:#fff;}


/* TEXT */
h1, h2, h3 {margin:0px 0px 20px;}
.title {font-size:26px; font-weight:700; color:#020509; margin:0px 0px 20px;}
h2.title {font-size: 22px;}
.subtitle {font-size:16px; font-weight:300; color:#484f48; margin:0px 0px 20px;}
.title + .subtitle {margin-top:-20px;}
.title-big {font-size:24px; color:#020509; font-weight:700;margin:0px 0px 20px;}
h4, .title-small {font-size:18px; font-weight:700; color:#f40034; margin:0px 0px 10px;}
p + .title-small {margin-top:20px;}
.title-bold {font-weight:900; margin:0px 0px 20px;}
.title-medium {font-size:20px; font-weight:700;}
.text-danger {color:#f40034;}
.text-success {color:#4f8961;}
.text-warning {color:#ce9b2e;}

.bg-login .title {font-size:20px; font-weight:300; margin:0px 0px 20px; color:#fff;}
.bg-login .title-big {font-size:32px; color:#3c3232; font-weight:100;}
.bg-login .title-bold {font-weight:900;}

.btn-top-right, .label-top-right {position:absolute; top:0px; right:0px;}
.btn-top-left, .label-top-left {position:absolute; top:0px; left:0px;}
.label-top-right {padding:10px 15px; text-transform:uppercase;}
.label {border-radius:0px;}
.label-default {background-color:#b6b3ae;}
.label-success {background-color:#4f8961;}

/* BTN */
.btn {color:#f40034; font-size:16px; font-weight:300; border-width:1px; padding:8px 20px; border-radius:0px;}
.btn:active {box-shadow:none;}
.btn.btn-xs {padding:6px 10px; font-size:14px; font-weight:300; line-height:14px; height:30px;}
.btn.btn-xs .fa {font-size:14px!important;}
.btn.disabled, .btn[disabled] {opacity:0.3}
.panel-heading .btn .fa {margin-left:5px;}
.btn-default.active.danger, .btn-danger, .btn-danger:focus {background-color:#f30134; color:#FFF!important; border-color:#f30134;}
.btn-danger:hover, .btn-danger:active,  .btn-danger:focus {background-color:#DE0936!important; border-color:#DE0936!important;}
.btn-default {color:#333;}
.btn-transparent, .btn-transparent:focus {border-color:#020509; color:#020509!important;}
.btn-transparent:hover {border-color:#f40034; color:#f40034!important;}
.bg-dark .btn-transparent, .bg-danger .btn-transparent {border-color:#FFF; color:#FFF!important;}
.bg-dark .btn-transparent:hover, .bg-danger .btn-transparent:hover {background-color:rgba(255,255,255,0.2);}
.btn-import {margin-right:10px;}

.btn-default.active.warning, .btn-warning, .btn-warning:focus {background-color:#ce9b2e; color:#FFF; border-color:#ce9b2e;}
.btn-default.active.success, .btn-success, .btn-success:focus {background-color:#4f8961; color:#FFF; border-color:#4f8961;}
.btn-success:hover {background-color:#487957; border-color:#487957;}
.btn.active {box-shadow:none;}

.btn-gray {background-color: #EEE; color: #444; border: 1px solid #DDD;}
.btn-gray:hover {background-color:#DDD;}

.input-group-btn .btn {border-width:1px;}
.btn-group .btn + .btn {border-right:none!important; margin-left:0!important;}

#header .btn-transparent {background-color:#FFF;}
header, #header {margin-bottom:10px;}

.btn-request {position:relative; float:left!important; margin:-10px 10px 0px -8px!important;}
.btn-request:after {content:""; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #f30134 transparent transparent transparent;position: absolute;left: 20px;bottom: -5px;}

/* LABELS */
.label {padding:5px 10px; font-weight:400;}
.label-danger {background-color:#F30134;}
.label-warning {background-color:#CF9C2E;}
p + .label {margin-top:10px; display:inline-block;}

/* PANELS */
.panel {margin-bottom:40px;}
.panel-default {border:none; position:relative; border-radius:0px; box-shadow: 0 2px 1px rgba(0,0,0,.05);}
.panel-default:after, .panel-default:before, .panel-default .panel-heading:before, .panel-default .panel-heading:after {content:""; display:table; clear:both;}
.panel-default .panel-heading {background-color:#FFF; border-bottom:none; padding:10px 8px; color:#020509;}
.panel-heading * {margin:0px; font-size:16px; font-weight:900; display:inline-block;}
.heading-action h3 {margin:4px 10px 0px 0px;}
.heading-action-standard {padding:30px 23px 10px 15px!important; color:#f40034;}
.panel-heading .btn {float:right; margin: -10px 18px 0 -8px;}
.panel-heading .btn-action {margin:-10px 15px 0px -8px!important; float:left;}
.title-center {position:relative; background-color:#EEE; padding:10px 15px; font-weight:700; font-size:14px; color:#484f48;}
.title-center:after {position:absolute; bottom:-5px; left:50%; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #EEE transparent transparent transparent;}
.panel-heading + .panel-body {clear:left; padding-top:0px;}

/* TABLES */
.table td {border-bottom:1px solid #EEE;}
.table th {border-bottom-color:#EEE!important;}
.table-info td {border:none!important; padding:5px 5px 5px 0px!important;}
.table-info td.table-label {font-weight:700; width:130px;}
.table-info small {color:#AAA; font-size:12px;}
.table-info .fa-circle {float:left; margin:3px 5px 20px 0px; font-size:12px;}
.table-cell {display:table-cell;}
.responsive-table {width:100%; display:block; overflow:auto;}
.responsive-table .table-overview {width:100%!important; min-width:992px;}
/*.panel-overview .panel-heading  {background-color: #F1F1F1; padding-bottom:0px;}*/
.panel-overview .panel-heading  {position:absolute; left:0px; top:0px;}
.highlight-row {
	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
}
.highlight-row-bg {
	background-color: #fdd761 !important;
}

/* MODALS */
.modal .close{display: block; background-color: #f40034; color: #FFF; text-shadow: none; padding: 5px 10px; opacity: 1; top: 2px; right: 0px; position: absolute;}
.modal.fade {background-color: rgba(72, 79, 72,0.3);}
.modal-dialog {width:auto; max-width:800px;}
.modal-content {border-radius:0px; border:none; box-shadow:none;}

.bootbox .modal-dialog {max-width:500px;}
.bootbox .close {margin-top: -2px!important;}
.bootbox .modal-footer, .bootbox-body {text-align:center; padding-top: 26px; }

/* PAGINATION */
.pagination-bottom {margin-bottom:20px;}
.counter {display:table;}
.counter-item {display:table-cell; padding-right:10px; }
.counter select, .counter .form-control {width:80px;}

/* TOOLTIP */
.tooltip {opacity:1;}
.tooltip-inner {border-radius:0px; background-color:#484f48;}
.tooltip.top .tooltip-arrow {border-top-color:#484f48!important;}
.tooltip.right .tooltip-arrow {border-right-color:#484f48!important;}

/* DATATABLES */
.dataTable .text-center {text-align:left!important;}
.dataTable.table-overview th {padding-right:0px!important; padding-left:10px!important; line-height:12px; vertical-align:middle!important}
.dataTable.table-overview th:first-child {padding-left:15px!important;}
.dataTable.table-overview .firstRow th {padding-right:20px!important; background-color:#F8F8F8;}
.dataTable th:last-child .btn-group {width:150px;}

.dataTables_length, #articleList_filter, .dataTables_info, .dataTables_paginate{padding:0 15px;}
div.dataTables_length select {height:40px;}
.dataTables_length , #articleList_filter {margin:0 0 5px;}

.table-pagination {display:block; float:left; width:100%; padding-top:5px;}
.dataTables_wrapper .filter {height:45px;}
.dataTables_wrapper #articleList_filter {position:absolute; right:0px;}

/* TABS */
.nav-tabs {margin:0 0 20px; border:1px solid #DDD;}
.nav-tabs li {margin:0px;}
.nav-tabs li a {border:none!important; font-weight:700; color:#020509; margin:0px;border-radius:0px; }
.nav-tabs li.active a, .nav-tabs li.active a:hover,  .nav-tabs li.active a:focus{color:#FFF; background-color:#808088;}
.nav-tabs li a:hover {background-color:#9B9BA2; color:#FFF;}

.panel-overview .nav-tabs { border-left:0px;border-right:0px;border-top:0px; }
.panel-overview .nav-tabs li a { padding: 15px 20px; }
/* ----------------------
	NAV
---------------------- */
.navbar {margin:0px; border:none; padding-top:15px; padding-bottom:15px;}
.mainmenu {background-color:#FFF; padding:0px;}
.mainmenu li.item-129 .menu-title, .mainmenu li.item-112 .menu-title, .mainmenu li.item-119 .menu-title {display:none;}
.mainmenu ul li a, .mainmenu ul li a:focus {padding:24px 15px; color:#020509; font-size:16px; font-weight:300; background-color:transparent; /*border-right:1px solid #EEE;*/}
.mainmenu ul li.active a, .mainmenu ul li a:hover {color:#f40034;}
.mainmenu ul li:last-child a {border-right:none;}
.mainmenu ul li a .fa {font-size:20px; position:relative; top:2px;}
.mainmenu ul li a:hover { background-color:transparent; color:#f40034;}

.mainmenu ul li a.queue-count {padding:20px 15px}
.scan-link {padding-top:25px; padding-left:10px; color:#3c3232;}
.scan-link .fa {font-size:24px; position:relative; top:4px; margin-right:5px;}
.scan-link:hover {color:#F30134; text-decoration:none;}

span.queue-count {font-size:14px; font-family: AvenirNext, Helvetica, Verdana, Sans-Serif; background-color:#f30134; color:#FFF; display:inline-block; padding:7px 10px; font-weight:700; margin:0 5px 0 0;}
span.queue-count:before {font-family:'Glyphicons Halflings'; font-size:12px; margin-right:10px;}

.mod-languages a {padding:22px 15px;}
ul.lang-inline.dropdown-menu li a {padding:3px 20px;}
.mod-languages .btn-group.open .dropdown-toggle {box-shadow: none;}
.mod-languages .dropdown-menu {box-shadow: none;}

.mod-languages {border-left:1px solid #EEE;}
.mod-languages .dropdown-menu {min-width:auto; left:-73px;}

.log-out-menu {border-left:1px solid #EEE;}

.tooltip-inner { width: 100px; }
/* ----------------------
	COMPONENT
---------------------- */
.component {padding:30px 0px 80px;}
.header {margin-bottom:25px;}
.bg-login .component {/*background-color:#F8F8F8;*/ padding:100px 0px 0px;}
.bg-login  .panel-default {border-radius:0px;}
.bg-login .panel-login .panel-body {padding:30px;}
.bg-login  .login-links li {float:none; display:inline-block;}
.bg-login  .login-links li a, .login-links li a:focus {color:#FFF; background-color:transparent;}
.bg-login  .login-links li a:hover {background-color:transparent; text-decoration:underline;}
.bg-login  .login {margin-top:130px;}

/* SCAN */
.panel-scan .panel-body {padding:40px 30px;}
.panel-scan .btn {margin-top:30px;}
.previewImage {margin:30px 0px;}
.extra-info:hover {cursor:pointer;}
.popover {box-shadow:none; border-radius:0px;color: #FFF;background-color: #484f48;display: block;opacity: 0.95!important;}
.popover-content {text-align:center;}
.popover.top>.arrow:after {border-top-color:#484f48;}

/* DASHBOARD */
.page-dashboard {padding:0 0 40px;}
/*.page-dashboard .btn {margin-top:50px;}*/
.page-dashboard .panel-top {background-repeat:no-repeat; background-position:right center; height:240px;}
.page-dashboard .panel-account p {margin:0px;}
.page-dashboard .panel-account img { margin:0px auto;}
.page-dashboard .panel-account {margin-bottom:40px;}
.page-dashboard .panel-account .table td {padding:10px 15px; border-bottom:none;}
.page-dashboard .panel-account .table tr td:last-child {text-align:right;}
.page-dashboard .title-big {height:50px; width:50%;}
.page-dashboard p {font-size:16px; color:#8e8e8e;}
.page-dashboard p.title-small {font-size:20px; font-weight:900; color:#8e8e8e;}
.page-dashboard p.title-big {font-size:18px; color:#848484; width:100%; height:20px;}
.page-dashboard .panel-account a {color:#8e8e8e;}
.page-dashboard a {color:#020509;}
.page-dashboard .panel.panel-default {min-height:225px;}
.page-dashboard .panel-body {min-height:155px;}

.panel.panel-default.bg-gray-dashboard {padding:20px;}
.panel.panel-default.bg-dark-dashboard{padding:20px;}
.bg-gray-dashboard:hover {opacity:0.8;}
.bg-dark-dashboard:hover {opacity:0.8;}
a:hover {text-decoration:none;}


.btn-dashboard {width:45%; font-weight:600; padding-top:3px; padding-bottom:3px;}
.panel-products .panel-top{background-image:url(../images/bg-panel-products.png);}
.panel-requests .panel-top{background-image:url(../images/bg-panel-requets.png);}
.panel-management .panel-top{background-image:url(../images/bg-panel-management.png);}
.panel-users .panel-top{background-image:url(../images/bg_users.png);}
.panel-accounts .panel-top{background-image:url(../images/bg_accounts.png);}
.panel-locations .panel-top{background-image:url(../images/bg_locations.png);}

.table-overview small {font-size:11px;}
.table-overview th, .table-overview td {padding:10px 15px!important; width:auto!important;}
.table-overview td { height:auto;padding:2px 15px!important; vertical-align: middle !important; }
.table-overview .checkbox {margin:0px 0px 0px 0px;}
.table-overview .checkbox label {padding-left:5px;}
.table-overview a {color:#484f48;}
.table-overview a:hover {color:#f30134;}
td.table-title{width:50%;}
div.elastic-overview-buttons { width: 80px; }

.pagination{margin-top:0px;}
.pagination li a {color:#484f48;}
.pagination li a:hover {color:#f40034;}
.pagination li.active a, .pagination li.active a:hover {background-color:#f40034; color:#FFF; border-color:#f40034;}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {border-radius:0px;}

.table-request td {font-size:12px!important;}
.table-request .fa-info-circle {display:none;}

.code {line-height:18px;}
.code img {margin-bottom:10px;}

/* REQUEST */
.status-buttons .btn {padding:6px 6px;}
.status-buttons .btn:last-child {border-right:1px solid #CCC!important;}

.tooltip-inner { width: 100px; }

/* LOCATIONS */
.table-overview .gi {color:#CCC;}
.sublocations .panel-heading .btn {margin-right:-23px!important;}

/* LOCATION */
.btn-storage {width:35px;}
.order-addon {background-color:#F1F1F1; width:40px!important; font-size:12px;}
.order-addon + .input-group-addon {border-right:none;}
.order-addon:hover {cursor: move;}
.sublocations .heading-action-standard {padding-top:10px!important;}

/* PRODUCTS */
.filter {margin-top:15px;}
.filter .form-group {height:40px;}
td .fa-info-circle, td .fa-exclamation-circle {margin-left:5px;}
td .fa-exclamation-circle { position: relative; top: 4px;}
.scan-area {display:block; background-color:#F8F8F8; padding:20px; min-height:300px; width:100%; box-sizing: border-box; text-align:center;}


/* PRODUCT */
.page-product .label-status {margin:0 0 10px; display:inline-block;}
.product-code {overflow:hidden;}
.product-code img {width:200px; margin:-10px -20px -20px!important;}
.product-code .btn {position: absolute; bottom: 10px; right: 10px;}
.product-image .btn-image-upload {position:absolute; bottom:10px; right:25px;}
.product-image label[for="jform_batch_edit_image"] { float: right;position: absolute;bottom: 46px;right: 25px;}
.product-image .col img{margin:0px auto;}
.page-products .table {overflow:scroll;}
/*.page-products th:last-child {width:100px !IMPORTANT;} */
.page-product td:last-child {width:100px !IMPORTANT;}

/* QUEUE */
.modal-queue .product-image {background-image:url('../images/placeholder.png'); min-height:200px; background-position:center; background-size:cover; background-repeat:no-repeat; background-color:#eeeeee;}
.modal-queue .product-image img {max-width:100%;}
.modal-queue .product-date {display:inline;}
.firstRow .checkbox label {font-weight:bold;}

/* REQUEST */
.status-buttons .btn {padding:6px 6px;}
.status-buttons .btn:last-child {border-right:1px solid #CCC!important;}

.request-detail .top-header .label { margin-top: -8px;margin-left: 10px;border-radius: 10px; }
.request-detail input[type=radio] + label:before { left:-8px;padding-left: 33px; }
.request-detail fieldset.radio { margin-left: 0px;margin-bottom: 0px; }
.request-detail fieldset.radio label { padding-left: 35px;margin-bottom: 0px; }
.request-detail fieldset.radio p { margin-bottom: 0px; }
.request-detail hr { margin-left: -15px;margin-right: -15px; }

.request-detail h1, .request-detail h4 { margin-bottom: 2px; }
.request-detail .timeline-container { margin: 20px -15px 0 -15px; }
.request-detail .timeline { position: relative;padding: 10px 10px 10px 25px;  }
.request-detail .timeline:before { content: "";width: 2px;height: 100%;background: #CCC;position: absolute;top: 0px;left: 10px; }
.request-detail .timeline-icon { width: 12px;height: 12px;border-radius: 50%;background: #fff;position: absolute;top: 14px;left: 5px;right: 0;margin: 0;overflow: hidden; }
.request-detail .timeline-icon-report { border: 2px solid #0a90d7; }
.request-detail .timeline-icon-log { border: 2px solid #bfbfbf; }
.request-detail .timeline-body { padding-bottom: 10px; }
.request-detail .timeline small { color:#666;font-size: 11px; }
.request-detail .timeline-0 { background-color:#F5F8FB; }
.request-detail .request-fields {  }
.request-detail .request-fields label { font-size: 12px !important;padding: 10px 0 0 0; }

.request-detail .asset-id { color:#666;font-size: 11px; }

/* RADIO TOGGLE */
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.toggle{position:relative;overflow:hidden}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
.toggle.btn{min-width:59px;min-height:34px}
.toggle-on.btn{padding-right:24px}
.toggle-off.btn{padding-left:24px}
.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}

/* ---------------------- 
	FORMS
---------------------- */
.form-group {position:relative;}
.form-group.form-group-panel {margin-right:0px!important; margin-left:0px!important;}
.form-group .col-change-image {padding:15px!important;}
.form-group.form-group-unchecked .col-change-image {background-color:#eee;}

.input-group-addon {border-radius:0px!important;}
.input-group-xs .form-control {padding: 5px 10px; height: 30px;}
.input-group-2 {padding-left:30px;}
.input-group-3 {padding-left:60px;}
.input-group-4 {padding-left:90px;}
.input-group-5 {padding-left:120px;}
.input-group-6 {padding-left:150px;}
.input-group-7 {padding-left:180px;}

.form-horizontal .control-label {text-align:left; font-size:14px;}
.form-inline .form-control {font-weight:400; max-width:100%!important;}
.form-inline th .form-control {height:30px;}

.chosen-container {width:100%!important;}
.counter select, .form-control, .chosen-container-multi .chosen-choices, .chosen-container-single .chosen-single {box-shadow:none; background-image:none; font-size:14px; color:#020509; height:40px; padding:5px 10px; box-shadow:none; border:1px solid #dddddd; border-radius:0px;}
.counter select:focus, .form-control:focus {box-shadow:none; border-color:#AAA;}
.chosen-container-multi .chosen-choices li.search-choice {border-radius:0px; background-image:none; background-color:#d6d6d6; border:none; box-shadow:none; padding:4px 20px 5px 5px;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {top:6px;}
.chosen-container-single .chosen-single span {margin-top:3px;}
.chosen-container-active.chosen-with-drop .chosen-single div b {background-position: -14px 10px;}
.chosen-container-single .chosen-single div b {background: url(chosen-sprite.png) no-repeat 4px 10px;}
.chosen-disabled {cursor:not-allowed;background-color:#eee;opacity:1!important;}

.radio {margin-left:22px;}
.radio label {padding-left:0px;}
.custom-radio { position: absolute;left: 10px;z-index: -1;width: 30px;height: 15px;opacity: 0; z-index: -1;}
input[type=radio] {opacity:0;cursor:pointer;z-index:1;}
input[type=radio] + label {position:relative; font-size:14px; font-family: AvenirNext, Arial, Helvetica, sans-serif; margin-bottom:10px;cursor:pointer;}
input[type=radio] + label:before {content:""; position:absolute; height:100%; width:30px; left:-30px; background-color:#FFF; background-image: url(../images/radio.png); background-repeat:no-repeat; background-position:center; pointer-events:none;}
input[type=radio]:checked + label:before {background-image:url(../images/radio_active.png);}
input[type=radio][disabled] + label:before {background-image:url(../images/radio_inactive.png);}
input[type=radio][disabled]:checked + label:before {background-image:url(../images/radio_active_inactive.png);}

.checkbox {margin-left:20px; display:inline-block;}
input[type=checkbox]{height: 20px; width: 20px; margin-top: 0px; opacity: 0;}
input[type=checkbox]:hover {cursor:pointer;}
.checkbox label {padding-left:0px;}
input[type=checkbox] + label {position:relative; font-size:14px; font-family: AvenirNext, Arial, Helvetica, sans-serif;}
input[type=checkbox] + label:before {content:""; position:absolute; height:100%; height:17px; width:17px; left:-20px; top:1px; background-color:#FFF; background-image: url(../images/checkbox.png); background-repeat:no-repeat; background-position:center; pointer-events:none;}
input[type=checkbox]:checked + label:before {background-image:url(../images/checkbox_active.png);}
input[type=checkbox][disabled] +label:before {background-image:url(../images/checkbox_inactive.png);}
input[type=checkbox][disabled]:checked +label:before {background-image:url(../images/checkbox_active_inactive.png);}

.datepicker {padding:0px;}

.address {display:table; width:100%;}
.address .number {width:80px;}
.address .zip {width:50px;}
.address div:first-child {padding-right:15px;}

#system-message-container h4 {display:none;}
.alert {border-radius:0px; background-color: #e8e9e4; border: 2px solid #cacaca; color: #33555D; padding:15px 15px; clear:both; color:#484f48;}
body:not(.bg-login) .alert-success {color:#FFF; background-color:rgba(78, 137, 99, 0.3); color:#3d6d4e; border-color:#4e8963;}
body:not(.bg-login) .alert-warning {background-color: rgba(207, 156, 46, 0.4); color: #6d5218; border-color: rgba(207, 156, 46, 0.4);}

label {position:relative; font-family:Avenir, Arial, Helvetica, sans-serif; font-size:16px; font-weight:400;}
label.error {line-height:10px; background-color:#f40034; color:#FFF; padding:5px; font-size:10px; position:absolute; z-index:1;bottom: -30px; left: 20px;}
label.error:before {content:""; width: 0;height: 0;border-style: solid;border-width: 0 4px 5px 4px;border-color: transparent transparent #f40034 transparent; position: absolute; top: -5px; left: 5px;}
label.error#jform_new_password-error {bottom: -70px;}
label.error#jform_password1-error {bottom: -70px;}

.panel-default .alert {margin:13px!important;}
.panel-default.panel-overview .alert {margin:50px 13px 13px!important;}
.bg-login .panel-login {background-color: #8BA595; color:#fff;}

/* IMPORT */
.title-import-results .btn {margin-bottom:20px;}
.page-import-result .alert-import {font-size:18px; margin:10px 0!important;}
.page-import-result .alert-import td {vertical-align:middle;}
.page-import-result .alert-import-result {margin:10px 0 10px 60px!important;background-color: #ffffff; border: 2px solid #ecd7ab;}
.page-import-result .alert-danger-import-result {margin:10px 0 10px 60px!important;background-color: #ffffff; border: 2px solid #ff0000;}
.alert-import .fa {font-size:40px; vertical-align:middle; display:inline-block; margin:0 10px 0 0;}

/* BOOTSTRAP TABLE */
.bootstrap-table .search { margin-bottom: 0px !important; }
.bootstrap-table .search input { width: 400px; }

.bootstrap-table .search-dropdown {display:inline-block; z-index: 100;}
.bootstrap-table .search-dropdown .btn {margin-top:10px;}
.bootstrap-table .search-dropdown .dropdown-menu {max-height:300px; overflow-y:auto;}
.bootstrap-table .search-dropdown .dropdown-menu>li>a { padding: 2px 12px;font-size: 12px;}
.bootstrap-table .search-dropdown .dropdown-menu>li>a label{min-width:300px;}
.bootstrap-table .search-dropdown .dropdown-menu>li>a .checkbox {margin:0;}

.bootstrap-table .fixed-table-container .fixed-table-body {overflow-x:hidden!important;}

.bootstrap-table .table-scroller {overflow-x: scroll;background-color: transparent !important; }

.bootstrap-table .fixed-table-loading {justify-content: left!important;margin-left: 6px;}
.bootstrap-table .no-records-found > td {text-align:left!important; font-size: 32px;margin-right: 6px;}

.bootstrap-table .table-scroll-wrapper { position: fixed;bottom:0px;z-index: 99;overflow-x: scroll;width:100%; !important;background-color: transparent !important;height: 22px; }
.bootstrap-table .table-scroll-wrapper::-webkit-scrollbar { height: 22px; }
.bootstrap-table .table-scroll-wrapper::-webkit-scrollbar-track { background-color: #FFF; }
.bootstrap-table .table-scroll-wrapper::-webkit-scrollbar-thumb { background: #ff0000; }
.bootstrap-table .table-scroll-wrapper::-webkit-scrollbar-thumb:hover { background: #337ab7; }


.btn-filter-panel {margin: 0px 4px 0 4px!important;font-size: 10px!important;padding: 2px 5px 2px 5px!important;height: 26px!important;border-radius: 4px!important;}
.btn-filter-panel * {font-size: 10px!important;}
.table-assets td, .table-assets th {white-space: nowrap;}
.table-assets td {cursor:pointer;font-size: 12px; }
.table-assets td .btn.btn-xs { padding: 4px 10px;height: 24px; }
.bootstrap-table .fixed-table-container .table thead th .th-inner { padding: 0px !important; }

.btn-assets-expand .rows-expanded {display:none;}
.btn-assets-expand.expanded .rows-collapsed {display:none;}
.btn-assets-expand.expanded .rows-expanded {display:inline;}

/* ---------------------- 
	FOOTER
---------------------- */ 
.footer {position:absolute; bottom:0px; padding:15px; left:0px; width:100%;}
.footer ul li {display:inline-block; padding:0 10px; font-size:15px;color:#020509;border-right: 1px solid #AAA;}
.footer ul li a {padding:0px; color:#020509;}
.footer ul li a:hover {background-color:transparent; color:#f40034;}
.footer ul li:last-child {border:none;}

.bg-login .footer {margin-top:-100px; padding:100px 15px 15px; width:100%; position:relative;}
.bg-login .footer-bottom {position:fixed; bottom:15px; left:0px; width:100%; font-size:16px; font-weight:500;}
.bg-login .footer-bottom a {color:#3c3232; font-weight:500;}

@media(max-width:767px){
	.bg-login .footer-bottom {position:static!important; }
	.bg-login .component {padding:30px 0;}
	.bg-login  .login-links li { float: left; display: inline-block; width: 49%;}
}

@media(max-width:480px){
	.bg-login  .footer {margin-top: -200px; padding: 200px 15px 15px;}
	.bg-login  h1 {font-size:28px;}
	.bg-login  .login-links li a {font-size:12px; padding:0px;}

}


.panel-body p {
	margin: 15px 0;
}

.mt-1 {
	margin-top: 15px;
}

#totp-qrcode {
	text-align: center;
}


@media (max-width: 576px) {
	.googleplay {
		margin: 15px 0 0;
	}
}

/* ---------------------- 
	RESPONSIVE
---------------------- */

@media (max-width: 991px){
    .mod-languages a {padding:15px;}
}

@media(min-width:768px) and (max-width:992px){
	.mainmenu ul li a, .mainmenu ul li a:focus {font-size:14px; padding:24px 22px;}
	.logo {width:150px;}
	.mainmenu ul li a, .mainmenu ul li a:focus {border:none; padding: 18px 8px; font-size:13px;}
	.mainmenu ul li a.queue-count{padding:15px 15px}
}

@media(min-width:767px){
	/* PRODUCT */
	.product-image .row {display:table; margin:0px; width:100%; table-layout:fixed;}
	.product-image .row .col {display:table-cell; vertical-align:middle; padding:0 15px 0 0; float:none;}
}

@media(max-width:767px){
	.footer {position:relative;}
	.table-overview .checkbox {margin: 0 0 0 20px;}
	.mainmenu .navbar-nav {float:none!important; border-top:1px solid #EEE;}
	.mainmenu ul li a {border:none; text-align:center; border-top:1px solid #EEE;}
	.mainmenu ul li a, .mainmenu ul li a:focus {padding: 15px 15px;}
	.mainmenu li.item-112 .menu-title{display:inline!important;}
	.product-code .btn {right:25px;}
	
	.page-dashboard .panel-account {margin-bottom:20px;}

    .mod-languages a {padding:15px;}
    .mod-languages {margin-top:9px;}
    ul.log-out-menu {margin-top:9px;}
    .navbar-toggle {margin-top:18px;}
    .mainmenu .navbar-nav li:first-child {width:58%;}
    .mainmenu .navbar-nav li:first-child a{text-align: right; border-top:0px;}
    .btn-group.open {height:275px;}
    .dropdown-menu {top:20%;}
    .datatables-info {padding-right:15px; padding-top:7px;}
    .filter {margin-top:25px;}
    .panel-heading .btn {float:left; margin:0px 18px 10px -8px;}
    .panel-overview .panel-heading {position: relative;}

    .btn-file {  position: relative;  float: right;  margin-right: -15px; margin-bottom:10px; }
}

@media(max-width:480px){
	.page-dashboard {padding:0px;}
	.panel-body {padding:15px;}
	.page-products .filter {margin-top:40px; width:100%;}
	.page-products .filter label, .page-products .filter #articleList_filter {width:100%;}
	.page-products .filter input {margin:0;}
	.status-buttons .btn {display:block; margin:0 0 5px!important; width:100%;}
	.status-buttons .btn + .btn {border-right:1px solid #CCC!important}
	.nav-right .btn {margin-bottom:5px;}
}

#filter_location_chosen .chosen-choices {
	height: 40px !important;
    overflow-y: auto !important;
}

/* LOADER */
/* Absolute Center Spinner */
.loading-loader {
	position: fixed;
	z-index: 99999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Transparent Overlay */
.loading-loader:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

	background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading-loader:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.loading-loader:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 150ms infinite linear;
	-moz-animation: spinner 150ms infinite linear;
	-ms-animation: spinner 150ms infinite linear;
	-o-animation: spinner 150ms infinite linear;
	animation: spinner 150ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}