@media only screen and (max-width: 768px) {
    body {
        font-size: 150%!important; 
    }
	a {
        font-size: 16px!important; 
    }
	
}
.mt-2 {margin-top:10px}
/*top*/
#sp-menu {
  margin: 5px 0;
}
.login-greeting {
  color: #555 !important;
  line-height: 30px;
  margin-right: 5px;
  margin-left: 10px;
}

/*hack bootstrap*/
.page-header {
  margin: 20px 0 3px!important;
}
legend {
font-size: 16px!important;}
.nav > li > a {
  padding: 3px 15px!important;
}
/*offcanvas*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
  padding: 0px 20px;
}

/*fabrik*/
#form_110 {
  padding: 20px;
}
th.fabrik_actions {
  min-width: 70px!important;
}
/*modal*/
#dbjoin_popupform, #db_join_select {z-index:1111!important}
legend {
  font-weight: 400;
}
.modal-backdrop.in {
 display: none;
  
}
.in {
  display: none;
}
	/*list*/
td .modal {
  position: relative!important;
  display: block!important;	
}	
td .modal .modal-header {
  display: none!important;	
}
td .modal .popover {
 z-index:1111111;
}	
.contentWrapper {
  position: relative;
}


.fabrik_actions a {
  padding: 2px 3px;
  border: 0;
  font-size: 12px;	
  background:unset;
  color: #0f547d;
}
.fabrik_actions a:hover {
  background:unset;
  
}

#email-list-plugin .itemContent {
  min-height: 700px;
}
#email-list-plugin #message {
  min-height: 200px;
  width:100%
}

td.repeat-reduce {
  padding: 8px !important;
}

td.repeat-merge ul.fabrikRepeatData li, td.repeat-reduce ul.fabrikRepeatData li {
    padding: 0px !important;
    border-bottom: 0px!important;
}
/*form*/
.modal-header {
  padding: 0px 0 0 10px;
}
label span.small {
  vertical-align: super;
  font-size: 60%;
  font-weight: 500;
}

 .fb_el_oferte___ID_CLIENT .fabrikElement {
  display: inline-flex;
}
.fabrikSubGroupElements .row-fluid:nth-child(1) {
  background: #ddd;
  margin-top:10px;
}
.fabrikSubGroupElements .row-fluid:nth-child(2) {
  background: #f1f1f1;
}
.fabrikgrid_checkbox {
  padding-left: 40px;
}
.fabrikSubGroup .btn-group {margin:3px}
/*RESPONSIVE*/
@media only screen and (max-width: 700px) {
.fabrikDataContainer {
   overflow-x: auto;
}
.fabrikButtonsContainer {
  position: relative;
 }
 .fabrikWindow.modal.ui-draggable.ui-resizable {
	min-width:100%
}
}
@media only screen and (min-width: 701px) {
.fabrikButtonsContainer {
  position: absolute;
  top: 15px;
  right: 20px;

 }
/*list*/
 .popover.right {
  margin-left: -200px;
  width: 400px;
}

}