/*
file:	Custom Stylesheet
year:	2017
author:	CREW 803
email:	info@crew803.com
site:	www.crew803.com
*/

@charset "utf-8";

/*Fonts*/

@font-face {
  font-family: "robotothin";
  src: url("fonts/roboto/roboto-thin-webfont.eot");
  src: url("fonts/roboto/roboto-thin-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/roboto/roboto-thin-webfont.woff2") format("woff2"),
    url("fonts/roboto/roboto-thin-webfont.woff") format("woff"),
    url("fonts/roboto/roboto-thin-webfont.ttf") format("truetype"),
    url("fonts/roboto/roboto-thin-webfont.svg#robotothin") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "robotolight";
  src: url("fonts/roboto/roboto-light-webfont.woff2") format("woff2"),
    url("fonts/roboto/roboto-light-webfont.woff") format("woff"),
    url("fonts/roboto/roboto-light-webfont.ttf") format("truetype"),
    url("fonts/roboto/roboto-light-webfont.svg#robotolight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "robotoregular";
  src: url("fonts/roboto/roboto-regular-webfont.woff2") format("woff2"),
    url("fonts/roboto/roboto-regular-webfont.woff") format("woff"),
    url("fonts/roboto/roboto-regular-webfont.ttf") format("truetype"),
    url("fonts/roboto/roboto-regular-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "robotomedium";
  src: url("fonts/roboto/roboto-medium-webfont.woff2") format("woff2"),
    url("fonts/roboto/roboto-medium-webfont.woff") format("woff"),
    url("fonts/roboto/roboto-medium-webfont.ttf") format("truetype"),
    url("fonts/roboto/roboto-medium-webfont.svg#robotomedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "robotobold";
  src: url("fonts/roboto/roboto-bold-webfont.woff2") format("woff2"),
    url("fonts/roboto/roboto-bold-webfont.woff") format("woff"),
    url("fonts/roboto/roboto-bold-webfont.ttf") format("truetype"),
    url("fonts/roboto/roboto-bold-webfont.svg#robotobold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "robotoblack";
  src: url("fonts/roboto/roboto-black-webfont.woff2") format("woff2"),
    url("fonts/roboto/roboto-black-webfont.woff") format("woff"),
    url("fonts/roboto/roboto-black-webfont.ttf") format("truetype"),
    url("fonts/roboto/roboto-black-webfont.svg#robotoblack") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*General HTML Styles*/

html {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  margin: 0 !important;
  padding: 0 !important;
  background: url("../images/background-body1.jpg") no-repeat fixed center
    center / cover !important;
}

/*spriječava pomicanje margina kod prikaza modala! */

body.modal-open {
  overflow-y: scroll !important;
  margin: 0 !important;
}

.modal {
  overflow: auto !important;
}

div,
span,
p,
em,
a,
time,
tr,
th,
td,
label,
input,
select,
button,
textarea,
option,
iframe,
dl,
dt,
dd,
ul,
li,
font,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "robotoregular", Arial, Tahoma, Calibri, Verdana, sans-serif;
  font-size: 14px;
  color: #555;
  font-weight: normal;
  text-decoration: none;
}

/*transitions*/

/*
div, span, p, em, a, time, tr, th, td, label, input, input:hover, input:focus, select, button, textarea, option, iframe, dl, dt, dd, ul, li, font, h1, h2, h3, h4, h5, h6 {
	transition: all .3s linear !important;
	-webkit-transition: all .3s linear !important;
}
*/

/*
* {
	transition: all .2s linear !important;
	-webkit-transition: all .2s linear !important;
	-moz-transition: all .2s linear !important;
	-o-transition: all .2s linear !important;
}
*/

hr {
  display: none;
}

/*Placeholders*/

::-webkit-input-placeholder {
  color: #696969 !important;
}

:-moz-placeholder {
  color: #696969 !important;
  opacity: 1;
}

::-moz-placeholder {
  color: #696969 !important;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #696969 !important;
}

input:focus::-webkit-input-placeholder {
  color: #04a9f4 !important;
}

input:focus:-moz-placeholder {
  color: #04a9f4 !important;
}

input:focus::-moz-placeholder {
  color: #04a9f4 !important;
}

input:focus:-ms-input-placeholder {
  color: #04a9f4 !important;
}

/*login box home*/

#login_box {
  /*width: 24%;*/
  width: 425px;
  margin-left: 38%;
}

#login_box .panel {
  border-radius: 5px;
}

#login_box .panel-body {
  padding: 0;
}

#login_box .panel-desc {
  font-family: "robotobold", Arial, Tahoma, Calibri, Verdana, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
  padding: 15px 20px;
  background: linear-gradient(#f5f5f5, #f0f0f0);
  background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
  border-bottom: 1px solid #d7d7d7;
  border-radius: 5px 5px 0 0;
}

#login_box hr {
  display: none;
}

#login_box form {
  padding: 20px;
}

#login_box .form-group {
  margin-bottom: 15px !important;
  position: relative;
}

#login_box .form-group:last-of-type {
  margin: 0 !important;
}

#login_box .login-group-addon {
  width: auto;
  height: auto;
  margin: 0;
  padding: 7px 14px 8px;
  background: #fff;
  border-radius: 3px 0 0 3px;
  border-right: 1px solid #d7d7d7;
  left: 1px;
  top: 1px;
}

#login_box .form-group i {
  font-size: 18px;
  color: #727272;
}

#login_box .form-group input {
  background: #fafafa;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  border-radius: 3px;
  margin: 0;
  padding: 10px 20px 11px 60px;
  line-height: inherit;
  height: inherit;
  font-size: 14px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

#login_box .form-group input:hover {
  background: #fff;
  border: 1px solid #b9b9b9;
  box-shadow: none;
}

#login_box .form-group input:focus {
  background: rgba(4, 169, 244, 0.025);
  border: 1px solid #04a9f4;
  box-shadow: none;
  transition: all 0.2s linear !important;
}

#login_box .form-group p {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif;
  font-size: 13px;
}

#login_box .form-group input[name="ecaptcha"] {
  width: 85px !important;
  padding: 7px 15px;
  margin-top: -2px !important;
}

#login_box .ion-person,
#login_box .ion-locked {
  color: #555 !important;
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
  #login_box {
    width: 100%;
    margin-left: 0;
  }
}

/*btn primary*/

