@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,cyrillic);
body {
    background-color: antiquewhite;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    color: #333333;    
}
html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;    
}

* {
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}
.addBranch .ui-button-text.ui-c {    
    color: blue;    
}
/********************* Базовые стили компонентов *********/
/* текстовые поля */
.ui-widget.ui-inputfield.ui-inputtext,
.ui-widget.ui-inputfield.ui-inputtextarea,
.ui-widget.ui-inputfield.ui-inputmask{
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
}
.searchtext .ui-widget.ui-inputfield,
.searchtext.ui-widget.ui-inputfield.ui-inputmask{
    margin: 0;
}

.output__label-title {
    display: block;
    font-size: 0.9rem;
    margin-bottom: 0.1rem;
    font-weight: 700;
}
.requiredfields:after {
    content: "*";
    font-size: 22px;
    color: red;
}

.output__label-example {
    display: block;
    font-size: 0.7rem;
    margin-bottom: 0.2rem;
    color: #FF8C00;
}

/* кнопки */
.ui-button-text {
    font-size: 0.8rem;
}

/********************************************************/

.clearfix:before, .clearfix:after {
    content: "";
    display: table; 
}
.clearfix:after {
    clear: both; 
}
.wrapper{
    width: 100%;
    margin: 0 auto;
}
.container {
    padding: 0 0.5rem;
}
.header {
    width: 100%;
    font-size: 1rem;
    z-index: 9999; 
    margin-bottom: 0.5rem;
}
/*************** форма регистрации ***********/
.formlogin-container {
    padding: 15px;
    width: 450px;    
    margin: 150px auto;
    border: 0;
}
.tabview-login.ui-widget-content {
    background-color: antiquewhite;
}
.logintab-login-fields .ui-widget-content{

    border: 0;
    background-color: antiquewhite;
}
.logintab-login-fields .ui-widget-content .ui-panelgrid-cell{
    border: 0;
}
/*************** горизонтальное меню проекта ***********/
.mainmenu {
    font-weight: normal;
    margin: 0;
    padding: 3px;
}
.mainmenu .ui-menubar {
    background-color: #25aae1;
}
.mainmenu .ui-menuitem-text {
    font-size: 14px;
}

/****** Панель с сылками на диалоговые окна ********/
.customer-control-link-panel {
    margin-left: -0.5rem;
    width: 100%;
}

.comandlink {
    margin: 0 0.5rem;
    text-decoration: none;
}
.comandlink.ui-commandlink {
    color: #25aae1;    
}
.comandlink.ui-commandlink:hover {
    color: #3399ff;
}

/************ Диалоговые окна **********************/
#dlg-customer .ui-dialog-content{
    padding: 5px 5px 0 5px;
}
.panelgrid-searchtext{
    box-sizing: border-box; 
    margin-bottom: 10px;
    border: 2px solid #A37B46;
    background-color: #FFDEAD;
    border-radius: 5px;
}
.panelgrid-searchtext td {
    padding: 5px;
}
.panel-grid {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: right;
    align-items: center; 
    margin: 0 0 1rem 0;
}
.panel-grid_header {
    flex: 0 0 auto;
    /*background-color: aqua;*/    
    margin: 0 1rem 0 0 ;    
    font-size: 0.9rem;    
    font-weight: 700;
}
.panel-grid_content {
    flex: 0 0 auto;
    /*background-color: yellow;*/
    text-align: left;
}

.pdialog.ui-dialog {
    background-color: antiquewhite; 
    padding: 0;
    margin: 0;
}
.pdialog.ui-dialog .ui-dialog-title {
    font-style: italic;
}
.pdialog.ui-dialog .ui-dialog-content {
    height: 100%;
    padding: 0px;
    margin: 0;
}
.pdialog .dialog__body {
    display: table;
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0;
}
.pdialog .dialog__body-content {
    display: table-row;
    width: 100%;
    height: 100%;   
    padding: 0px;
    margin: 0;
}
.pdialog .panelleft {
    width: 480px;
    float: left;
}
.pdialog .panelright {
    width: 480px;
    float:right;
}
.pdialog .dialog__footer {
    /*width: 100%;*/
    height: 45px;    
}
.pdialog .dialog__footer .dialog__control {
    float: right;
}
.dialog__control td{
    padding: 0 5px;
}

#dlg-customer .input__text {
    width: 470px;
}
#dlg-customer  .inn-kpp-ogrn-zip {
    width: 470px;
}
#dlg-customer .inn-kpp-ogrn-zip .ui-inputfield {    
    width: 407px;
}

/********  Выпадающие списки "должности руководителя" **********************/

.regionlist.ui-selectonemenu{
    width: 470px;      
    margin: 10px 10px 10px 0;
}
.headPostIMList.ui-selectonemenu,
.headPostRODList.ui-selectonemenu,
.headPostBasisList.ui-selectonemenu
{
    width: 150px;
    margin: 10px 10px 10px 0;
}
.regionlist.ui-selectonemenu .ui-selectonemenu-trigger,
.headPostIMList.ui-selectonemenu .ui-selectonemenu-trigger,
.headPostRODList.ui-selectonemenu .ui-selectonemenu-trigger,
.headPostBasisList.ui-selectonemenu .ui-selectonemenu-trigger
{
    width: 30px;
    padding-left: 5px;
}

