/** Widths **/
.w16, .form-control.w16		{width:16px}
.w32, .form-control.w16		{width:32px}
.w60, .form-control.w60		{width:60px}
.w80, .form-control.w80		{width:80px}
.w100, .form-control.w100	{width:100px}
.w120, .form-control.w120	{width:120px}
.w130, .form-control.w130	{width:130px}
.w150, .form-control.w150	{width:150px}
.w160, .form-control.w160	{width:160px}
.w170, .form-control.w170	{width:170px}
.w180, .form-control.w150	{width:180px}
.w200, .form-control.w200	{width:200px}
.w250, .form-control.w250	{width:250px}
.w300, .form-control.w300	{width:300px}

/** **/
input[type='text'], select, textarea    {padding:2px 5px; border:1px solid #ddd; width: 100%; box-sizing:border-box}
select, select.form-control             {padding:3px 4px}

.nomargin					{margin:0}
/** Dispensation **/
div.form-control			{height:auto; min-height:32px}
.top-noti               {position: fixed; top: 1px; left: 0; width: 100%; z-index: 100; text-align: center;}
.top-noti .msg          {background: #f9edbe; border:1px solid #ebccd1; color:#222; font-weight: bold; padding: 3px 10px; border-radius:2px; display: inline-block; margin: 0 auto}
.top-noti-err           {position: fixed; top: 1px; left: 0; width: 100%; z-index: 100; text-align: center;}
.top-noti-err .msg      {background: #ff0000; border:1px solid #333; color:#fff; font-weight: bold; padding: 3px 10px; border-radius:2px; display: inline-block; margin: 0 auto}

.sp-bx                  {}
.sp-bx label            {width: 130px}
.sp-bx #ps_type         {height: 36px}
.sp-bx #code            {width: 500px; height: 36px; margin: 0 0 0 0}
.sp-bx #code:focus      {border: 1px solid #5bc0de}
.sp-bx .btn             {height: 36px; min-width: 60px}
.spin                   {background: url(../img/input-spinner.gif) 480px 9px no-repeat}

.dbx1, .dbx2            {min-height: 400px}

.p-dtl-bx                                           {font-size: 12px}
.p-dtl-bx .table                                    {margin: 0}
.p-dtl-bx .table td, .p-dtl-bx .table th            {padding: 4px}

.p-dtl-bx .form-control[type='text']    {font-size: 12px; height: 28px}
.p-dtl-bx div.form-control              {font-size: 12px;  min-height: 28px; border-color:#f2f2f2;}

.p-dtl-bx .col-sm-1, .p-dtl-bx .col-md-1, .p-dtl-bx .col-sm-2, .p-dtl-bx .col-md-2, .p-dtl-bx .col-sm-3, .p-dtl-bx .col-md-3, .p-dtl-bx .col-sm-4, .p-dtl-bx .col-md-4, .p-dtl-bx .col-sm-5, .p-dtl-bx .col-md-5, .p-dtl-bx .col-sm-6, .p-dtl-bx .col-md-6, .p-dtl-bx .col-sm-7, .p-dtl-bx .col-md-7, .p-dtl-bx .col-sm-8, .p-dtl-bx .col-md-8, .p-dtl-bx .col-sm-9, .p-dtl-bx .col-md-9, .p-dtl-bx .col-sm-10, .p-dtl-bx .col-md-10, .p-dtl-bx .col-sm-11, .p-dtl-bx .col-md-11, .p-dtl-bx .col-sm-12, .p-dtl-bx .col-md-12 {padding-left:3px; padding-right:3px}
.p-dtl-bx .row	{margin-left:-3px; margin-right:-3px}
.p-dtl-bx a     {text-decoration: underline;}

.u-link         {position: absolute; right: 3px; top: 3px; font-weight: normal;}
.s-title        {box-sizing: border-box; background-color: #dff0d8; border:1px solid #d6e9c6; color: #3c763d; padding: 5px 10px; font-size: 13px; line-height: normal}

.history-bx .mb10:last-child    {margin-bottom: 0}
div.form-control.yello-bdr      {border:2px solid #f9edbe}
.rmpro                      {font-size: 15px; cursor: pointer}
#sel_pro                    {border:2px solid #46b8da}

.app_dates_bx .app_date_v       {cursor: pointer}
.app_dates_bx div.form-control  {min-height: 24px; max-height: 24px; line-height: 12px}
.bio-bx                         {background: #ccc; width: 75px; min-height: 100px;}
.bio-bx img						{max-width:100%;}

#dis_pro_bx .batch_no           {cursor: pointer;}
#dis_pro_bx a.batch_no:focus    {outline: none}

#patient_list_bx                {width: 65%; margin: 0 auto; display: none}

.p-lists-bx                     {border:1px solid #ddd;}
.p-lists                        {list-style-type: none; margin: 0; padding: 0}
.p-lists li                     {list-style-type: none; margin: 0 0 2px 0; padding: 0; display: block; font-size: 12px; font-weight: bold}
.p-lists li a                   {display: block; padding: 3px 10px; background:#f1f1f1; color:#333; text-decoration: none}
.p-lists li a:focus             {outline:1px solid #5bc0de; outline-offset: -1px}

.paging1			{padding-top:5px;}
.paging1 a			{display:inline-block; padding: 0 3px; text-decoration: none}
.paging1 a:hover                {text-decoration:none;}
.paging1 a:focus                {outline: none}
.paging1 a.act                  {font-weight:bold; color:#ff0000;}

.disp-r-btns                    {position: absolute; width: auto; right: 0; top: -3px}
.disp-r-btns .btn               {border-radius: 2px}
.ptype-radio-bx                 {width: 400px; margin: 0 auto; font-size: 16px}

/** CD4 **/
.cd4-bx                                         {font-size: 12px}
.cd4-bx .table                                  {margin: 0}
.cd4-bx .table td, .p-dtl-bx .table th          {padding: 4px}
.add_patient.btn, .sel_patient.btn              {text-decoration: none; font-size: 11px; line-height: 10px}
.fac-search .form-control           {width: 500px}