#login_box .btn-primary {
  background: linear-gradient(#04a9f4, #0095e0) !important;
  background: -webkit-linear-gradient(#04a9f4, #0095e0) !important;
  border: 1px solid #0081cc !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 10px !important;
  line-height: inherit !important;
  height: inherit !important;
  font-family: "robotoblack", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 14px !important;
  color: #fff !important;
  text-transform: uppercase !important;
  transition: all 0.3s linear !important;
}

#login_box .btn-primary:hover {
  background: linear-gradient(#555555, #414141) !important;
  background: -webkit-linear-gradient(#555555, #414141) !important;
  border: 1px solid #2d2d2d !important;
  font-size: 14px !important;
  color: #fff !important;
}

.btn-primary {
  background: linear-gradient(#04a9f4, #0095e0) !important;
  background: -webkit-linear-gradient(#04a9f4, #0095e0) !important;
  border: 1px solid #0081cc !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 10px !important;
  line-height: inherit !important;
  height: inherit !important;
  font-family: "robotoblack", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 11px !important;
  color: #fff !important;
  text-transform: uppercase !important;
  transition: all 0.3s linear !important;
}

.btn-primary:hover {
  background: linear-gradient(#555555, #414141) !important;
  background: -webkit-linear-gradient(#555555, #414141) !important;
  border: 1px solid #2d2d2d !important;
  font-size: 11px !important;
  color: #fff !important;
}

.btn-default {
  background: linear-gradient(#fafafa, #f0f0f0) !important;
  background: -webkit-linear-gradient(#fafafa, #f0f0f0) !important;
  border: 1px solid #cdcdcd !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 10px !important;
  line-height: inherit !important;
  height: inherit !important;
  font-family: "robotoblack", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 11px !important;
  color: #414141 !important;
  text-transform: uppercase !important;
  transition: all 0.3s linear !important;
}

.btn-default:hover {
  background: #fff !important;
  border: 1px solid #a5a5a5 !important;
  font-size: 11px !important;
  color: #000 !important;
}

.btn-warning {
  background: linear-gradient(#ffb20a, #ffa800) !important;
  background: -webkit-linear-gradient(#ffb20a, #ffa800) !important;
  border: 1px solid #eb9400 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 10px !important;
  line-height: inherit !important;
  height: inherit !important;
  font-family: "robotoblack", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 11px !important;
  color: #fff !important;
  text-transform: uppercase !important;
  transition: all 0.3s linear !important;
}

.btn-warning:hover {
  background: linear-gradient(#555555, #414141) !important;
  background: -webkit-linear-gradient(#555555, #414141) !important;
  border: 1px solid #2d2d2d !important;
  font-size: 11px !important;
  color: #fff !important;
}

.btn-danger {
  background: linear-gradient(#ff4514, #ff3100) !important;
  background: -webkit-linear-gradient(#ff4514, #ff3100) !important;
  border: 1px solid #eb1d00 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 10px !important;
  line-height: inherit !important;
  height: inherit !important;
  font-family: "robotoblack", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 11px !important;
  color: #fff !important;
  text-transform: uppercase !important;
  transition: all 0.3s linear !important;
}

.btn-danger:hover {
  background: linear-gradient(#555555, #414141) !important;
  background: -webkit-linear-gradient(#555555, #414141) !important;
  border: 1px solid #2d2d2d !important;
  font-size: 11px !important;
  color: #fff !important;
}

.btn-success {
  background: linear-gradient(#00c851, #00b43d) !important;
  background: -webkit-linear-gradient(#00c851, #00b43d) !important;
  border: 1px solid #00a029 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 10px !important;
  line-height: inherit !important;
  height: inherit !important;
  font-family: "robotoblack", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 11px !important;
  color: #fff !important;
  text-transform: uppercase !important;
  transition: all 0.3s linear !important;
}

.btn-success:hover {
  background: linear-gradient(#555555, #414141) !important;
  background: -webkit-linear-gradient(#555555, #414141) !important;
  border: 1px solid #2d2d2d !important;
  font-size: 11px !important;
  color: #fff !important;
}

.btn-info {
  background: linear-gradient(#04a9f4, #0095e0) !important;
  background: -webkit-linear-gradient(#04a9f4, #0095e0) !important;
  border: 1px solid #0081cc !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 10px !important;
  line-height: inherit !important;
  height: inherit !important;
  font-family: "robotoblack", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 11px !important;
  color: #fff !important;
  text-transform: uppercase !important;
  transition: all 0.3s linear !important;
}

.btn-info:hover {
  background: linear-gradient(#555555, #414141) !important;
  background: -webkit-linear-gradient(#555555, #414141) !important;
  border: 1px solid #2d2d2d !important;
  font-size: 11px !important;
  color: #fff !important;
}

.pull-right .btn {
  margin-left: 10px !important;
}

.pull-right button.btn-primary {
  margin-top: -2px !important;
}

#accordion .modal-dialog .btn-default,
#accordion2 .modal-dialog .btn-default {
  padding: 10px !important;
  margin: 0 7px 0 0 !important;
}

.modal-dialog .btn-default,
.modal-content .btn-default {
  margin-right: 7px !important;
}

/*forget form*/

.forget_form {
  width: 100%;
  box-sizing: border-box;
  display: table;
}

.forget_pass_btn {
  font-family: "robotoregular", Arial, Tahoma, Calibri, Verdana, sans-serif;
  font-size: 12px;
  color: #04a9f4;
  margin: 0;
  padding: 10px 0 0;
  float: right;
}

.forget_pass_btn:hover {
  font-size: 12px;
  color: #2d2d2d;
}

/*panel heading*/

.panel-default > .panel-heading {
  background: #f0f0f0;
  border-bottom: none;
}

/*panel titles*/

.task_edit_cnt .panel-heading,
.account_edit_cnt .panel-heading,
.receipt-items .panel-heading,
.offers_edit_cnt .panel-heading,
.lead_edit_cnt .panel-heading,
.catalog_edit_cnt .panel-heading,
.warehouse_edit_cnt .panel-heading,
.workorders_edit_cnt .panel-heading,
.technics_edit_cnt .panel-heading,
.hr_edit_cnt .panel-heading,
.crm_settings .panel-heading,
.receipt_edit_cnt .panel-heading {
  border-radius: 0 !important;
}

.task_edit_cnt .panel-title,
.account_edit_cnt .panel-title,
.receipt-items .panel-title,
.offers_edit_cnt .panel-title,
.lead_edit_cnt .panel-title,
.catalog_edit_cnt .panel-title,
.warehouse_edit_cnt .panel-title,
.workorders_edit_cnt .panel-title,
.technics_edit_cnt .panel-title,
.hr_edit_cnt .panel-title,
.crm_settings .panel-title,
.receipt_edit_cnt .panel-title {
  font-family: "robotomedium", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 16px;
  color: #414141;
  padding: 0 !important;
  margin: -4px 0 0 !important;
  height: auto !important;
}

.task_edit_cnt .panel,
.account_edit_cnt .panel,
.receipt-items .panel,
.offers_edit_cnt .panel,
.lead_edit_cnt .panel,
.catalog_edit_cnt .panel,
.warehouse_edit_cnt .panel,
.workorders_edit_cnt .panel,
.technics_edit_cnt .panel,
.hr_edit_cnt .panel,
.crm_settings .panel,
.receipt_edit_cnt .panel {
  box-shadow: none !important;
  border-radius: 0 !important;
}

.account_edit_cnt .panel-title i {
  display: none;
}

/*panel footer*/

.panel-footer {
  background: linear-gradient(#f5f5f5, #f0f0f0);
  background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
  border-radius: 0 0 3px 3px;
  padding: 15px 20px !important;
}

.panel-footer p {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif;
  font-size: 10px !important;
  color: #555;
  line-height: inherit !important;
  margin-bottom: 5px;
}

.panel-footer p:last-of-type {
  margin: 0;
}

.login-copyright p {
  font-family: "robotomedium", Arial, Tahoma, Calibri, Verdana, sans-serif;
  font-size: 12px;
  color: #414141;
}

/*left navigation bar*/

.custom-nav {
  margin: 0 !important;
  padding: 0 !important;
}

.custom-nav > li.nav-header {
  font-family: "robotothin", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 16px !important;
  color: #727272 !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  padding: 15px !important;
  text-shadow: none !important;
  border-bottom: 1px solid #b9b9b9 !important;
}

.custom-nav > li > a {
  font-family: "robotomedium", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 14px !important;
  color: #2d2d2d !important;
  margin: 0 !important;
  padding: 10px 15px 8px !important;
  transition: all 0.3s linear;
}

.custom-nav > li > a:hover {
  font-size: 14px !important;
  color: #04a9f4 !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
  border-radius: 3px 0 0 3px;
}

.custom-nav > li > a.active,
.custom-nav > li.active > a {
  font-size: 14px !important;
  color: #04a9f4 !important;
  background-color: rgba(255, 255, 255, 1) !important;
}

.custom-nav > li > a > span {
  font-family: "robotomedium", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 14px !important;
  color: #2d2d2d !important;
  transition: all 0.3s linear;
}

.custom-nav > li > a:hover > span,
.custom-nav > li > a.active > span,
.custom-nav > li.active > a > span {
  font-size: 14px !important;
  color: #04a9f4 !important;
}

.custom-nav > li > a > i {
  font-size: 16px !important;
  color: #414141 !important;
  margin: -2px 5px 0 0 !important;
  text-shadow: none !important;
  vertical-align: middle !important;
  text-align: center !important;
}

.custom-nav > li > a > i:nth-of-type(2n) {
  font-size: 14px !important;
  margin: 3px 0 0 !important;
}

.custom-nav > li.active > a,
.custom-nav > li.active > a:hover,
.custom-nav > li.active > a:focus {
  border: none !important;
  box-shadow: none !important;
  border-radius: 3px 0 0 3px;
}

.left-side-collapsed .custom-nav > li > a > i {
  margin: -2px 0 0 0 !important;
}

/*submenu list*/

.custom-nav .sub-menu-list {
  padding: 5px 0 !important;
}

.custom-nav .sub-menu-list > li > a {
  font-family: "robotoregular", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 12px !important;
  color: #414141 !important;
  margin: 0 !important;
  padding: 7px 0 7px 36px !important;
  box-shadow: none !important;
  border-radius: 3px 0 0 3px !important;
  transition: all 0.3s linear;
}

.custom-nav .sub-menu-list > li > a:hover,
.custom-nav .sub-menu-list > li.active > a {
  font-size: 12px !important;
  color: #04a9f4 !important;
}

/*custom nav left-side-collapsed*/

.left-side-collapsed .custom-nav li a span {
  color: #fff !important;
  padding: 10px 20px 11px !important;
}

.left-side-collapsed .custom-nav .sub-menu-list {
  padding: 0 !important;
}

.left-side-collapsed .custom-nav .sub-menu-list > li > a {
  padding: 9px 20px 10px !important;
}

/*dashboard*/

#dashboard .panel-body {
  padding: 20px 0;
  margin: 0;
}

#dashboard .panel-plain {
  margin: 0;
}

/*dashboard boxes*/

.dashboard_boxes_cnt .panel .panel-body-gray {
  background: url("../images/background-body1.jpg") no-repeat center center !important;
}

.dashboard_boxes_cnt .stat-title {
  font-family: "robotoregular", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 12px;
}

.dashboard_boxes_cnt .stat-title i {
  /*color: #04a9f4;*/
}

.dashboard_boxes_cnt .stat-value {
  font-family: "robotoblack", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 28px;
  color: #414141;
}

/*pending tasks*/

.pending_tasks {
  clear: left;
}

.label {
  font-family: "robotoregular", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 8px !important;
  font-weight: normal;
  text-transform: uppercase;
  margin: 7px 0;
  padding: 1px 10px 1px 15px !important;
  line-height: inherit;
  width: 90px !important;
  float: left;
  background: none !important;
  border: 1px solid #919191 !important;
  border-radius: 3px;
  color: #7d7d7d !important;
  position: relative;
  text-align: left;
  height: 16px;
}

.label:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 8px;
  height: 8px;
  border-radius: 3px;
}

.label-danger-transparent:before,
.label-danger:before {
  background: #ff3100;
}

.label-warning-transparent:before,
.label-warning:before {
  background: #ffb700;
}

.label-primary-transparent:before,
.label-primary:before {
  background: #04acf4;
}

.label-info-transparent:before,
.label-info:before {
  background: #cdcdcd;
}

.label-success-transparent:before,
.label-success:before {
  background: #1edd00;
}

.tasks-priority-label .label {
  float: left;
  margin: 1px 0 0 !important;
}

#dashboard .panel-heading {
  background: url("../images/body_bg.jpg") repeat center center;
  border: none !important;
  border-radius: 5px;
  margin: 0;
  padding: 10px 20px !important;
}

#dashboard .panel-heading .panel-title {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 18px;
  color: #2d2d2d;
  text-transform: uppercase;
  height: inherit !important;
}

.panel-title i {
  font-size: 16px;
  color: #04a9f4;
  vertical-align: middle;
  margin-top: -3px;
}

#users-table {
  margin: 0;
}

.dashbox .table-responsive table {
  margin: 0 !important;
}

#users-table tr {
  border-bottom: 1px solid #e6e6e6;
}

#users-table tr:last-of-type {
  border: none;
}

#users-table tr:hover {
  background: #e6f0ff;
}

#users-table tr td {
  padding: 12px 20px 10px;
  vertical-align: middle;
}

#users-table tr td a {
  font-family: "robotoregular", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 12px;
  color: #696969;
  margin: 0;
  padding: 0;
  float: none !important;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s linear;
}

#users-table tr td a span,
.table-responsive tr td a span {
  font-size: 16px;
  color: #777;
  transition: all 0.3s linear;
}

#users-table tr td a span:hover {
  color: #04a9f4;
}

#users-table tr td a p {
  font-family: "robotomedium", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 14px;
  color: #414141;
  text-transform: uppercase;
  padding: 0;
  line-height: 18px;
  transition: all 0.3s linear;
}

#users-table tr td a:hover p,
#users-table tr:hover td a p {
  font-size: 14px;
  color: #04a9f4;
}

.action-icon,
.glyphicon {
  margin: 0 10px 0 0 !important;
}

.action-icon > .glyphicon {
  margin: 0 !important;
}

/*task lists*/

.task_lists a.list-group-item {
  font-family: "robotoregular", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 14px;
  color: #555;
  margin: 0;
  padding: 8px 20px;
}

.task_lists a.list-group-item:hover {
  background-color: rgba(4, 169, 244, 0.1);
}

.badge {
  font-family: "robotoblack", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 11px;
  font-weight: normal;
  border-radius: 500em;
  padding: 4px 7px 5px;
  margin-top: -1px;
}

.badge-primary-transparent {
  background-color: rgba(4, 169, 244, 0.15);
  border: 1px solid #04a9f4;
  color: #04a9f4;
}

.badge-transparent {
  background-color: #f5f5f5;
  border: 1px solid #b9b9b9;
  color: #7d7d7d;
}

/*meetings to do list latest mail*/

.meetings_cnt p,
.to_do_list_cnt p,
.latest_mails_cnt p {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 14px;
  color: #919191;
  font-style: italic;
  margin: 0;
  padding: 0 20px 15px;
  box-sizing: border-box;
}

/*mailbox list*/

.mailbox-btn {
  width: 46px !important;
  max-width: inherit !important;
  padding: 5px 10px 5px 11px !important;
}

.mailbox-btn i {
  font-size: 18px !important;
}

.mailbox-btn i.ion-looping {
  font-size: 23px !important;
  color: #43965e;
}

.mail-btn {
  padding-left: 12px;
}

#mailbox-list tr:hover,
#mailbox-list tr:hover td {
  background: rgba(4, 169, 244, 0.08) !important;
  box-shadow: none !important;
}

#mailbox-list tr {
  border-bottom: 1px solid #d7d7d7;
}

#mailbox-list tr,
#mailbox-list tr td {
  background: none !important;
  box-shadow: none !important;
  transition: all 0.4s linear !important;
}

#mailbox-list tr td:first-of-type {
  border-right: 1px solid #d7d7d7 !important;
}

#mailbox-list input[type="checkbox"] {
  margin: 0 !important;
  vertical-align: middle;
}

#mailbox-list .fa-star {
  font-size: 14px;
  vertical-align: middle;
}

#mailbox-list .mail-from,
#mailbox-list .mail-subject,
#mailbox-list .mail-date {
  font-size: 14px;
  color: #414141;
  margin: 0;
  padding: 0;
}

#mailbox-list .mail-from {
  font-family: "robotoregular", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
}

#mailbox-list .mail-subject {
  font-family: "robotobold", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
}

#mailbox-list .mail-date {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 12px;
  color: #696969;
  margin-top: 2px;
}

.latest_mails_cnt .label {
  margin: 0 !important;
}

/*page title*/

.page-title h2 {
  font-family: "robotothin", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 26px;
  color: #000;
  margin: -31px -30px 30px;
  padding: 19px 30px 21px;
  background: linear-gradient(#f5f5f5, #f0f0f0);
  background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.2) inset;
}

.page-title .btn-default {
  margin-top: -2px !important;
}

.panel-title .btn-primary {
  margin-top: -8px !important;
}

/*filter search*/

#filter-icon i {
  margin: -1px 5px 0 0 !important;
  color: #2d2d2d;
}

#filter-icon i,
#filter-icon span {
  display: inline-block;
  vertical-align: middle;
}

#filter-icon span {
  font-size: 12px;
  text-transform: uppercase;
  color: #04a9f4;
  cursor: pointer;
}

/*filter form content*/

#filter-form-content {
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
}

#filter-form-content div {
  margin: 0;
}