/********* Банковские реквизиты ****************/
.table-bank-account-list.ui-datatable{
    margin-bottom: 1rem;
    background-color: white;
}

.bankaccount-fields {
    width: 100%;
}

.bankaccount-fields .fields-row1 {
    display: inline-block;
    width: 260px;
}
.bankaccount-fields .fields-row1 .ui-inputfield {
    width: 240px;
}

.bankaccount-fields .fields-row2 {
    display: inline-block;
    width: 482px;
}
.bankaccount-fields .fields-row2 .ui-inputfield {
    width: 480px;
}

.help-message {
    display: inline-block;
    text-align: center;
    margin-top: 2px;
    color: green;
    margin-left: 5px;
}
/**************** Филиалы ******************/
#dlg-customerfill .ui-dialog-content{
    padding: 5px 5px 0 5px; 
}
#dlg-customerfill .input__text {
    width: 100%;
}
#dlg-customerfill .perc__value {
    width: 50px;
}
#dlg-customerfill .regionlist  {
    width: 350px;
    margin-top: 0px;
}
#dlg-customerfill .address{
    width: 415px;

}
#dlg-customerfill .schedule {
    width: 140px;
}
/*************** Дополнительная информация ************************/
#dlg-additionalinform .ui-dialog-content {
    padding: 5px 5px 0 5px; 
}
#dlg-additionalinform .textinform {
    width: 100%;     
    resize: none;
}
/*************** Контакты филиалов ************************/
.contactList.ui-datatable{
    margin-bottom: 1rem;
    background-color: white;
}

.contactFields.ui-panelgrid{
    width: 100%;   
}
.contactFields.ui-panelgrid .ui-widget-content {
    border: 0;

}
.contactFields.ui-panelgrid .ui-panelgrid-cell{
    background-color: antiquewhite;
    vertical-align: top;
    padding: 0 7px;
    border : 0;
}
.contactFields.ui-panelgrid .ui-panelgrid-cell.zona{
    width: 250px;
}
.contactFields.ui-panelgrid .ui-panelgrid-cell.zona .input__text{
    width: 290px;
    resize: none;
}

.contactFields.ui-panelgrid .ui-panelgrid-cell .input__text{
    width: 100%;
}

.contactFields .fields-row1 {
    display: inline-block;
    width: 335px;
}

.contactFields .fields-row2 {
    display: inline-block;
    width: 222px;
}
.contactFields .fields-row1 .input__text,
.contactFields .fields-row2 .input__text {
    width: 100%;    
}

/************** Поставщики **************/


.ui-datatable-scrollable .ui-datatable-scrollable-header, 
.ui-datatable-scrollable .ui-datatable-scrollable-footer{
    border: 0;
}
.tabview-distrib .ui-tabs {
    padding: 0;
    margin: 0;
    border-radius: 0; 
}

.tabview-distrib .ui-tabs-panels {
    background-color: antiquewhite;
    height: 100%;

}
.tabview-distrib.ui-tabs .ui-tabs-panel {
    padding: 0 ;
}

.tabview-distrib.ui-widget  {
    border: 0;
    padding: 0;
}
.distribList.ui-datatable{
    margin-bottom: 1rem;
    background-color: white;
}

.distribFields  .input__text,
.distribFields  .input__text.inn{
    height: 28px;
    margin-bottom: 3px;
}
.distribFields  .output__label-title,
.distribFields  .output__label-example{  
    margin-bottom: 3px;
}
.distribFields.ui-panelgrid{
    margin: 7px 7px 45px 7px;
}

.distribFields.ui-panelgrid .ui-widget-content {
    vertical-align: top; 
    border: 0;
}

#distribtabview .dialog__footer {
    height: 25px;
}

.distribFields.ui-panelgrid .ui-panelgrid-cell{
    background-color: antiquewhite;
    border : 0;

}
.distribFields .fields-row1 {
    padding: 0;
    margin: 0;
    width: 220px;
    height: 70px;
}

.distribFields .fields-row1 .ui-inputfield { 
    width: 210px;
}
/******************* Коды грузополучателей ***************/
#distribtabview .panelleft {
    width: 200px;
    background-color: antiquewhite;
}
#distribtabview .panelright {
    width: 750px;
}

/******************* Оборудование  ***************/
#dlg-customerinstall.ui-dialog .ui-dialog-content {    
    padding: 0;
}

#dlg-customerinstall .tabview-install .ui-tabs {
    padding: 0;
    border-radius: 0; 
}

#dlg-customerinstall .tabview-install .ui-tabs-panels {
    background-color: antiquewhite;
    height: 100%;

}
.tabview-install.ui-tabs .ui-tabs-panel {
    padding: 0 ;
}

#dlg-customerinstall .tabview-install.ui-widget  {
    border: 0;
    padding: 0;
}

