body {
background: #000000;
color:3b3636;
}

.datacontent{
	height:100%;}


.logologin{
  margin-top:50px;
  background-image: url('../img/logo.svg') !important;
  background-size: 100% !important;
  height:120px !important;
  width:300px !important;
}
/*
.iconheader{
  background-image: url('../img/icon.png') !important;
  background-size: 100% !important;
  height:30px !important;
  width:30px !important;
  vertical-align:middle
}
.logoheader{
  background-image: url('../img/logo.png') !important;
  background-position:center center !important;
  background-size: 100% !important;
  height:47px !important;
  width:100px !important;
  vertical-align:middle
}
*/
html {
  background: /* url("../img/bg_img_body.jpg") repeat scroll center top */ #ffffff;
}
.app-aside:before {
  background-color: #000000;
  border: inherit;
}
.app-content-body {
background-color:#eeeeee;
}
.rounded {
  background-color:#efefef;
border:1px solid #cccccc;
}
h2 {
color:#3b3636;
}
.highlight {
color:#eeb636;
}
a {
  color: #464646;
}
a:hover,
a:focus {
  color: #eeb636;
}
.tab-heading a:hover,
.tab-heading a:focus {
  color: #ffffff;
}
div.text-center.m-t.m-b a {
  color: #999999;
}
div.text-center.m-t.m-b a:hover,
div.text-center.m-t.m-b a:focus  {
  color: #cc0000;
}
a.m-l-sm.text-muted i.fa.fa-long-arrow-up{
  color: #ffffff;
}
.bg-black .nav > li > a > .icons-sidenav.icon-admin{
background-image:url(../../img/admin_200x200_3.png);
}
.bg-black .nav > li > a > .icons-sidenav.icon-clients{
background-image:url(../../img/clients_200x200_3.png);
}
.bg-black .nav > li > a > .icons-sidenav.icon-dashboard{
background-image:url(../../img/dashboard_200x200_3.png);
}
.bg-black .nav > li > a > .icons-sidenav.icon-document{
background-image:url(../../img/documents_200x200_3.png);
}
.bg-black .nav > li > a > .icons-sidenav.icon-documents{
background-image:url(../../img/documents_200x200_3.png);
}
.bg-black .nav > li > a > .icons-sidenav.icon-evaluation{
background-image:url(../../img/evaluation_200x200_3.png);
}
.bg-black .nav > li > a > .icons-sidenav.icon-forms{
background-image:url(../../img/forms_200x200_3.png);
}
.bg-black .nav > li > a > .icons-sidenav.icon-lists{
background-image:url(../../img/lists_200x200_3.png);
}
.bg-black .nav > li > a > .icons-sidenav.icon-order{
background-image:url(../../img/order_200x200_3.png);
}
.bg-black .nav > li > a > .icons-sidenav.icon-quest{
background-image:url(../../img/quest_200x200_3.png);
}
.bg-black .nav > li > a > .icons-sidenav.icon-salesnav{
background-image:url(../../img/salesnav_200x200_3.png);
}
.bg-black .nav > li > a > .icons-sidenav.icon-store{
background-image:url(../../img/contract_200x200_3.png);
}
.bg-black .nav > li > a > .icons-sidenav.icon-toolbox{
background-image:url(../../img/toolbox_200x200_3.png);
}
.bg-black .nav > li > a > .icons-sidenav.icon-tools{
background-image:url(../../img/tools_200x200_3.png);
}
.bg-black .nav > li > a > .icons-sidenav.icon-userprofile{
background-image:url(../../img/userprofile_200x200_3.png);
}
.bg-black .nav > li > a > .icons-sidenav.icon-vehicle{
background-image:url(../../img/vehicle_200x200_3.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-admin,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-admin,
.bg-black .nav > li.active > a > .icons-sidenav.icon-admin,
.nav > li > a:hover > .icons-sidenav.icon-admin,
.nav > li > a:focus > .icons-sidenav.icon-admin{
background-image:url(../../img/admin_200x200_f.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-clients,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-clients,
.bg-black .nav > li.active > a > .icons-sidenav.icon-clients,
.nav > li > a:hover > .icons-sidenav.icon-clients,
.nav > li > a:focus > .icons-sidenav.icon-clients{
background-image:url(../../img/clients_200x200_f.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-dashboard,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-dashboard,
.bg-black .nav > li.active > a > .icons-sidenav.icon-dashboard,
.nav > li > a:hover > .icons-sidenav.icon-dashboard,
.nav > li > a:focus > .icons-sidenav.icon-dashboard{
background-image:url(../../img/dashboard_200x200_f.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-document,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-document,
.bg-black .nav > li.active > a > .icons-sidenav.icon-document{
background-image:url(../../img/documents_200x200_f.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-documents,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-documents,
.bg-black .nav > li.active > a > .icons-sidenav.icon-documents,
.nav > li > a:hover > .icons-sidenav.icon-documents,
.nav > li > a:focus > .icons-sidenav.icon-documents{
background-image:url(../../img/documents_200x200_f.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-evaluation,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-evaluation,
.bg-black .nav > li.active > a > .icons-sidenav.icon-evaluation,
.nav > li > a:hover > .icons-sidenav.icon-evaluation,
.nav > li > a:focus > .icons-sidenav.icon-evaluation{
background-image:url(../../img/evaluation_200x200_f.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-forms,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-forms,
.bg-black .nav > li.active > a > .icons-sidenav.icon-forms,
.nav > li > a:hover > .icons-sidenav.icon-forms,
.nav > li > a:focus > .icons-sidenav.icon-forms{
background-image:url(../../img/forms_200x200_f.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-lists,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-lists,
.bg-black .nav > li.active > a > .icons-sidenav.icon-lists,
.nav > li > a:hover > .icons-sidenav.icon-lists,
.nav > li > a:focus > .icons-sidenav.icon-lists{
background-image:url(../../img/lists_200x200_f.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-order,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-order,
.bg-black .nav > li.active > a > .icons-sidenav.icon-order,
.nav > li > a:hover > .icons-sidenav.icon-order,
.nav > li > a:focus > .icons-sidenav.icon-order{
background-image:url(../../img/order_200x200_f.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-quest,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-quest,
.bg-black .nav > li.active > a > .icons-sidenav.icon-quest,
.nav > li > a:hover > .icons-sidenav.icon-quest,
.nav > li > a:focus > .icons-sidenav.icon-quest{
background-image:url(../../img/quest_200x200_f.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-salesnav,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-salesnav,
.bg-black .nav > li.active > a > .icons-sidenav.icon-salesnav,
.nav > li > a:hover > .icons-sidenav.icon-salesnav,
.nav > li > a:focus > .icons-sidenav.icon-salesnav{
background-image:url(../../img/salesnav_200x200_f.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-store,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-store,
.bg-black .nav > li.active > a > .icons-sidenav.icon-store,
.nav > li > a:hover > .icons-sidenav.icon-store,
.nav > li > a:focus > .icons-sidenav.icon-store{
background-image:url(../../img/contract_200x200_f.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-toolbox,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-toolbox,
.bg-black .nav > li.active > a > .icons-sidenav.icon-toolbox{
background-image:url(../../img/toolbox_200x200_f.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-tools,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-tools,
.bg-black .nav > li.active > a > .icons-sidenav.icon-tools,
.nav > li > a:hover > .icons-sidenav.icon-tools,
.nav > li > a:focus > .icons-sidenav.icon-tools{
background-image:url(../../img/tools_200x200_f.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-userprofile,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-userprofile,
.bg-black .nav > li.active > a > .icons-sidenav.icon-userprofile,
.nav > li > a:hover > .icons-sidenav.icon-userprofile,
.nav > li > a:focus > .icons-sidenav.icon-userprofile{
background-image:url(../../img/userprofile_200x200_f.png);
}
.bg-black .nav > li:hover > a > .icons-sidenav.icon-vehicle,
.bg-black .nav > li:focus > a > .icons-sidenav.icon-vehicle,
.bg-black .nav > li.active > a > .icons-sidenav.icon-vehicle,
.nav > li > a:hover > .icons-sidenav.icon-vehicle,
.nav > li > a:focus > .icons-sidenav.icon-vehicle{
background-image:url(../../img/vehicle_200x200_f.png);
}


/* CALCTOOL */

.icon-circle{
background-image:url(../../img/circle.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.icon-circle:hover{
background-image:url(../../img/circle_w.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.icon-square{
background-image:url(../../img/square.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.icon-square:hover{
background-image:url(../../img/square_w.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.icon-measure{
background-image:url(../../img/measure.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.icon-measure:hover{
background-image:url(../../img/measure_w.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.icon-trapez{
background-image:url(../../img/trapez.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.icon-trapez:hover{
background-image:url(../../img/trapez_w.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.icon-arrowleft{
background-image:url(../../img/arrowleft.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.icon-arrowleft:hover{
background-image:url(../../img/arrowleft_w.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.icon-undo{
background-image:url(../../img/undo.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.icon-undo:hover{
background-image:url(../../img/undo_w.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.icon-reset{
background-image:url(../../img/reset.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.icon-reset:hover{
background-image:url(../../img/reset_w.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.icon-darker{
background-image:url(../../img/darker.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:80px !important;
}

.icon-darker:hover{
background-image:url(../../img/darker_w.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:80px !important;
}

.icon-lighter{
background-image:url(../../img/lighter.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.icon-lighter:hover{
background-image:url(../../img/lighter_w.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
height:50px !important;
width:70px !important;
}

.borderIcon /* Ramon adapted */ {
	border-radius:4px;
	height:50px !important;
	width:70px !important;
}


/* REPORTS */

li > a > .icon-calculate{
background-image:url(../../img/calculate_200x200.png);
}
li:hover > a > .icon-calculate,
li:focus > a > .icon-calculate,
li.active > a > .icon-calculate,
li > a:hover > .icon-calculate,
li > a:focus > .icon-calculate{
background-image:url(../../img/calculate_200x200_h.png);
}
li > a > .icon-edit{
background-image:url(../../img/edit_200x200.png);
}
li:hover > a > .icon-edit,
li:focus > a > .icon-edit,
li.active > a > .icon-edit,
li > a:hover > .icon-edit,
li > a:focus > .icon-edit{
background-image:url(../../img/edit_200x200_h.png);
}
li > a > .icon-feedback{
background-image:url(../../img/feedback_200x200.png);
}
li:hover > a > .icon-feedback,
li:focus > a > .icon-feedback,
li.active > a > .icon-feedback,
li > a:hover > .icon-feedback,
li > a:focus > .icon-feedback{
background-image:url(../../img/feedback_200x200_h.png);
}
li > a > .icon-finalize{
background-image:url(../../img/finalize_200x200.png);
}
li:hover > a > .icon-finalize,
li:focus > a > .icon-finalize,
li.active > a > .icon-finalize,
li > a:hover > .icon-finalize,
li > a:focus > .icon-finalize{
background-image:url(../../img/finalize_200x200_h.png);
}
li > a > .icon-pdf{
background-image:url(../../img/pdf_200x200.png);
}
li:hover > a > .icon-pdf,
li:focus > a > .icon-pdf,
li.active > a > .icon-pdf,
li > a:hover > .icon-pdf,
li > a:focus > .icon-pdf{
background-image:url(../../img/pdf_200x200_h.png);
}
li > a > .icon-reload{
background-image:url(../../img/reload_200x200.png);
}
li:hover > a > .icon-reload,
li:focus > a > .icon-reload,
li.active > a > .icon-reload,
li > a:hover > .icon-reload,
li > a:focus > .icon-reload{
background-image:url(../../img/reload_200x200_h.png);
}
li > a > .icon-sales{
background-image:url(../../img/sales_200x200.png);
}
li:hover > a > .icon-sales,
li:focus > a > .icon-sales,
li.active > a > .icon-sales,
li > a:hover > .icon-sales,
li > a:focus > .icon-sales{
background-image:url(../../img/sales_200x200_h.png);
}


/* LOGOS */

li > a > .logo-autoline,
li:hover > a > .logo-autoline,
li:focus > a > .logo-autoline,
li.active > a > .logo-autoline,
li > a:hover > .logo-autoline,
li > a:focus > .logo-autoline{
background-image:url(../../img/logos/autoline.jpg);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:20px;
width:auto;
}

li > a > .logo-sslv,
li:hover > a > .logo-sslv,
li:focus > a > .logo-sslv,
li.active > a > .logo-sslv,
li > a:hover > .logo-sslv,
li > a:focus > .logo-sslv{
background-image:url(../../img/logos/sslv.jpg);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:20px;
width:auto;
}

li > a > .logo-mobile,
li:hover > a > .logo-mobile,
li:focus > a > .logo-mobile,
li.active > a > .logo-mobile,
li > a:hover > .logo-mobile,
li > a:focus > .logo-mobile{
background-image:url(../../img/logos/mobile.jpg);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:20px;
width:auto;
}

li > a > .logo-lastbilmagasinet,
li:hover > a > .logo-lastbilmagasinet,
li:focus > a > .logo-lastbilmagasinet,
li.active > a > .logo-lastbilmagasinet,
li > a:hover > .logo-lastbilmagasinet,
li > a:focus > .logo-lastbilmagasinet{
background-image:url(../../img/logos/lastbilmagasinet.jpg);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:20px;
width:auto;
}

li > a > .logo-mascus,
li:hover > a > .logo-mascus,
li:focus > a > .logo-mascus,
li.active > a > .logo-mascus,
li > a:hover > .logo-mascus,
li > a:focus > .logo-mascus{
background-image:url(../../img/logos/mascus.jpg);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:20px;
width:auto;
}

li > a > .logo-autobazar,
li:hover > a > .logo-autobazar,
li:focus > a > .logo-autobazar,
li.active > a > .logo-autobazar,
li > a:hover > .logo-autobazar,
li > a:focus > .logo-autobazar{
background-image:url(../../img/logos/autobazar.jpg);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:20px;
width:auto;
}

li > a > .logo-autoria,
li:hover > a > .logo-autoria,
li:focus > a > .logo-autoria,
li.active > a > .logo-autoria,
li > a:hover > .logo-autoria,
li > a:focus > .logo-autoria{
background-image:url(../../img/logos/autoria.jpg);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:20px;
width:auto;
}

li > a > .logo-autoscout,
li:hover > a > .logo-autoscout,
li:focus > a > .logo-autoscout,
li.active > a > .logo-autoscout,
li > a:hover > .logo-autoscout,
li > a:focus > .logo-autoscout{
background-image:url(../../img/logos/autoscout24.jpg);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:20px;
width:auto;
}

li > a > .logo-latauto,
li:hover > a > .logo-latauto,
li:focus > a > .logo-latauto,
li.active > a > .logo-latauto,
li > a:hover > .logo-latauto,
li > a:focus > .logo-latauto{
background-image:url(../../img/logos/latauto.jpg);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:20px;
width:auto;
}

li > a > .logo-autoru,
li:hover > a > .logo-autoru,
li:focus > a > .logo-autoru,
li.active > a > .logo-autoru,
li > a:hover > .logo-autoru,
li > a:focus > .logo-autoru{
background-image:url(../../img/logos/autoru.jpg);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:20px;
width:auto;
}

li > a > .logo-avito,
li:hover > a > .logo-avito,
li:focus > a > .logo-avito,
li.active > a > .logo-avito,
li > a:hover > .logo-avito,
li > a:focus > .logo-avito{
background-image:url(../../img/logos/avito.jpg);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:20px;
width:auto;
}

li > a > .logo-hasznaltauto,
li:hover > a > .logo-hasznaltauto,
li:focus > a > .logo-hasznaltauto,
li.active > a > .logo-hasznaltauto,
li > a:hover > .logo-hasznaltauto,
li > a:focus > .logo-hasznaltauto{
background-image:url(../../img/logos/hasznaltauto.jpg);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:20px;
width:auto;
}

li > a > .logo-truck1,
li:hover > a > .logo-truck1,
li:focus > a > .logo-truck1,
li.active > a > .logo-truck1,
li > a:hover > .logo-truck1,
li > a:focus > .logo-truck1{
background-image:url(../../img/logos/truck1.jpg);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:20px;
width:auto;
}
li > a > .logo-mideastplant,
li:hover > a > .logo-mideastplant,
li:focus > a > .logo-mideastplant,
li.active > a > .logo-mideastplant,
li > a:hover > .logo-mideastplant,
li > a:focus > .logo-mideastplant{
background-image:url(../../img/logos/mideastplant.jpg);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:20px;
width:auto;
}
li > a > .logo-truckpl,
li:hover > a > .logo-truckpl,
li:focus > a > .logo-truckpl,
li.active > a > .logo-truckpl,
li > a:hover > .logo-truckpl,
li > a:focus > .logo-truckpl{
background-image:url(../../img/logos/truckpl.jpg);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:20px;
width:auto;
}




/* Start Sandra */

.loadingMask3 {
    background-image: url("../img/loading4.gif");
    background-color: #ffffff;
    border: #eeb636 1px solid;
}

.loadingMask2 {
    background-image: url("../img/loading4.gif");
}

.startLoaderIcon2 {
    color: #525252;
}

/* End Sandra */





/*@Ramon -----------*/

table.tbody.tr {
    border-bottom: gray;
    border-bottom-style: ridge;
}

.calcToolProfileInline{
    background-color:#ffffff !important;
    border:1px solid #cccccc!important;
}

.table-responsive-CalcToolProfils {
    border: 1px solid #ccc;
    background-color: #ffffff;
}

.btn-timeline{
    background-image: none;
    border: 1px solid transparent;
}

.panel-group{
    margin-bottom: 0;
}

.form-control-calculationProfiles{
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.panel-schadenansicht {
    border: 1px solid #cccccc;
}

.pointerCursor:hover{
    background-color: #c1ced2;
}

.input-newForm{
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.input-newForm-Time{
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.form-control-newFile
{
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc
}

td.rowDateiTableHead{
    border-bottom: rgb(215, 211, 211);

}

.list-group-item-comment {
    border-color: #449EC2;
}

.comment-container{
    background-color: #fff;
}

.dropdown-menu-comment{
    background-color: #fff;
    border: 1px solid #ccc;

}

.nav-comment {
    border: 1px solid #0165a3;

}

.back-grey:hover{
    background-color: #c1ced2;
}

.back-orange{
    background-color: orange;
}

.blueborder{
    border: 1px solid #0165a3;
}

.nav-comment > li.disabled > a {
    color: #777;
}

.nav-comment > li.disabled > a:hover,
.nav-comment > li.disabled > a:focus {
    color: #777;

}

.nav-comment .nav-divider {
    background-color: #e5e5e5;
}

.nav-tabs-comment > li > a:hover {
    border-color: #eee #eee #ddd;
}

.fieldset-scheduler-border {
    border: 1px solid #dee5e7 !important;
}

.hoverWhite:hover{
    background-color: #ffffff;
}


.whiteFont {
    color: white;
}

.linkDisabled {
    color: #777;
}

.linkDisabled:hover,
.linkDisabled:focus {
    color: #777;
    background-color: transparent;
}

.iconLoadingMask {margin:0 auto;
    background-color: #808080;
}

.maskLoaderIcon {
    background-image: url("../../../img/loading4.gif");

}

.loadingMaskComboBox {
    background-color: #ffffff;
    border: #eeb636 1px solid;
    box-shadow: 0 0 4px #eeb636;
}

/*.loadingMask3 {*/
    /*background-color: #ffffff;*/
    /*border: #0165a3 1px solid;*/
    /* box-shadow: 0 0 4px #0165a3; */
/*}*/


.table-clientAddress-responsive {
    border: 1px solid #ccc;
    background-color:#ffffff;
}

.table-clientAddress-responsive > .tablewizard tr:hover,
.table-striped > .tablewizard  > tbody > tr:hover {
    background-color:#eeeeee !important;
}

.selectedRow{
    background-color: #d3d3d3;
}

.colorOrange{
    color: orange;
}

.back-lightGrey{
    background-color: #d3d3d3;
}


.successIcon{
    margin-top:50px;
    background-image: url('../img/finalize_200x200.png') !important;
    background-size: 100% !important;
    height:100px !important;
    width:100px !important;
}

.orderIconDesc{
    background-image: url('../img/icons/arrow_down.svg') !important;
    background-size: 100% !important;
    height:15px !important;
    width:15px !important;
    cursor: pointer;
}

.orderIconAsc{
    background-image: url('../img/icons/arrow_up.svg') !important;
    background-size: 100% !important;
    height:15px !important;
    width:15px !important;
    cursor: pointer;
}



.icon-removeTab {

    background-image: url("../img/remove.png");
}

/*@Ramon END -----------*/







.progress-bar-primary {
  background-color: #eeb636;
}
.progress-bar-info {
  background-color: #eeb636;
}
.form-control:focus {
  border-color: #eeb636;
}
.list-group-item {
  border: 1px solid #ccc;
}
.list-group-item.active {
  border-color: #000000 !important;
  background-color: #000000 !important;
}
.nav-pills > li.active > a {
  color: #fff !important;
  background-color: #000000;
}
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:active {
  background-color: #ffffff;
}

.nav > li > a:hover,
.nav > li > a:focus {
 background: #ffffff; /* Old browsers */
}

.reportsaction{
	display: table;
	margin: 0 auto;
}

ul.nav.reports.navbar-nav.navbar{
}

ul.nav.reports.navbar-nav > li > a {
	height:50px;
	padding-top: 10px;
    padding-bottom: 8px;
	vertical-align:middle
}

ul.nav.reports.navbar-nav > li > a > span {
	padding-top: 8px;
	vertical-align:middle
}

ul.nav.reports.navbar-nav.navbar > li {
 margin: 5px 5px 5px 5px;
 display: inline;
 float:left;
 height:50px;
 min-width:160px;
/* border:1px solid #dee5e7; */
 text-align: center;
}

ul.nav.reports.navbar-nav.navbar{
background:none !important;
border:none !important;
}

.nav.reports > li > a:hover,
.nav.reports > li > a:focus {
  color: #ffffff;
  background-color:#eeb636;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
color: #eeb636;
background:none;
}

.nav-tabs {
  border-color: #dee5e7;
}
.nav-tabs > li > a {
  border-top-color: #dee5e7;
  border-right-color: #dee5e7;		
  border-bottom-color: #dee5e7;
  border-left-color: #dee5e7;
}
.nav-tabs > li:hover > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
  border-color: #dee5e7;
}
.nav-tabs > li.active > a {
  border-bottom-color: #fff !important;
}
.nav-tabs-alt .nav-tabs > li > a {
  background: #eeeeee !important;
}
.nav-tabs-alt .nav-tabs > li.active > a {
  border-bottom-color: #000000 !important;
}
.panel-default {
  border-color: #cccccc;
}
.panel-default .panel-heading {
background-color: #3b3636;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #eeb636;
  background-color: #3b3636 !important;
}

@media (min-width: 768px) {
/* .navi-wrap {
background: #ffffff;
border: 1px solid #ffffff;
} */

.navi-wrap {
background: #3b3636; /* Old browsers */
background: -moz-linear-gradient(top,  #3b3636 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3636), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3b3636 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3b3636 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3b3636 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3b3636 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3636', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
border-right:1px solid #696969;
}
.app-aside-folded .navi li li a {
	color:#888888;
  }
.arrow.top.arrow-primary:after {
  border-bottom-color: #eeb636;
}
.arrow.top.arrow-info:after {
  border-bottom-color: #464646;
}
.arrow.right.arrow-primary:after {
  border-left-color: #eeb636;
}
.arrow.right.arrow-info:after {
  border-left-color: #464646;
}
.arrow.bottom.arrow-primary:after {
  border-top-color: #eeb636;
}
.arrow.bottom.arrow-info:after {
  border-top-color: #464646;
}
.arrow.left.arrow-primary:after {
  border-right-color: #eeb636;
}
.arrow.left.arrow-info:after {
  border-right-color: #464646;
}
.btn-default {
  color: #ffffff !important;
  background-color: #3b3636;
  border-color: #696969;
/*  -webkit-box-shadow: 0 1px 1px rgba(90,90,90,0.1);
  box-shadow: 0 1px 1px rgba(90,90,90,0.1); */
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #ffffff !important;
  background-color: #eeb636;
  border-color: #eeb636;
}
.btn-primary {
	background: #3b3636;
	background: -moz-linear-gradient(top,  #3b3636 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3636), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #3b3636 0%,#000000 100%);
	background: -o-linear-gradient(top,  #3b3636 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #3b3636 0%,#000000 100%);
	background: linear-gradient(to bottom,  #3b3636 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3636', endColorstr='#000000',GradientType=0 );
  border-color: #696969;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background: #eeb636;
  border-color: #eeb636;
  color:#3b3636;
  /* box-shadow: 0 0 5px #333333 */
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #eeb636;
  border-color: #eeb636;
}
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #27c24c;
  border-color: #27c24c;
}
.btn-info {
  background-color: #3b3636;
  border-color: #696969;
}
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #3b3636;
  border-color: #696969;
}
.i-checks input:checked + i {
  border-color: #000000;
}
.i-checks input:checked + i:before {
  background-color: #000000;
}
.bg-light.lter.b-b.wrapper-md.ng-scope{
background-color: #ffffff;
  color: #ffffff;
}
.bg-light.lter,
.bg-light .lter {
  background-color: #ffffff;
}
.bg-light.dk,
.bg-light .dk {
  background-color: #E8E8E8;
}
.bg-light.dker,
.bg-light .dker {
  background-color: #edf1f2;
}
.bg-black {
background: #3b3636;
color: #ffffff;
}
.bg-black.dk,
.bg-black .dk {
  background-color: #ffffff;
}
.bg-black .nav > li:hover > a,
.bg-black .nav > li:focus > a,
.bg-black .nav > li.active > a {
  color: #eeb636;
 background-color: #ffffff;
}
.bg-black .nav > li > a {
  color: #fff;
}
.bg-black .nav > li > a:hover,
.bg-black .nav > li > a:focus {
  background-color: #ffffff;
}
.bg-black .nav > li.active > ul.nav.nav-sub.dk > li > a {
  color: #888888;
 background: #ffffff;
}
.bg-black .nav > li.active > ul.nav.nav-sub.dk > li > a:hover,
.bg-black .nav > li.active > ul.nav.nav-sub.dk > li > a:focus {
  color: #eeb636;
 background: #ffffff;
}
.bg-black .nav > li.active > ul.nav.nav-sub.dk > li.active a {
  color: #eeb636;
 background: #ffffff;
}
.fa-angle-down.text-active {
color:#eeb636;
}
.bg-black .nav > li > a:hover > .text-muted > .fa-angle-right.text,
.bg-black .nav > li > a:focus > .text-muted > .fa-angle-right.text {
  color: #eeb636 !important;
 }
.bg-black .text-muted {
  color: #e3e3e3 !important;
}
.bg-primary {
  background-color: #000000;
color: #f4f3f9;
}
.bg-primary.bg,
.bg-primary .bg {
  background-color: #eeb636;
}
.bg-primary .text-muted {
  color: #ffffff !important;
}
.bg-info {
  background-color: #000000;
  color: #ffffff;
}
.bg-info.bg,
.bg-info .bg {
  background-color: #000000;
}
.bg-info .text-muted {
  color: #ffffff !important;
}
.bg-white-only {
 background-color: #eeeeee;
border-bottom: 1px solid #464646;
}
a.bg-primary:hover {
  background-color: #eeb636;
}
.text-primary {
  color: #eeb636;
}
.text-primary-lt {
  color: #3b3636;
}
.text-primary-dk {
  color: #3b3636;
}
.text-info {
  color: #3b3636;
}
.text-black {
  color: #eeb636;
}
.text-muted {
  color: #888888;
}
.b-t {
  border-top: 1px solid #dee5e7;
}
.b-b {
  border-bottom: 1px solid #464646;
}
.b-primary {
  border-color: #eeb636;
}
.b-info {
  border-color: #3b3636;
}
.b-l-primary {
  border-left-color: #eeb636;
}
.b-l-info {
  border-left-color: #000000;
}
}




@media (max-width: 767px) {
.navi-wrap {
background: #3b3636; /* Old browsers */
background: -moz-linear-gradient(top,  #3b3636 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3636), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3b3636 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3b3636 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3b3636 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3b3636 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3636', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
border: 1px solid #696969;
}
div.navi-wrap .text-muted{
color: #ffffff
}
.fa-angle-down.text-active {
    color: #3b3636;
}
.bg-black .nav > li > a:hover > .text-muted > .fa-angle-right.text,
.bg-black .nav > li > a:focus > .text-muted > .fa-angle-right.text {
  color: #3b3636 !important;
 }
.navbar {
background-color: #3b3636;
 color: #888888;
border-bottom: 1px solid #464646;
}

.bg-black a {
  color: #ffffff;
}

.bg-black a:hover,
.bg-black a:focus {
  color: #eeb636;
}



.butterbar .bar {
  background-color: #000000;
}

.bg-light {
background-color: #ffffff;
  color: #888888;
}

}




@-webkit-keyframes changebar {
  0% {
    background-color: #696969;
  }
  33.3% {
    background-color: #696969;
  }
  66.66% {
    background-color: #696969;
  }
  99.9% {
    background-color: #696969;
  }
}




@-moz-keyframes changebar {
  0% {
    background-color: #696969;
  }
  33.3% {
    background-color: #696969;
  }
  66.66% {
    background-color: #696969;
  }
  99.9% {
    background-color: #696969;
  }
}




@keyframes changebar {
  0% {
    background-color: #696969;
  }
  33.3% {
    background-color: #696969;
  }
  66.66% {
    background-color: #696969;
  }
  99.9% {
    background-color: #696969;
  }
}


@media (max-width: 400px) {
.logologin{
  margin-top:50px;
  background-image: url('../img/logo.png') !important;
  background-size: 100% !important;
  height:80px !important;
  width:270px !important;
}
/* .logoheader{
  margin-top:12px!important;
  background-image: url('../img/logo.png') !important;
  background-size: 100% !important;
  height:35px !important;
  width:140px !important;
  vertical-align:middle;
}*/

.navbar-brand img {
  background-size: 100% auto !important;
  background-repeat:no-repeat;
  width:120px !important;
  vertical-align:middle;
}
}


/*david*/
div.profile {
    border-color: #000000;
}
/*david*/


.nav-sub-sub label {
  width: 100%;
}

.nav-sub-sub ul {
  display: none !important;
}

.nav-sub-sub label.active ~ ul {
  display: block !important;
}

.nav-sub-sub a {
  padding-left: 20px !important;
}

.nav-sub-icon {
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  border:none;
  width:18px;
  height:18px;
  margin: 0px 14px 0px 0px;
  float: left;
}

.sub-icon-form {
  background-image:url(../../img/forms_200x200_f.png);
}
.sub-icon-admin {
  background-image:url(../../img/admin_200x200_f.png);
}
.sub-icon-store {
  background-image:url(../../img/contract_200x200_f.png);
}

.td-break {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.width50-50 {
  width: 50%;
  max-width: 50%;
}

.width30-30 {
  width: 30%;
  max-width: 30%;
}

.width10-10{
  width: 10%;
  min-width: 10%;
}

.width25 {
  width: 24%;
}

.div-center {
  display: inline-block;
  vertical-align: middle;
}