#filter-form-content .control-label {
  width: auto;
  padding-left: 20px !important;
}

/*search filter*/

.search-filter {
  margin: -6px 0 0;
}

.search-filter input {
  background: #fafafa;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  border-radius: 3px;
  margin: 0;
  padding: 9px 10px 10px;
  line-height: inherit;
  height: inherit;
  font-size: 12px;
}

.search-filter input:hover {
  background: #fff;
  border: 1px solid #b9b9b9;
  box-shadow: none;
}

.search-filter input:focus {
  background: rgba(4, 169, 244, 0.025);
  border: 1px solid #04a9f4;
  box-shadow: none;
  transition: all 0.2s linear !important;
}

/*table responsive*/

.table-responsive table {
  margin: 20px 0 !important;
  padding: 0 !important;
  border: 1px solid #cdcdcd;
}

.table-responsive thead {
  width: 100%;
  margin: 0;
  padding: 0;
}

.table-responsive thead {
  background: #f0f0f0;
}

.table-responsive thead tr:hover {
  background: none !important;
}

.table-responsive thead th {
  font-size: 12px;
  font-family: "robotobold", Arial, Tahoma, Calibri, Verdana, sans-serif;
  text-transform: uppercase;
  padding: 8px 20px 9px !important;
  box-shadow: 1px 0 0 0 #cdcdcd;
  vertical-align: middle !important;
}

.table-responsive thead th:last-of-type {
  box-shadow: none;
}

table.dataTable thead .sorting:after {
  opacity: 1 !important;
  color: #919191 !important;
}

.table-responsive tr {
  border-bottom: 1px solid #e6e6e6;
  transition: all 0.3s linear;
}

.table-responsive tr:last-of-type {
  border: none;
}

.table-responsive tr:hover {
  background: #fafafa;
}

.table-responsive tr td {
  padding: 12px 20px !important;
}

.table-responsive tr td p {
  font-family: "robotoregular", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 14px;
  color: #414141;
  text-transform: none;
  line-height: 18px;
}

.table-responsive tr td {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 12px;
  color: #696969;
}

.table-responsive tr td a.empl_docs_opts {
  padding: 0;
}

.table-responsive tr td .label {
  float: left;
}

.dashbox .table-responsive tr td .label {
  float: right;
}

.table-responsive tr td .label {
  margin-top: 9px !important;
}

.dashbox .table-responsive #users-table tr td .label {
  margin-top: 0 !important;
}

.table-responsive tr td#status_title {
  vertical-align: middle;
}

/*footer*/

footer {
  width: 100%;
  margin: 60px 0 0;
  padding: 20px 0;
  background: rgba(255, 255, 255, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

footer .list-inline {
  margin: 0;
  padding: 0;
  line-height: inherit;
  display: flex;
}

footer .list-inline li a {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 12px;
  display: flex;
  color: #555;
  letter-spacing: 3px;
}

/*to top*/

#back-to-top {
  right: inherit !important;
  left: 50% !important;
}

/*top navbar icons*/

#top-navbar .fa {
  font-size: 18px !important;
  border-radius: 0 !important;
}

#top-navbar .fa-envelope,
#top-navbar .fa-users {
  font-size: 16px !important;
}

#top-navbar .fa-envelope {
  padding-bottom: 1px !important;
}

/*navbar*/

.navbar-nav.navbar-right:last-child {
  margin-right: 0;
  margin-bottom: -1px;
}

.navbar-nav > li > a {
  line-height: inherit;
  padding-top: 14px !important;
  padding-bottom: 13px !important;
  border-radius: 0 !important;
  transition: all 0.3s linear;
}

.navbar-nav > li.msg-counter > a,
.navbar-nav > li.notice-counter > a,
.navbar-nav > li.alert-counter > a {
  padding-bottom: 14px !important;
}

.navbar-nav > li.email-counter > a {
  padding-bottom: 15px !important;
}

.navbar-nav > li > a i {
  color: #2d2d2d !important;
  transition: all 0.3s linear;
}

.navbar-nav > li > a i.fa-envelope,
.navbar-nav > li > a i.fa-comments,
.navbar-nav > li > a i.fa-flag,
.navbar-nav > li > a i.fa-bell,
.navbar-nav > li > a i.fa-users {
  margin-top: 1px;
}

.navbar-nav > li > a i.fa-envelope,
.navbar-nav > li > a i.fa-users {
  margin-top: 2px;
}

.navbar-nav > li > a.user_pict_padd i {
  margin-left: 20px !important;
}

.navbar-nav > li > a.user_pict_padd {
  font-family: "robotoregular", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 15px;
  color: #2d2d2d !important;
  text-transform: uppercase;
  min-width: 240px;
  padding-left: 42px !important;
  height: 50px;
}

.user-settings-pic {
  height: 24px !important;
  margin: -2px 0 0 -34px !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  background-color: rgba(4, 169, 244, 0.4);
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border: none;
  border-radius: 0 0 4px 4px;
}

.navbar-nav .dropdown-menu {
  min-width: 240px;
  padding: 0;
}

.navbar-nav .dropdown-menu > li {
  border-bottom: 1px solid #cdcdcd;
  position: relative;
}

.navbar-nav .dropdown-menu > li:last-of-type {
  border: none;
}

.navbar-nav .dropdown-menu > li > a {
  font-family: "robotoregular", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 13px;
  color: #2d2d2d;
  padding: 7px 10px !important;
  transition: all 0.3s linear;
}

.navbar-nav .dropdown-menu .divider {
  background-color: #d7d7d7;
  margin: 0;
}

.navbar-nav .dropdown-menu .divider {
  display: none;
}

.navbar-nav .dropdown-menu > li:last-of-type a {
  font-family: "robotobold", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  background: rgba(4, 169, 244, 0.6);
  color: #fff;
  text-transform: uppercase;
  padding: 7px 10px 8px !important;
  border-radius: 0 0 4px 4px;
}

.navbar-nav .dropdown-menu > li:last-of-type a:hover {
  background-color: #777;
}

.navbar-nav .dropdown-menu > li > a i {
  position: absolute;
  right: 10px;
  top: 8px;
  color: #fff;
}

/*form inputs textarea select*/

.form-horizontal {
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
}

.form-horizontal div.form-group {
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
}

.form-horizontal div label {
  padding: 7px 15px 7px 0 !important;
}

.form-horizontal div.form-group div {
  padding: 0 !important;
}

.form-control {
  background-color: #fff;
  border: 1px solid #cdcdcd !important;
  border-radius: 2px !important;
  font-size: 13px;
  color: #2d2d2d;
  line-height: inherit;
  margin: 0;
  padding: 7px 10px 8px !important;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  box-sizing: border-box;
  transition: all 0.3s linear;
}

.form-control:hover {
  border: 1px solid #afafaf !important;
  box-shadow: none !important;
}

.form-control:focus {
  background-color: rgba(17, 143, 221, 0.04);
  border: 1px solid rgba(17, 143, 221, 0.6) !important;
  box-shadow: none !important;
}

select.form-control {
  padding: 5px 10px 6px !important;
}

.meeting-time .input-group {
  width: 79%;
}

.tasks-hours {
  padding-left: 10px !important;
  display: table;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #fff;
  border: 1px solid #cdcdcd !important;
  border-radius: 2px 0 0 2px !important;
  font-size: 13px;
  color: #2d2d2d;
  line-height: inherit;
  margin: 0;
  padding: 7px 10px !important;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  box-sizing: border-box;
  transition: all 0.3s linear;
}

.meeting-time .input-group-addon {
  border-right: 1px solid #cdcdcd !important;
  border-left: none !important;
  border-radius: 0 2px 2px 0 !important;
  /*width: 34px;*/
}

/*multiselect*/

.multiselect {
  background: #fff !important;
  border: 1px solid #cdcdcd !important;
  border-radius: 2px !important;
  font-size: 13px;
  color: #2d2d2d;
  line-height: inherit;
  margin: 0;
  padding: 6px 10px 8px !important;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  box-sizing: border-box;
  transition: all 0.3s linear;
  text-align: left;
}

.multiselect:hover {
  border: 1px solid #afafaf !important;
  box-shadow: none !important;
}

.multiselect:focus {
  background-color: rgba(17, 143, 221, 0.04);
  border: 1px solid rgba(17, 143, 221, 0.6) !important;
  box-shadow: none !important;
}

.multiselect-selected-text {
  font-size: 13px;
  color: #2d2d2d;
  text-transform: none;
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 9px !important;
  padding-bottom: 8px !important;
}

.caret {
  position: absolute;
  right: 10px;
  top: 14px;
}

.dropdown-menu {
  background-color: #fff;
  border: 1px solid rgba(17, 143, 221, 0.6);
  border-radius: 0 0 2px 2px;
}

.multiselect-container {
  max-height: 305px !important;
}

.multiselect-container .input-group {
  padding: 0 !important;
  margin: 10px !important;
}

.input-group-addon {
  background: #f0f0f0 !important;
  border: 1px solid #cdcdcd !important;
  border-left: none !important;
  border-radius: 0 2px 2px 0 !important;
  margin: 0;
  padding: 0 9px;
  line-heigth: inherit;
  width: 35px;
}

.input-group-addon .glyphicon,
.input-group-btn .glyphicon {
  margin: 0 !important;
}

.multiselect-search {
  background: #fff;
  border: 1px solid #cdcdcd !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  font-size: 12px;
  color: #555;
}

.multiselect-search:hover,
.multiselect-search:focus {
  background-color: transparent !important;
  border: 1px solid #afafaf !important;
  box-shadow: none !important;
}

.form-horizontal button.btn.multiselect-clear-filter {
  background: #f0f0f0 !important;
  border: 1px solid #cdcdcd !important;
  border-left: none !important;
  border-radius: 0 2px 2px 0 !important;
  margin: 0;
  padding: 7px 9px 6px !important;
  line-heigth: inherit;
}

.form-horizontal button.multiselect-clear-filter i {
  font-size: 14px;
  font-weight: normal;
}

.multiselect-container > li {
  border-bottom: 1px solid #d7d7d7;
}

.multiselect-container > li:last-of-type,
.multiselect-container > li:first-of-type {
  border: none !important;
}

.dropdown-menu > li > a {
  line-height: inherit;
  padding: 8px 20px !important;
  height: auto;
  transition: all 0.3s linear;
}

.form-horizontal div .dropdown-menu label {
  font-family: "robotomedium", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 13px;
  color: #414141;
  font-weight: normal;
  margin: 0 !important;
  padding: 0 !important;
  min-height: inherit !important;
}

.multiselect-container > li > a.multiselect-all label {
  font-family: "robotobold", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: normal;
}

.form-horizontal div .dropdown-menu input[type="checkbox"] {
  margin: 3px 10px 0 0 !important;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-left: 0;
  margin-right: 5px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #2d2d2d;
  background-color: rgba(4, 169, 244, 0.2);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: rgba(4, 169, 244, 0.75);
}

.dropdown-menu > .active > a label,
.dropdown-menu > .active > a:hover label,
.dropdown-menu > .active > a:focus label {
  color: #fff;
}

/*control label*/

.control-label {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 12px;
  color: #696969;
  text-transform: uppercase;
}

/*list group item*/

.list-group-item {
  padding: 10px;
  transition: all 0.3s linear;
}

.list-group-item .label {
  margin: 0;
}

.list-group-item #alert-title {
  padding: 0;
  margin: -4px 0 0 10px;
  max-width: 64%;
}

.list-group-item span {
  display: inline-block;
  vertical-align: middle;
}

.notification-menu .list-group-item {
  font-size: 12px;
}

/*task edit cnt*/

.task_edit_cnt,
.account_edit_cnt,
.receipt-items,
.offers_edit_cnt,
.lead_edit_cnt,
.catalog_edit_cnt,
.warehouse_edit_cnt,
.workorders_edit_cnt,
.technics_edit_cnt,
.hr_edit_cnt,
.crm_settings,
.receipt_edit_cnt {
  box-shadow: none;
  border: 1px solid #cdcdcd;
  border-radius: 0;
}

/*tasks nav tab*/