.formcustomerinstall-general.ui-panelgrid.ui-widget {
    width: 100%;        
}
.formcustomerinstall-general.ui-panelgrid .ui-widget-content {
    border: 0;
    background-color: antiquewhite;
}
.formcustomerinstall-general.ui-panelgrid .ui-panelgrid-cell{    
    border: 0;
}

.formcustomerinstall-general .ui-inputfield.input__text{
    width: 400px;    
}

.formcustomerinstall-general .textinform{
    width: 100%;    
    resize: none;
}


/*.discountFields .select-one-мenu.ui-selectonemenu,
.discountFields .ui-selectonemenu label.ui-selectonemenu-label{
    height: 29px;
}*/

.select-checkbox-мenu.ui-selectcheckboxmenu  .ui-selectcheckboxmenu-trigger {
    width: 30px;
    padding-left: 5px;  
}

.select-one-мenu.ui-selectonemenu .ui-selectonemenu-trigger{
    width: 30px;
    padding-left: 5px;    
}
.select-one-мenu.ui-selectonemenu .ui-widget-content {
    background-color: white;    
}
.barcode.ui-selectonemenu {
    width: 260px;
}
.speed-unit.ui-selectonemenu { 
    width: 180px;        
} 
.formcustomerinstall-general .fields-row1 {
    display: inline-block; 
    vertical-align: top;
    margin-right: 15px;
}
.speed-value .ui-inputfield{
    width: 70px;
    margin-right: 7px;
}

.speed-value, .speed-unit {
    display: inline-block;
    vertical-align: top;
}

.select-one-мenu.computertype{
    width: 120px;
}

.formcustomerinstall-computer .ui-widget-content {
    border: 0;
    background-color: antiquewhite;
}
.formcustomerinstall-computer.ui-panelgrid .ui-panelgrid-cell{    
    border: 0;
}
/************ Сменить пароль **********/
.panelupdatepass.ui-widget-content,
.panelDocuments.ui-widget-content {
    width: 250px;
    background-color: antiquewhite;
    float: left;
    margin: 5px;
}
.panelgrid .ui-widget-content{
    border: 0;
    background-color: antiquewhite;
}
.panelgrid .ui-widget-content .ui-panelgrid-cell{
    border: 0;
}
/************** форма обратной связи ******************/
#dlg-feedback .ui-dialog-content {
    padding: 5px 5px 0 5px; 
}
#dlg-feedback .textinform {
    width: 100%;     
    resize: none;
}

/************** Скидки **************/

.discountList.ui-datatable{
    margin-bottom: 1rem;
    background-color: white;
}
.discountFields.ui-panelgrid{
    border : 0;
}

.discountFields {
    vertical-align: top; 
    margin: 7px;
}

.discountFields tr {
    border: 0;
}
.discountFields.ui-panelgrid .ui-panelgrid-cell{
    background-color: antiquewhite;
    border : 0;
}

.distribFields.ui-panelgrid .ui-widget-content {
    vertical-align: top; 
    border: 0;
}
.discountFields .fields-row1 {
    padding: 0;
    margin: 0;
}

/****************** Планирование запуска аптеки ***********************/
.start-use-calendar .ui-inputfield.ui-widget.ui-state-default.ui-corner-all.hasDatepicker {
    width: 182px;    
}

.clientStartTime .ui-inputfield.ui-widget.ui-state-default.ui-corner-all.hasDatepicker {
    width: 215px;
}

.rowcolorstartdata.ui-widget-content{
    background-color: red;
    color: yellow;
}

.textgreen {
    color: green;
}

.textred {
    color: red;
}


/*************************************** ************************************/
.requisites {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;        
    padding: 10px;
}
.requisites-header .h3 {
    width: 100%;
    text-align: center;
}
.requisites .ui-inputtext.ui-widget.ui-state-default.ui-corner-all,
.requisites .input-textarea, 
.requisites .ui-inputmask {    
    width: 100%;
}
.requiredfull {
    color: red;
    font-style: italic;
}
.requisites_row {
    margin: 2px 0;
}
.requisites_row-title {
    font-weight: bold;
    font-size: 13px;
    padding: 1px 0;
}
.requisites_row-field {
    padding: 1px 0;
}
.requisites_row-field-inputtext {
    margin-right: 15px;
}
.requisites_row-title-example {
    font-size: 11px;
    color: #FF8C00;
    margin-bottom: 1px;
}
.fullwidth {
    width: 100%; 
}

.requisites_row-left , .requisites_row-right{
    float: left;
    width: 50%;
}
.requisites_row-left {
    padding-right: 5px;
}
.requisites_row-right {
    padding-left: 5px;
}

.requisites_row-box {
    width: 1000%;
}
.lprposition {
    float: left; 
    width: 166px; 
}

.lprPositionImList.ui-selectonemenu,
.lprPositionRodList.ui-selectonemenu,
.lprPositionReasonList.ui-selectonemenu {
    width: 145px;
    /*margin: 10px 10px 10px 0;*/
}

.lprPositionImList.ui-selectonemenu .ui-selectonemenu-trigger ,
.lprPositionRodList.ui-selectonemenu .ui-selectonemenu-trigger ,
.lprPositionReasonList.ui-selectonemenu .ui-selectonemenu-trigger {    
    padding-right: 25px;
}