.nav-tabs {
  background: #f0f0f0;
  padding: 0;
}

.nav-tabs > li {
  border-right: 1px solid #cdcdcd;
  border-bottom: 2px solid transparent;
  transition: all 0.3s linear;
}

.nav-tabs > li:hover,
.nav-tabs > li:focus,
.nav-tabs > li.active {
  border-bottom: 2px solid #04a9f4;
  background: #fff;
}

.nav-tabs > li > a {
  font-family: "robotobold", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 12px;
  color: #414141;
  font-weight: normal;
  text-transform: uppercase;
  line-height: inherit;
  margin: 0;
  padding: 12px 15px;
  border: none !important;
  transition: all 0.3s linear;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a {
  font-family: "robotobold", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 12px;
  color: #000 !important;
  font-weight: normal;
  border: none !important;
}

.nav-tabs > li > a > i {
  font-size: 16px;
  color: #777;
  margin: 0 0 -1px;
  padding: 0;
  transition: all 0.3s linear;
  vertical-align: bottom;
}

.nav-tabs > li > a:hover > i,
.nav-tabs > li.active > a > i,
.nav-tabs > li:hover > a > i {
  color: #04a9f4;
}

/*has content*/

.has-content {
  position: relative !important;
}

.has-content:before,
.has-content:hover:before,
.has-content.active:before {
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
  border-left: 10px solid #04a9f4 !important;
  position: absolute !important;
  right: -1px !important;
  top: -6px !important;
  transform: rotate(-45deg) !important;
  -webkit-transform: rotate(-45deg) !important;
}

/*alerts container*/

.alerts-container ul {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: table;
}

.alerts-container ul li {
  width: 100%;
  display: table;
  margin: 0 0 5px;
  padding: 10px 15px;
}

.alerts-container ul li .label {
  margin: 0 !important;
  float: right;
}
/*
.alerts-container ul li.viewed {
	background: rgba(0,247,100,0.05);
}

.alerts-container ul li.not-viewed {
	background: rgba(255,49,0,0.05);
}
*/

.alerts-container ul li i {
  font-size: 14px;
  color: #b9b9b9;
  float: left;
  line-height: inherit;
  margin: 0 10px 0 0;
  padding: 0;
  position: inherit;
  left: inherit;
  top: inherit;
  text-align: inherit;
  width: auto;
}

.alerts-container ul li.viewed i {
  color: #0dc143;
}

/*modal header*/

.modal-header {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 15px 20px;
  min-height: inherit;
  background: #f0f0f0;
  border-bottom: 1px solid #cdcdcd;
}

.modal-header.modal-header-warning {
  background: #ffa800;
}

.modal-header.modal-header-danger {
  background: #ff3100;
}

.modal-header.modal-header-success {
  background: #43965e;
}

.modal-header.modal-header-info {
  background: #04a9f4;
}

.modal-header h4 {
  font-family: "robotomedium", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 15px;
  color: #2d2d2d;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  line-height: inherit;
}

button.close {
  padding: 0;
  transition: all 0.3s linear;
}

.close {
  opacity: 0.4;
}

.modal-header.modal-header-warning button.close,
.modal-header.modal-header-danger button.close,
.modal-header.modal-header-success button.close,
.modal-header.modal-header-info button.close {
  color: #fff;
  opacity: 0.8;
}

/*mails inbox*/

#mails_inbox .inline {
  width: 7.5%;
}

#mails_inbox .inline .dropdown-toggle {
  width: 100%;
  max-width: 100%;
}

/*sticky notes*/

.sticky_notes {
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
  list-style: none;
}

.sticky_notes li {
  width: 23%;
  min-height: 260px;
  box-sizing: border-box;
  float: left;
  margin: 1%;
  padding: 15px;
  background: rgba(252, 250, 177, 0.35);
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
  position: relative;
  transition: all 0.3s linear;
}

.sticky_notes li:hover {
  transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
}

.note-holder {
  width: 100%;
  min-height: 230px;
  margin: 0;
  padding: 0;
  position: relative;
}

.sticky_notes li i.note_delete,
.sticky_notes li i.fa-thumb-tack {
  font-size: 16px;
  color: #555;
  transition: all 0.3s linear;
  cursor: pointer;
  position: absolute;
  top: 0;
}

.sticky_notes li i.note_archive {
  font-size: 16px;
  color: #555;
  transition: all 0.3s linear;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 30px;
}

.sticky_notes li .note_delete {
  right: 0;
}

.sticky_notes li .fa-thumb-tack {
  left: 0;
}

.sticky_notes li h4 {
  font-family: "robotomedium", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 16px;
  color: #2d2d2d;
  margin: 0;
  padding: 30px 0 5px;
}

.sticky_notes li p {
  font-size: 13px;
  color: #555;
  margin: 0;
  padding: 0;
}

.note_reminder {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  font-size: 13px;
  color: #555;
}

.note_reminder i {
  display: inline-block;
  vertical-align: middle;
  margin: -3px 10px 0 0;
}

/*contact management*/

#users-table tr td a.pull-right {
  float: right !important;
  display: flex;
}

#users-table tr td a.action-icon {
  float: right;
}

/*contact info*/

.contact-info {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 15px;
  padding: 11px 15px 12px;
  display: table;
  background: #04a9f4;
}

.contact-info div {
  width: auto;
  float: left;
  margin: 0;
  padding: 0;
}

.contact-info div:only-of-type {
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
}

.contact-info span {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  margin-right: 5px;
}

.contact-info strong {
  font-family: "robotobold", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  margin-right: 45px;
}

.contact-info span,
.contact-info strong {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  padding: 0;
  float: left;
}

.contacts_edit_cnt {
  box-shadow: none;
  border: 1px solid #cdcdcd;
  border-radius: 0;
}

.contacts_edit_cnt .panel-heading {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.contacts_edit_cnt .panel-title {
  font-family: "robotobold", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 20px;
  color: #2d2d2d;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
}

.contacts_edit_cnt .panel {
  box-shadow: none !important;
  border-radius: 0 !important;
}

#tab_personal .form-horizontal div.form-group {
  margin: 0 0 20px;
}

#tab_personal .form-horizontal p.form-control-static {
  font-family: "robotoregular", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 15px;
  color: #555;
  margin: 0 !important;
  padding: 0 !important;
  display: block;
  overflow: hidden;
  height: 45px;
}

#tab_personal .form-horizontal p.form-control-static i {
  font-size: 16px;
  color: #555;
  margin: 0 5px 0 0;
  padding: 14px 0;
  text-align: center;
  width: 45px;
  background: linear-gradient(145deg, #f0f0f0, #ffffff);
  background: -webkit-linear-gradient(145deg, #f0f0f0, #ffffff);
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

#cnt_details {
  position: relative;
  text-align: left;
  padding-left: 30px !important;
}

#cnt_details span {
  font-size: 12px;
  color: #fff;
  position: absolute;
  left: 0;
  top: 1px;
  margin: 0;
  padding: 10px;
}

#tab_personal .contact-details {
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
}

#tab_personal .contact-details .form-group {
  width: 100% !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
}

#tab_personal .contact-details .form-group label {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 14px !important;
  color: #555 !important;
  text-transform: none;
  margin: 0 !important;
  padding: 8px 10px !important;
  background: linear-gradient(to right, #ffffff, #f5f5f5);
  background: -webkit-linear-gradient(to right, #ffffff, #f5f5f5);
}

#tab_personal .contact-details .form-group p.form-control-static {
  font-family: "robotomedium", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 14px !important;
  color: #2d2d2d !important;
  text-transform: none;
  margin: 0 !important;
  padding: 8px 10px 7px !important;

  display: inherit;
  overflow: inherit;
  height: auto;
}

#all_details {
  width: 50%;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

#all_details .col-md-4 {
  display: none;
}

#tab_personal #all_details {
  margin-top: 12px;
}

.contact_menu {
  width: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
}

#google_map {
  float: right;
  margin: 0 50px 0 15px !important;
  padding-left: 30px !important;
  position: relative;
}

#google_map i {
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 10px;
}

#add_note {
  float: right;
  margin: 0 !important;
  padding-left: 35px !important;
  position: relative;
}

#add_note i {
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 10px;
}

.material-button span {
  font-size: 16px;
  color: #fff;
  vertical-align: top;
  margin-top: 8px;
}

.material-button.open span {
  margin-top: 7px;
}

/*contacts accordion*/

.company_contacts_details_right_cnt {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 15px;
  display: table;
  position: relative;
  /*z-index: 950;*/
}

.company_contacts_details_right_cnt h4 {
  font-family: "robotomedium", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 14px;
  color: #2d2d2d;
  text-transform: uppercase;
  margin: 0;
  padding: 15px 20px;
  box-sizing: border-box;
  background: rgba(4, 169, 244, 0.1);
}

.company_contacts_details_right_cnt h4.modal-title {
  font-size: 15px !important;
  color: #2d2d2d !important;
  padding: 0 !important;
  line-height: inherit !important;
  background: none !important;
}

#accordion,
#accordion2 {
  width: 100%;
  margin: 0 0 45px;
  padding: 0;
  display: table;
}

#accordion .panel-heading,
#accordion2 .panel-heading {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: table;
  background: linear-gradient(#f5f5f5, #f0f0f0);
  background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
  height: 40px !important;
}

#accordion .panel,
#accordion2 .panel {
  margin: 10px 0 0;
  border: 1px solid #d7d7d7;
  overflow: inherit !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

#accordion .panel-collapse,
#accordion2 .panel-collapse {
  width: 100%;
  box-sizing: border-box;
}

#accordion .panel-title,
#accordion2 .panel-title {
  overflow: inherit !important;
  height: auto !important;
  max-width: auto !important;
  float: left;
  line-height: inherit;
  font-size: inherit;
  position: relative;
}

#accordion .panel-title a,
#accordion2 .panel-title a {
  font-family: "robotoregular", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 14px;
  color: #414141;
  display: block;
  padding: 10px 20px 11px 55px;
  height: 40px;
  overflow: hidden;
  max-width: 480px;
}

#accordion .panel-title a span,
#accordion2 .panel-title a span {
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  color: #414141;
  padding: 13px;
  margin: 0 !important;
}

#accordion .dropdown-menu,
#accordion2 .dropdown-menu {
  position: absolute !important;
  z-index: 999999 !important;
}

#accordion .btn-default,
#accordion2 .btn-default {
  padding: 6px 10px !important;
  margin: 5px 5px 0 0 !important;
}

.company_contacts_details_right_cnt .panel-body {
  padding: 0;
  margin: 5px 40px;
}

.company_contacts_details_right_cnt .panel-body .form-group {
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
  border-bottom: 1px dashed #e1e1e1;
}

.company_contacts_details_right_cnt .panel-body .form-group:last-of-type {
  border: none;
}

.company_contacts_details_right_cnt .panel-body .form-group label,
.company_contacts_details_right_cnt .panel-body .form-group div.col-md-8 {
  margin: 0;
  padding: 7px 20px;
}

.company_contacts_details_right_cnt .panel-body .form-group label {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 13px;
  color: #555;
  text-transform: none;
}

.company_contacts_details_right_cnt .panel-body .form-group p {
  font-family: "robotomedium", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 13px;
  color: #2d2d2d;
  text-transform: none;
  padding: 0;
}

.company_contacts_details_right_cnt p.form-control-static {
  padding: 15px 20px;
}

.contact-notes {
  width: 100%;
  margin: 0;
  padding: 0;
}

.contact-notes .panel {
  width: 100%;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 15px 20px;
  border-bottom: 1px solid #d7d7d7;
  box-shadow: none;
  border-radius: 0;
}

.contact-notes .panel:last-of-type {
  border: none;
}

.contact-notes .panel-body {
  margin: 0;
  padding: 0;
}

.contact-notes .panel-body div {
  padding: 0;
}

.contact-notes .panel p {
  font-size: 13px;
  color: #696969;
}

.contact-notes .contact-note {
  font-family: "robotomedium", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 12px;
  color: #414141;
  text-transform: uppercase;
  /*display: flex;*/
  padding-bottom: 5px !important;
}

.contact-note .btn {
  padding: 3px 6px !important;
}

.contacts_business_icons,
.contacts_business_icons h4 {
  position: relative;
}

.contacts_business_icons button.business-contact-btn,
.contacts_business_icons button.business-location-btn {
  position: absolute;
}

.contacts_business_icons button.business-contact-btn {
  right: 46px !important;
  top: 26px !important;
}

.contacts_business_icons button.business-location-btn {
  right: 16px !important;
  top: 14px !important;
}

.contacts_business_icons button.business-contact-btn,
.contacts_business_icons button.business-location-btn {
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
  z-index: 9999;
}

.contacts_business_icons button.business-contact-btn:hover,
.contacts_business_icons button.business-location-btn:hover {
  background: none !important;
  border: none !important;
}

.contacts_business_icons button.business-contact-btn i,
.contacts_business_icons button.business-location-btn i {
  font-size: 16px;
  color: #2d2d2d;
}

/*daily call list*/

#contact_person {
  width: 100% !important;
  max-width: 100% !important;
}

.button-suffix {
  padding: 5px 9px 6px 10px !important;
  margin-left: 15px !important;
}

.button-suffix i {
  font-size: 14px !important;
}

/*tasks docs modal*/

#tasks-docs_modal .fileinput-filename {
  padding-left: 95px;
  padding-top: 8px;
}

.close.fileinput-exists {
  opacity: 1;
  font-size: 16px !important;
}

/*calculation*/

#addCalculation .task_edit_cnt {
  border-radius: 0;
}

.receipt-items .items-list {
  padding: 0 15px !important;
}

.modal-warehouse-items input[name="item[single_price]"],
.modal-warehouse-items input[name="total_price"],
.modal-warehouse-items input[name="item[margin]"],
.modal-warehouse-items input[name="item[margin_val]"],
.modal-warehouse-items input[name="item[vpc]"],
.modal-warehouse-items input[name="item[vpc_total]"],
.modal-warehouse-items input[name="item[mpc]"],
.modal-warehouse-items input[name="item[mpc_total]"] {
  border-radius: 2px 0 0 2px !important;
  border-right: none !important;
}

.modal-warehouse-items span {
  border-right: 1px solid #cdcdcd !important;
  border-radius: 0 2px 2px 0 !important;
  padding-left: 12px;
  padding-right: 12px;
}

#success_calculation .modal-header-success .modal-title {
  color: #2d2d2d !important;
}

#receipt-table #code_id tr td .action-icon {
  float: left !important;
}

#receipt-table #code_id tr td .action-icon:last-of-type {
  padding-right: 0 !important;
  margin-right: 0 !important;
}

#receipt-table .label {
  margin: 3px 0 0 !important;
}

.table-responsive #receipt-table tr td a {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 12px;
  color: #0081cc;
}

/*offers contracts*/

.load-edit-offer .panel-heading .btn-default,
.load-edit-offer .panel-heading .btn-primary,
.offers_edit_cnt .panel-heading .btn-default,
.offers_edit_cnt .panel-heading .btn-primary {
  padding: 6px 10px !important;
  margin: -5px 0 0 10px !important;
}

.warehouse_edit_cnt .panel-heading .btn-default {
  padding: 5px 10px 6px !important;
  margin: -5px 0 0 10px !important;
}

.warehouse_edit_cnt .panel-heading .btn-default > span.glyphicon-plus {
  font-size: 12px;
}

.form-horizontal div.form-group div.form-control {
  padding: 8px 10px 9px !important;
  border-radius: 2px 0 0 2px !important;
  border-right: none !important;
}

.fileinput {
  margin-bottom: 0 !important;
}

.fileinput .input-group-addon {
  padding: 0 10px !important;
  border: 1px solid #cdcdcd !important;
  height: auto !important;
  line-height: inherit !important;
}

.fileinput .input-group-addon:hover {
  border: 1px solid #a5a5a5 !important;
  box-shadow: none !important;
}

.fileinput span.input-group-addon {
  border-radius: 0 !important;
  margin: 0 -1px 0 0 !important;
}

.fileinput a.input-group-addon {
  border-radius: 0 2px 2px 0 !important;
}

.fileinput .fileinput-new,
.fileinput .fileinput-exists {
  font-family: "robotoblack", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 11px !important;
  color: #414141 !important;
  text-transform: uppercase !important;
}

.load-edit-offer .input-group-addon {
  padding: 0 12px !important;
}

.form-horizontal div.form-group .fileinput-new div.form-control {
  height: 36px !important;
}

.contract_view label,
.comments_view th:first-of-type,
.documents_view th:first-of-type {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 14px !important;
  color: #555 !important;
  text-transform: none;
  margin: 0 !important;
  padding: 8px 10px !important;
  background: linear-gradient(to right, #ffffff, #f5f5f5);
  background: -webkit-linear-gradient(to right, #ffffff, #f5f5f5);
  text-align: right;
}

.contract_view .form-control-static,
.comments_view .form-control-static,
.documents_view .form-control-static {
  padding-left: 10px;
}

/*catalog*/

.form-horizontal.catalog_items_edit_view label {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 14px !important;
  color: #555 !important;
  text-transform: none;
  margin: 0 !important;
  background: linear-gradient(to right, #ffffff, #f5f5f5);
  background: -webkit-linear-gradient(to right, #ffffff, #f5f5f5);
  padding-top: 8px !important;
  padding-bottom: 9px !important;
}

.catalog_items_edit_view .form-control-static {
  padding: 0 !important;
}

#addCatalogItem p.form-control-static {
  padding: 8px 10px 7px !important;
}

.fileinput-preview {
  margin: 8px 0 0 10px !important;
}

/*work orders*/

.workorders_edit_cnt .panel-heading .label {
  margin: 2px 0 !important;
  padding: 2px 10px 0px 15px !important;
}

.work_orders_edit_cnt {
  box-shadow: none;
  border: 1px solid #cdcdcd;
  border-radius: 0;
}

.work_orders_edit_cnt .panel-heading {
  border-radius: 0 !important;
  box-shadow: none !important;
  background: none;
}

.work_orders_edit_cnt .panel {
  box-shadow: none !important;
  border-radius: 0 !important;
}

.work_orders_edit_cnt .m-bot0 {
  border: none !important;
}

.work_orders_edit_cnt .workorders_edit_cnt {
  padding: 15px;
  border: none;
}

.work_orders_edit_cnt .workorders_edit_cnt .workorders_edit_cnt {
  padding: 0;
}

.workorders_edit_cnt .control-btns {
  margin-left: 103px !important;
  margin-top: 10px;
}

/*technics*/

.technics_edit_cnt .panel-heading .panel-title {
  width: 100%;
}

.technics_edit_cnt .pull-right button.btn-primary {
  padding: 6px 10px !important;
  margin: -4px 0 0 10px !important;
}

.technics_edit_cnt .table-responsive table {
  margin-top: 0 !important;
}

.technics_edit_cnt #equipment-load {
  padding-top: 0 !important;
}

.technics_edit_cnt .form-horizontal .form-group {
  margin: 0 !important;
}

/*finance*/

#receipt-table .action-icon,
#receipt_details .action-icon {
  padding-right: 3px;
}

#addReceipt .input-group,
#receipt_details .input-group {
  width: 100%;
}

.glyphicon-ok-sign {
  color: #00993e;
}

.glyphicon-minus-sign {
  color: #d52900;
}

.glyphicon-ok-sign,
.glyphicon-minus-sign,
.excerpt-info {
  display: inline-block;
  vertical-align: middle;
}

.excerpt-info {
  font-size: 10px !important;
}

.input-group {
  width: 100%;
}

/*human resources*/

.hr_edit_cnt #tab_docs .panel-heading,
.hr_edit_cnt #tab_sickleave .panel-heading,
.hr_edit_cnt #tab_vacations .panel-heading {
  padding: 10px 0 0;
}

.hr_edit_cnt #emp_docs,
.hr_edit_cnt #emp_sick,
.hr_edit_cnt #emp_vac {
  padding: 0;
}

.hr_edit_cnt .tab-pane {
  padding: 15px;
}

#sick_stats,
#add_vacation,
#add_sick,
#add_doc {
  margin-top: -9px !important;
}

#add_sick {
  margin-left: 10px !important;
}

/*users*/

.account_edit_cnt div.radio label {
  float: none !important;
  display: table;
}

/*crm settings*/

.crm_settings div.col-md-3 {
  margin-right: 10px;
}

.crm_settings .panel-heading {
  background: #f0f0f0;
}

#save_sys_lang {
  margin-left: -10px !important;
}

#sys-lang-tbl {
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
}

.table-responsive tr td.edit_trans {
  padding: 0 !important;
}

.edit_trans {
  position: relative;
}

#sys-lang-tbl tr td input {
  font-family: "robotomedium", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 13px;
  color: #414141;
  background: #fff !important;
  border: none !important;
  margin: 0 !important;
  padding: 11px 20px !important;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2) inset !important;
  transition: all 0.3s linear;
  width: 100% !important;
  max-width: 100% !important;
}

#sys-lang-tbl tr td input:hover,
#sys-lang-tbl tr td input:focus {
  background: rgba(4, 169, 244, 0.05) !important;
}

#sys-lang-tbl .pull-right {
  float: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

#sys-lang-tbl .glyphicon-floppy-disk {
  color: #04a9f4;
  margin: 0 !important;
  padding: 12px !important;
}

#sys-lang-tbl .glyphicon-floppy-disk:hover {
  color: #414141;
}

/*chat container*/
/*
.chat_container {
	width: 100%;
	margin: 0;
	padding: 0;
}

.list-unstyled {
	margin: 0;
}

.chat_container .member_list li {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	position: relative;
}

.chat_container .chat-img,
.chat_container .chat-body {
	float: none !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

.chat_container .chat-img {
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
	left: 0;
	top: 0;
}

.chat_container .chat-body {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
}

.chat_container .chat-body .primary-font {
	font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
	font-size: 14px;
	color: #2d2d2d;
	margin: 0;
	padding: 0;
}

.chat_container .chat-body .pull-right {
	font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
	font-size: 11px;
	color: #696969;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.chat_container .chat-body .contact_sec {
	position: absolute;
	right: 0;
	top: 0;
}

.badge {
	font-family: "robotobold", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
	font-size: 11px;
	color: #fff;
	position: absolute;
	margin: 0;
	padding: 0;
	right: 0;
	top: 0;
}
*/

/*
.container {
	width: 1280px;
}
*/

.container {
  width: 97% !important;
}

.main-content-wrapper {
  width: 100% !important;
}

@media screen and (max-width: 1300px) {
  .container {
    width: 1200px;
  }

  .main-content-wrapper {
    width: 980px !important;
  }
}

a {
  cursor: pointer;
  text-decoration: none !important;
}

a,
a:active,
a:focus,
a:hover {
  outline: 0 !important;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: inherit;
}

.input-sm {
  font-size: 14px !important;
  padding: 3px 10px !important;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("../images/select-icon-arrow-new.png") !important;
  background-position: right 9px !important;
  background-repeat: no-repeat;
  transition: all 0.3s linear !important;
}

select option {
  font-size: 13px;
  color: #2d2d2d;
  line-height: inherit;
  margin: 0;
  padding: 0 10px;
}

.multiselect {
  padding: 3px 12px;
}

div.dataTables_length select {
  width: 70px !important;
}

select:hover,
select:focus {
  background-position: right -15px !important;
}

.progress.active .progress-bar {
  -webkit-transition: none !important;
  transition: none !important;
}

#mod_trans {
  display: none;
}

.lang-filter {
  padding-bottom: 15px;
}

.lang_trans {
  padding-left: 0 !important;
}

table#sys-lang-tbl .glyphicon {
  visibility: hidden;
}
table#sys-lang-tbl td:hover .glyphicon {
  visibility: visible;
}
table#sys-lang-tbl td.edit_trans {
  padding: 0;
}
table#sys-lang-tbl td.edit_trans input {
  appearance: none;
  -webkit-appearance: none;
  table-layout: fixed;
  padding: 8px;
  border: none;
  border-radius: 0;
}

table#sys-lang-tbl td.edit_trans input:hover,
table#sys-lang-tbl td.edit_trans input:focus {
  border: none;
}
table#sys-lang-tbl td.edit_trans input:hover {
  cursor: text;
}

tr td a span.glyphicon-floppy-disk {
  padding-top: 10px;
  padding-right: 6px;
  font-size: 17px;
}

ul.tree {
  padding-left: 45px;
}

ul.tree li {
  padding-top: 6px;
  padding-bottom: 6px;
}

.form-control.app-rights {
  float: right;
  width: 100px !important;
  max-width: 100px !important;
  height: auto !important;
  padding: 2px 5px !important;
  margin: -3px 0 0 !important;
  background-position: right 6px !important;
}

.user_groups .glyphicon {
  visibility: hidden;
}

ul.list-unstyled li:hover {
  background: #f0f0f0;
}

ul.list-unstyled li:hover .glyphicon {
  visibility: visible;
}

.list-unstyled .glyphicon {
  margin-top: -3px !important;
}

/*
ul.list-unstyled li:hover {
  visibility: visible;
  background-color: #e7e7e7;
}
*/

.list-group-item {
  border: none;
}

.list-group-item:hover,
.list-group-item:focus {
  border-radius: 0 !important;
}

.action-icon {
  padding-right: 15px;
}

.i-circle {
  float: left;
  margin-left: 10px;
}

.modal-dialog-delete {
  margin: 80px auto;
  width: 450px;
}

.employee-status {
  padding-right: 28px;
  font-weight: 100;
}

.country-list #country {
  padding-left: 0;
  padding-right: 0;
}

#country option {
  padding-left: 12px;
}
#marital_status option {
  padding-left: 12px;
}

#add_employee_form select.form-control {
  padding: 3px 12px;
}

.driving-licence-options {
  padding-left: 9px;
}

.radio-inline ul.dropdown-menu {
  min-width: 110px;
}

.mail-header i {
  font-size: 22px;
}

.mail-header .btn-default {
  width: 60px;
  padding: 0 0 0 0;
}

.mail_grp2 {
  padding-left: 45px;
  float: left;
}

.mail_grp3 {
  padding-left: 45px;
  float: left;
}

.mail-list {
  padding-top: 25px;
}

.mail-list #mail_body {
  padding-left: 5px;
  max-height: 850px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.mail-list .panel-body {
  padding: 5px;
}

.mail-listing {
  cursor: pointer;
}

.mail-listing td {
  padding-right: 8px;
  padding-bottom: 6px;
}

.mail-listing td span {
  display: block;
}
.mail-date {
  float: right;
}

.mail-subject {
  overflow: hidden;
  white-space: nowrap;
  max-width: 530px;
}

#mail_body div span {
  display: block;
}
#mail_body div span .col-md-2 {
  padding: 0;
}
#body_mail_subject {
  font-size: 16px;
  font-weight: 600;
}

.mail-listing i {
  font-size: 16px;
}

#header-data {
  font-size: 10px;
  padding-top: 5px;
  cursor: pointer;
}

.mail-active {
  background-color: #dbeaf9 !important;
}

#mail_body .panel-body table {
  max-width: 400px !important;
}

#mailbox-head {
  display: none !important;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 0 !important;
}

.dataTables_filter .form-control {
  width: 240px;
}
.table-responsive table {
  border-collapse: collapse;
  border-spacing: 0 2px;
}

table#mailbox-list > tbody > tr > td {
  padding: 3px;
}

#mailbox-list_info {
  display: none;
}

/*
#file-upload {
	display: none;
}
*/

.fileUpload {
  position: relative;
  overflow: hidden;
}
.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.mail-heading {
  width: 100%;
}

.left-side {
  width: 220px;
}

.custom-file-upload {
  display: inline-block;
  cursor: pointer;
}

.compose-input div.form-group {
  margin-bottom: 7px;
}

.form-group#add_cc {
  display: none;
}
.form-group#add_bcc {
  display: none;
}
.form-group#attachments-list {
  display: none;
}

#cc_btn span {
  padding-bottom: 5px;
}

ul.multiselect-container {
  width: 100%;
}

#contacts_label {
  padding-bottom: 15px;
}
.contacts-modal {
  cursor: pointer;
}

#employee-docs_modal {
  padding-bottom: 0;
}
.empl_docs_opts {
  padding-right: 20px;
}

button#sick_stats {
  margin-right: 20px;
}

.sick-leave-radio {
  padding-left: 38px;
}

.custom-radio {
  padding-left: 35px;
}

.staff-select {
  float: left;
  padding-left: 35px;
}

.select-list {
  padding-left: 0;
  padding-right: 0;
}

.form-select {
  height: 28px;
  padding: 2px 12px;
}

.contact_types {
  padding-bottom: 5px;
}
.contact_types option {
  padding-left: 12px;
}

.contact-title {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 5px;
}

/*
.contact-panel {
	margin-top: 30px;
}
*/

.input-contact {
  padding-left: 0;
  padding-right: 0;
}

.slim {
  height: 28px;
  padding: 2px 12px;
}

.options-btn {
  margin-top: -7px;
}

.custom-inline {
  display: inline-block;
}

.logo {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.logo img {
  width: auto !important;
  max-height: 48px;
  display: flex;
  margin: 0 102px 0 0;
  padding: 5px 5px 5px 0;
}
/*
.left-side-inner {
	margin-top: 80px !important;
}
*/
.input-sufix {
  margin-bottom: 0;
  padding-left: 12px;
  position: relative;
  float: left;
}

.button-suffix {
  margin-left: 22px;
  padding-top: 3px;
}

.redirect {
  padding-left: 15px;
  background: #188dff none repeat scroll 0 0;
  color: white;
}

#contact_list td a {
  padding-right: 5px;
}

/*superslim*/

.superslim {
  height: 22px;
  padding: 2px 12px;
}

.superslim-lbl {
  padding-top: 0 !important;
  width: 11%;
}

.ss-input {
  width: 20%;
}

.superslim-form {
  margin-bottom: 8px;
}

.superslim-select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("../images/select-icon-arrow-new.png") !important;
  background-position: right 10px !important;
  background-repeat: no-repeat;
  transition: all 0.3s linear !important;
}

.superslim-select:hover,
.superslim-select:focus {
  background-position: right -20px !important;
}

.glyphicon-filter {
  cursor: pointer;
}

/* mailbox */
/*
.table-inbox {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
}
.table-inbox tr {
	border: 1px solid #d3d3d3 !important;
}
.table-inbox tr td{
	vertical-align: middle !important;
}

.unread, .table-inbox tr.unread td {
	background: none repeat scroll 0 0 #f7f7f7;
	font-weight: 600;
}

.table-inbox tr td {
	padding: 10px !important;
}

.fullstar {
	color: #f78a09 !important;
}

.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
	color: #f78a09;
}
.table-inbox tr td .fa-star {
	color: #d5d5d5;
}

.toolbar-mail{
	float: left;
}

.mail-listing td a {
	color:inherit;
	text-decoration: none;
}

.rel-text {
	font-size: 12px;
	font-weight: 700;
}

.mail-heading td a {
	font-size: 12px;
	color:inherit;
	text-decoration: none;
}

.mail-heading tr {
	line-height: 26px;
}

.custom_iframe {
	position: relative;
	padding-bottom: 65.25% !important;
	padding-top: 30px !important;
	height: 0;
	overflow: auto;
	-webkit-overflow-scrolling:touch;
}
.custom_iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0 none;
}

.compose-btn {
	width: 100px;
	font-size: 18px;
}

.header-mail {
	padding-bottom: 20px;
	padding-left: 8px;
}

.wide-tooltip .tooltip-inner {
	width: 100px !important;
}

.control-btns {
	left: 23%;
	padding-top: 10px;
}

.input-right-str {
	padding-left: 30px;
}

.modal-dialog-mail {
	margin: 80px auto;
	width: 60%;
}
*/

/*chatbox*/

.chatbox-area {
  width: 360px;
  position: fixed;
  right: 20px;
  bottom: 0;
  z-index: 999999;
}

.chat-window {
  width: 360px !important;
}

.chat-window,
.chat-window .col-xs-12,
.chat-window .col-md-12 {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.chatbox-area .col-md-2,
.chat-base .col-md-10 {
  padding: 0;
}

.chatbox-area .panel {
  margin-bottom: 0;
}

.chat-window {
  bottom: 0;
  position: fixed;
  float: right;
  right: 60px;
  z-index: 990;
}

.chat-window .input-sm {
  background-color: #fff;
  border: 1px solid #cdcdcd !important;
  border-radius: 2px 0 0 2px !important;
  font-size: 13px;
  color: #2d2d2d;
  line-height: inherit;
  margin: 0;
  padding: 6px 10px 7px !important;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  box-sizing: border-box;
  transition: all 0.3s linear;
}

.chat-window .input-sm:hover {
  border: 1px solid #afafaf !important;
  box-shadow: none !important;
}

.chat-window .input-sm:focus {
  background-color: rgba(17, 143, 221, 0.04);
  border: 1px solid rgba(17, 143, 221, 0.6) !important;
  box-shadow: none !important;
}

#btn-chat {
  border-radius: 0 2px 2px 0 !important;
  padding: 8px 10px 9px !important;
}

.chat-window > div > .panel {
  border-radius: 5px 5px 0 0;
}

.icon_minim {
  padding: 2px 10px;
}

.msg_container_base {
  background: rgba(0, 0, 0, 0) url("../images/minimal-bgd.png") repeat scroll 0
    0;
  box-shadow: 0 0 200px 0 rgba(0, 0, 0, 0.2) inset;
  margin: 0;
  padding: 0 10px 10px;
  max-height: 300px;
  min-height: 160px;
  overflow-x: hidden !important;
}

.top-bar {
  background: #666;
  color: white;
  padding: 10px;
  position: relative;
  overflow: hidden;
}

.msg_receive {
  padding-left: 0;
  margin-left: 0;
}

.msg_sent {
  margin-right: 0;
}

.messages {
  background: white;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  max-width: 100%;
}

.messages > p {
  font-size: 13px;
  margin: 0 0 0.2rem 0;
}

/*
.messages > time {
	font-size: 11px;
	color: #ccc;
}
*/

.msg_container {
  padding: 10px;
  overflow: hidden;
  display: flex;
}

.chatbox-area img {
  display: block;
  width: 100%;
}

.avatar {
  position: relative;
}

.base_sent {
  justify-content: flex-end;
  align-items: flex-end;
}

.msg_receive,
.msg_receive p {
  background-color: #04a9f4;
  color: #fff;
}

.msg_receive > time {
  font-size: 11px;
  color: #f8f8f8;
}

.msg_sent > time {
  font-size: 11px;
  color: #909090;
}

.btn-group.dropup {
  position: fixed;
  left: 0;
  bottom: 0;
}

.growl-error .growl-close,
.growl-error .growl-title,
.growl-error .growl-message {
  color: #fff;
}

.growl-notice .growl-close,
.growl-notice .growl-title,
.growl-notice .growl-message {
  color: #082d68;
}

.navbar .navbar-toggle.toggle-right {
  float: right;
  margin-right: 15px;
}

.navbar .navbar-toggle.toggle-sidebar,
[data-toggle="sidebar"] {
  display: block;
}

/* sidebar settings */

.sidebar {
  position: fixed;
  display: block;
  top: 50px;
  bottom: 0;
  z-index: 1000;
  min-height: 100%;
  max-height: none;
  overflow: auto;
  background-color: #464646;
  border-radius: 0;
  padding: 0;
  max-width: 20.5%;
}

.sidebar h4 {
  margin: 0;
  padding: 20px;
}

.sidebar-title {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 22px;
  color: #fff;
  padding: 0 !important;
}

.sidebar .form-group {
  padding: 4px 0 0 !important;
}

.radio-inline,
.checkbox-inline {
  padding: 0 !important;
}

.sidebar-sm-title {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  text-transform: uppercase;
  padding: 0 !important;
}

.icheckbox_minimal-blue,
.iradio_minimal-blue {
  margin: -1px 5px 0 0 !important;
}

.user-status {
  padding: 0 10px 0 0;
  display: inline-block;
  vertical-align: middle;
}

.user-status img {
  max-height: 18px;
  margin-top: -2px;
}

.sidebar ul li {
  margin-bottom: 5px;
}

.sidebar ul li.inactive {
  opacity: 0.5;
}

.sidebar a {
  font-family: "robotomedium", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 15px;
  color: #fff;
  padding: 12px 20px 13px !important;
  transition: all 0.3s linear;
  text-shadow: none;
}

.sidebar a:hover,
.sidebar a:focus,
.sidebar a.active {
  color: #fff;
  background: rgba(255, 255, 255, 0.1) !important;
}

.sidebar-left {
  left: 0;
}

.sidebar-right {
  right: 0;
}

/* css to override hiding the sidebar according to different screen sizes */
.row .sidebar.sidebar-left.sidebar-xs-show {
  left: 0;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
}

/*right sidebar is untested */
.row .sidebar.sidebar-right.sidebar-xs-show {
  right: 0;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
}

@media (min-width: 768px) {
  .row .sidebar.sidebar-left.sidebar-sm-show {
    left: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  /*right sidebar is untested */
  .row .sidebar.sidebar-right.sidebar-sm-show {
    right: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@media (min-width: 992px) {
  .row .sidebar.sidebar-left.sidebar-md-show {
    left: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .row .sidebar.sidebar-right.sidebar-md-show {
    right: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@media (min-width: 1170px) {
  .row .sidebar.sidebar-left.sidebar-lg-show {
    left: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .row .sidebar.sidebar-right.sidebar-lg-show {
    right: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

/* animation class - optional: without it the sidebar would just pop in and out*/
.sidebar-animate {
  -webkit-transition: -webkit-transform 300ms ease;
  -moz-transition: -moz-transform 300ms ease;
  -o-transition: transform 300ms ease;
  transition: transform 300ms ease;
}

/* Left panel positioning classes */
.sidebar.sidebar-left {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

.sidebar.sidebar-left.sidebar-open {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.sidebar.sidebar-right {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
}

.sidebar.sidebar-right.sidebar-open {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}

.navbar-nav li .navbar-toggle {
  margin-top: 0;
  margin-bottom: 0;
  border-color: transparent;
}

.last-user {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #04a9f4;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 32px;
  margin: 2px 0;
}

.top-bar .chat-head {
  padding-left: 0;
  padding-right: 0;
}

/* Messages */

#custom-search-input .btn-primary {
  padding: 8px 9px 8px 10px !important;
}

#custom-search-input .btn-primary span {
  color: #fff !important;
  margin: 0 !important;
}

#custom-search-input {
  background: #e8e6e7 none repeat scroll 0 0;
  margin: 0;
  padding: 10px;
}
#custom-search-input .search-query {
  background: #fff none repeat scroll 0 0 !important;
  border-radius: 4px;
  height: 33px;
  margin-bottom: 0;
  padding-left: 7px;
  padding-right: 7px;
}
#custom-search-input button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  border-radius: 3px;
  color: #666666;
  left: auto;
  margin-bottom: 0;
  margin-top: 7px;
  padding: 2px 5px;
  position: absolute;
  right: 0;
  z-index: 9999;
}
.search-query:focus + button {
  z-index: 3;
}
.all_conversation button {
  background: #f5f3f3 none repeat scroll 0 0;
  border: 1px solid #dddddd;
  height: 38px;
  text-align: left;
  width: 100%;
}
.all_conversation i {
  background: #e9e7e8 none repeat scroll 0 0;
  border-radius: 100px;
  color: #636363;
  font-size: 17px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}
.all_conversation .caret {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 15px;
  top: 0;
}
.all_conversation .dropdown-menu {
  background: #f5f3f3 none repeat scroll 0 0;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
  width: 100%;
}
.all_conversation ul li {
  border-bottom: 1px solid #dddddd;
  line-height: normal;
  width: 100%;
}
.all_conversation ul li a:hover {
  background: #dddddd none repeat scroll 0 0;
  color: #333;
}
.all_conversation ul li a {
  color: #333;
  line-height: 30px;
  padding: 3px 20px;
}
.member_list .chat-body {
  margin-left: 47px;
  margin-top: 0;
}
.top_nav {
  overflow: visible;
}
.member_list .contact_sec {
  margin-top: 3px;
}
.member_list li {
  padding: 6px;
}
.member_list ul {
  border: 1px solid #dddddd;
}
.chat-img img {
  height: 34px;
  width: 34px;
}
.member_list li {
  border-bottom: 1px solid #dddddd;
  padding: 6px;
}
.member_list li:last-child {
  border-bottom: none;
}
.member_list {
  height: 380px;
  overflow-x: hidden;
  overflow-y: auto;
}
.sub_menu_ {
  background: #e8e6e7 none repeat scroll 0 0;
  left: 100%;
  max-width: 233px;
  position: absolute;
  width: 100%;
}
.sub_menu_ {
  background: #f5f3f3 none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  display: none;
  left: 100%;
  margin-left: 0;
  max-width: 233px;
  position: absolute;
  top: 0;
  width: 100%;
}
.all_conversation ul li:hover .sub_menu_ {
  display: block;
}
.new_message_head button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
}
.new_message_head {
  background: #f5f3f3 none repeat scroll 0 0;
  float: left;
  font-size: 13px;
  font-weight: 600;
  padding: 18px 16px;
  width: 100%;
}
.message_section {
  border: 1px solid #dddddd;
}
.chat_area {
  float: left;
  height: 450px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
.chat_area li {
  padding: 14px 14px 0;
}
.chat_area li .chat-img1 img {
  height: 40px;
  width: 40px;
}
.chat_area .chat-body1 {
  margin-left: 50px;
}
.chat-body1 p {
  /*background: #fbf9fa none repeat scroll 0 0;*/
  padding: 10px;
}
.chat_area .admin_chat .chat-body1 {
  margin-left: 0;
  margin-right: 50px;
}
.chat_area li:last-child {
  padding-bottom: 10px;
}
.message_write {
  background: #f5f3f3 none repeat scroll 0 0;
  float: left;
  padding: 15px;
  width: 100%;
}

.message_write textarea.form-control {
  height: 70px;
  padding: 10px;
}
.chat_bottom {
  float: left;
  margin-top: 13px;
  width: 100%;
}
.upload_btn {
  color: #777777;
}
.sub_menu_ > li a,
.sub_menu_ > li {
  float: left;
  width: 100%;
}
.member_list li:hover {
  background: #428bca none repeat scroll 0 0;
  color: #fff;
  cursor: pointer;
}

.chat_time {
  font-size: 12px;
  padding-left: 22px;
}

.chat-body1 p {
  padding: 2px 10px;
  margin: 0;
}

.recieve_msgs {
  background-color: #428bca;
  color: #fff;
}

.msg_container_converse {
  padding: 10px 30px;
}

.msg_container_base_area {
  background: rgba(0, 0, 0, 0) url("../images/background-body1.jpg") repeat
    scroll 0 0;
  box-shadow: 0 0 200px 0 rgba(0, 0, 0, 0.2) inset;
  margin: 0;
  padding: 0 10px 10px;
  min-height: 160px;
  overflow-x: hidden !important;
}

.sidebar-sm-title .icheckbox_minimal-blue {
  background: rgba(0, 0, 0, 0) url("../css/lib/iCheck/minimal/aero.png")
    no-repeat scroll 0 0;
}

.pull-middle {
  text-align: center;
}

.table > thead > tr > th {
  border-bottom: hidden;
}

.tree li {
  list-style-type: none;
  margin: 0;
  padding: 15px 127px 0 0;
  position: relative;
}
.tree li::before,
.tree li::after {
  content: "";
  left: -20px;
  position: absolute;
  right: auto;
}
.tree li::before {
  border-left: 1px solid #999;
  bottom: 50px;
  height: 100%;
  top: 0;
  width: 1px;
}
.tree li::after {
  border-top: 1px solid #999;
  height: 20px;
  top: 25px;
  width: 25px;
}

.tree li span:not(.glyphicon) {
  padding: 4px 9px;
  text-decoration: none;
}

.tree > ul > li::before,
.tree > ul > li::after {
  border: 0;
}
.tree li:last-child::before {
  height: 30px;
}

.align-right {
  padding-right: 40px;
}

.search-filter {
  padding-left: 20px;
  width: 30%;
}

.multiselect-container input[type="radio"] {
  display: none;
}
.multiselect-container > li > a > label.radio {
  padding-left: 10px !important;
}

.panel-heading > .btn {
  float: right;
  margin-top: -6px;
}

.receipt-items .items-list {
  padding: 0;
}

.modal-warehouse-items {
  width: 880px;
}
.modal-warehouse-items .modal-body {
  padding-bottom: 0;
  padding-top: 15px;
}

.custom-mod-wd {
  width: 30%;
}

.modal-warehouse-items .input-group[class*="col-"] {
  float: left;
}

/* tooltip style */

.title_stylizer {
  width: auto;
  position: relative;
  float: left;

  color: rgba(0, 0, 0, 0.4);
  cursor: help;
}

.title_stylizer em,
.title_stylizer details {
  display: none;
}

.title_stylizer em,
.title_stylizer details {
  width: 240px;
  height: auto;
  box-sizing: border-box;
  margin: 0;
  padding: 8px 10px;
  background: #f5f5f5;
  border: 1px solid #04a9f4;
  border-radius: 3px;
  color: #2d2d2d;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  /*top: 30px !important;*/
  right: -1px;
  top: -35px !important;
  z-index: 99;
}

.title_stylizer em span,
.title_stylizer details span {
  color: #2d2d2d;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  display: table;
  font-familly: "PT Sans", Helvetica, Arial, sans-serif;
  font-style: normal;
}

.radio-inline,
.checkbox-inline {
  float: left;
}

.employee-status {
  float: left;
}

#tab_personal
  div
  div
  form
  div.panel-body
  div.form-horizontal
  div.form-group
  div.col-md-8 {
  width: 58.5%;
}

#tab_personal div.col-md-10 {
  width: 67%;
}

/*
#all_details #cnt_details {
	width: 58.5%;
}
*/

/* quick options button */

.material-button-anim {
  position: relative;
  text-align: center;
  max-width: 320px;
  float: left;
  margin-top: -44px;
}

.material-button {
  position: relative;
  top: 0;
  z-index: 1;
  width: 35px;
  height: 35px;
  font-size: 1.5em;
  color: #fff;
  background: #2c98de;
  border: none;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.275);
  outline: none;
}
.material-button-toggle {
  z-index: 3;
  width: 35px;
  height: 35px;
  margin-left: -57px;
}
.material-button-toggle span {
  -webkit-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform 0.175s
    cubic-bezier(0.175, 0.67, 0.83, 0.67);
  transition: transform 0.175s cubic-bezier(0.175, 0.67, 0.83, 0.67);
}
.material-button-toggle.open {
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
  -webkit-animation: toggleBtnAnim 0.175s;
  animation: toggleBtnAnim 0.175s;
}
.material-button-toggle.open span {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.175s
    cubic-bezier(0.175, 0.67, 0.83, 0.67);
  transition: transform 0.175s cubic-bezier(0.175, 0.67, 0.83, 0.67);
}

#options {
  height: 35px;
  margin-left: -46px;
}
.option {
  position: relative;
}
.option .option0,
.option .option1,
.option .option2,
.option .option3,
.option .option4 {
  filter: blur(100px);
  -webkit-filter: blur(100px);
  -webkit-transition: all 0.175s;
  transition: all 0.175s;
}
.option .option0 {
  -webkit-transform: translate3d(90px, 0, 0) scale(0.8, 0.8);
  transform: translate3d(90px, 0, 0) scale(0.8, 0.8);
}
.option .option1 {
  -webkit-transform: translate3d(90px, 90px, 0) scale(0.8, 0.8);
  transform: translate3d(90px, 90px, 0) scale(0.8, 0.8);
}
.option .option2 {
  -webkit-transform: translate3d(0, 90px, 0) scale(0.8, 0.8);
  transform: translate3d(0, 90px, 0) scale(0.8, 0.8);
}
.option .option3 {
  -webkit-transform: translate3d(0, 0, 90px) scale(0.8, 0.8);
  transform: translate3d(0, 0, 90px) scale(0.8, 0.8);
}

.option.scale-on .option0,
.option.scale-on .option1,
.option.scale-on .option2,
.option.scale-on .option3,
.option.scale-on .option4 {
  filter: blur(0);
  -webkit-filter: blur(0);
  -webkit-transform: none;
  transform: none;
  -webkit-transition: all 0.175s;
  transition: all 0.175s;
}

.option.scale-on .option0 {
  -webkit-transform: translateY(48px) translateX(28px) !important;
  transform: translateY(48px) translateX(28px) !important;
  -webkit-transition: all 0.175s;
  transition: all 0.175s;
}

.option.scale-on .option2 {
  -webkit-transform: translateY(-28px) translateZ(0);
  transform: translateY(-28px) translateZ(0);
  -webkit-transition: all 0.175s;
  transition: all 0.175s;
}

.option.scale-on .option4 {
  -webkit-transform: translateY(48px) translateX(-28px) !important;
  transform: translateY(48px) translateX(-28px) !important;
  -webkit-transition: all 0.175s;
  transition: all 0.175s;
}

@keyframes toggleBtnAnim {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
  }
  75% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
  }
}
@-webkit-keyframes toggleBtnAnim {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
  }
  75% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
  }
}

.add-more-btn {
  float: right;
  margin-right: 35px;
  max-height: 28px;
  padding: 2px 5px;
}

/* Tiles */

.tile {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
}
.tile .title {
  margin-top: 0px;
}
.tile.purple,
.tile.blue,
.tile.red,
.tile.orange,
.tile.green {
  color: #fff;
}
.tile.purple {
  background: #5133ab;
}
.tile.purple:hover {
  background: #3e2784;
}
.tile.red {
  background: #ac193d;
}
.tile.red:hover {
  background: #7f132d;
}
.tile.green {
  background: #00a600;
}
.tile.green:hover {
  background: #007300;
}
.tile.blue {
  background: #2672ec;
}
.tile.blue:hover {
  background: #125acd;
}
.tile.orange {
  background: #dc572e;
}
.tile.orange:hover {
  background: #b8431f;
}

.gradeX p {
  margin: 0;
}

.nolink-style {
  text-decoration: none;
  color: inherit;
}

.dashbox {
  /*max-height: 300px;*/
}

.dashinbox td,
.dashinbox tr {
  border: none !important;
}

/* sticky notes */
/*
ul.sticky_notes{
	list-style:none;
}

ul.sticky_notes li{
	width:250px;
	height:200px;
	padding:20px;
	margin:20px;
	float:left;
    font-family: "Short Stack", cursive;
}

ul.sticky_notes li{
	width:250px;
	height:200px;
	padding:20px;
	margin:20px;
	float:left;
	z-index: 1;
	background-color: #fff;
	-moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
	-webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
	box-shadow: 5px 5px 7px rgba(33,33,33,.7);
	-webkit-transform:rotate(-6deg);
	-o-transform:rotate(-6deg);
	-moz-transform:rotate(-6deg);
	font-family: "Short Stack", cursive;
}

ul.sticky_notes li:nth-child(odd){
  -o-transform:rotate(4deg);
  -webkit-transform:rotate(4deg);
  -moz-transform:rotate(4deg);
  position:relative;
  top:5px;
}

ul.sticky_notes li:nth-child(2n){
  -o-transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  position:relative;
  top:-5px;
}

ul.sticky_notes li:nth-child(6n){
  -o-transform:rotate(5deg);
  -webkit-transform:rotate(5deg);
  -moz-transform:rotate(5deg);
  position:relative;
  top:-10px;
}

.sticky_notes h4 {
	font-family: "architects_daughterregular";
}

.yellow{ background:#ffc; }
.green{	background:#cfc; }
.blue { background:#ccf; }
.red{ background:#f24a4a; }
.purple{ background:#eaafe3; }
.orange{ background:#f28e50; }

ul.sticky_notes li:hover{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  position:relative;
  z-index:10;
  -moz-box-shadow:0px 10px 7px rgba(0,0,0,.7);
  -webkit-box-shadow: 0px 10px 7px rgba(0,0,0,.7);
  box-shadow:0px 10px 7px rgba(0,0,0,.7);
  -webkit-transition: all 300ms ease-in 50ms;
	-moz-transition: all 300ms ease-in 50ms;
    -o-transition: all 300ms ease-in 50ms;
    transition: all 300ms ease-in 50ms;
    cursor:pointer;
}


.note-holder .note_delete {
	position: absolute;
	vertical-align:bottom;
    top: 5px;
    right: 5px;
	font-size: 26px;
}

.note-holder .note_reminder {
	position: absolute;
	vertical-align:bottom;
    bottom: 0;
    right: 0;
}
*/

#editUser div.container-fluid div.radio label {
  float: left;
}

.static-data {
  padding-left: 15px;
  font-size: 16px;
}
.static-data p:not(:first-child) {
  padding-bottom: 10px;
}

.toggle-opacity {
  opacity: 0.5;
}

#add-new-note textarea.form-control,
#add-new-note div.col-md-9 input.slim {
  width: 90.75%;
  float: left;
}

/*receipt selected tr*/

table#receipt-table tbody tr.selected {
  background-color: rgba(4, 169, 244, 1);
}

table#receipt-table tbody tr.selected td,
table#receipt-table tbody tr.selected p {
  color: #fff;
}

table#receipt-table tbody tr.selected td .glyphicon {
  color: #fff;
}

/*update 09/02*/

#task_details > .btn {
  text-align: left !important;
}

.head-btn {
  margin-right: 10px;
}

.diff-bgd-error {
  color: #892e1f;
  font-weight: 900;
}

.diff-bgd-success {
  color: #24aa7a;
  font-weight: 900;
}

.serials-modal {
  overflow-y: initial !important;
}

.serials-modal .modal-body {
  max-height: 300px;
  overflow-y: auto;
}

.form-horizontal .reverse {
  padding-left: 60px;
  text-align: left;
}

.fileinput-filename {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  /* new lines */
  width: 100%;
  position: absolute;
  left: 0;
  padding-left: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main-offer {
  padding-left: 250px;
  padding-bottom: 15px;
}

.set-active {
  margin-left: 10px;
}

.task-btn {
  margin-left: 15px;
}

.wo-task-status {
  font-size: 14px;
}

.side-address-panel {
  padding-bottom: 14px;
}

.btn-bottom {
  padding-bottom: 15px;
}

.label-settings {
  text-align: left !important;
  padding-left: 50px;
}

.alert-item {
  float: left !important;
}

#alert-title {
  padding-left: 12px;
  font-size: 12px;
}

/*tooltip style*/

.tooltip-inner {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  padding: 6px 10px;
}

h2 > a {
  font-size: inherit;
}

/*

.has-content {
	background-color: #04a9f4;
}
.has-content > a {
	color: #ffffff !important;
}

*/

.dataTable > thead > tr > th[class*="sort"]:after {
  content: "" !important;
}

.receipt-align {
  font-family: "robotolight", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 12px;
  color: #696969;
  text-align: right;
  margin: 0;
  padding: 0;
}

.note-info {
  font-size: 12px;
}

/*warehouse input group*/

#addReceipts .col-md-3 {
  width: 25%;
}

/*update - warehouse*/

#addReceipt .input-group.input-contact {
  width: 25%;
}

.contact-btn-row {
  padding-bottom: 20px;
}

.phone-numbers input {
  padding: 5px 10px 6px !important;
  width: 282px !important;
}

.phone-numbers select {
  width: 80px !important;
}

.phone-numbers .btn {
  padding: 7px 10px !important;
}

.phone-numbers a {
  margin-left: 36px !important;
}

#last_num {
  width: auto !important;
}

/*update 04/10/2017*/

.btn-arrange,
.contact-btn-row {
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
}

.btn-arrange {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 5px 0;
}

.btn-arrange .btn-default,
.contact-btn-row .btn-default,
.btn-arrange .btn-primary,
.contact-btn-row .btn-primary {
  /*width: 12.5%;*/
  width: 11.1%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.btn-arrange .btn-default:last-child,
.btn-arrange .btn-primary:last-child {
  border-right: none !important;
}

.btn-arrange .btn-default:nth-child(1),
.btn-arrange .btn-primary:nth-child(1) {
  border-radius: 0 !important;
}

.btn-arrange .btn-default:nth-child(8),
.btn-arrange .btn-primary:nth-child(8) {
  border-radius: 0 !important;
}

.btn-arrange .btn-default,
.contact-btn-row .btn-default {
  background: #f0f0f0 !important;
  border: none !important;
  border-right: 1px solid #cdcdcd !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 10px !important;
  line-height: inherit !important;
  height: inherit !important;
  font-family: "robotobold", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 12px !important;
  color: #414141 !important;
  text-transform: none !important;
  transition: all 0.3s linear !important;
}

.btn-arrange .btn-default:hover,
.contact-btn-row .btn-default:hover {
  background: #04a9f4 !important;
  font-size: 12px !important;
  color: #fff !important;
}

.btn-arrange .btn-primary,
.contact-btn-row .btn-primary {
  background: #04a9f4 !important;
  border: none !important;
  border-right: 1px solid #cdcdcd !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 10px !important;
  line-height: inherit !important;
  height: inherit !important;
  font-family: "robotobold", Arial, Tahoma, Calibri, Verdana, sans-serif !important;
  font-size: 12px !important;
  color: #fff !important;
  text-transform: none !important;
  transition: all 0.3s linear !important;
}

.btn-arrange .btn-primary:hover,
.contact-btn-row .btn-primary:hover {
  background: #04a9f4 !important;
  font-size: 12px !important;
  color: #fff !important;
}

.lbl_start_lett {
  width: auto;
  margin: 3px 10px 0 0;
}

.alpha_select {
  margin: -4px 0 0 -10px !important;
  padding: 0;
}

.alpha_select select {
  background-color: #fafafa;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  border-radius: 3px;
  margin: 0;
  padding: 9px 10px 10px;
  line-height: inherit;
  height: inherit;
  font-size: 12px;
}

.alpha_select select:hover {
  background-color: #fff;
  border: 1px solid #b9b9b9;
  box-shadow: none;
}

.alpha_select select:focus {
  background-color: rgba(4, 169, 244, 0.025);
  border: 1px solid #04a9f4;
  box-shadow: none;
  transition: all 0.2s linear !important;
}

#supplies-load table tr {
  border-bottom: 1px solid #ddd;
}

#supplies-load table thead {
  background: #f0f0f0;
}

#supplies-load table tr:last-of-type {
  border: none;
}

.contacts_tel_nmbs_last_digit {
  margin-left: 101px !important;
}

#last_num {
  width: 177px !important;
}

/*new updates 26.04.2018*/

.bootstrap-timepicker {
  margin-left: 15px !important;
}

.task-btn {
  margin-left: 15px !important;
}

#contact-list .panel-heading .form-group label.col-md-2.control-label {
  width: auto !important;
  padding-top: 2px;
}

#contact-list .panel-heading .form-group select#contact-letter {
  margin: -5px 0 0;
}

/* upravljanje partnerima / partneri / usluge / modal window / dropdown */

.ui-autocomplete {
  background-color: #fff;
  list-style: none;
  width: fit-content;
  display: flex;
  flex-direction: column;
  padding-left: 0 !important;
  margin-left: 0 !important;
  border: 1px solid rgb(205, 205, 205);
  .ui-menu-item {
    padding: 8px;
    transition: all ease-in-out 150ms;
    .ui-menu-item-wrapper {
      font-size: 12px !important;
    }
    &:hover {
      cursor: pointer;
      background: #04a8f488;
    }
  }
}