.row { margin-right: -5px; margin-left: -5px; }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}
.skin-miki .box { border-top-width: 5px; }
.nav-tabs-custom > .nav-tabs > li { border-top-width: 5px; overflow: hidden; }
.nav-tabs-custom > .nav-tabs > li.active { border-top-color: #23155F; }
.nav.nav-tabs > li > a { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nav-tabs.nav-justified > li > a, .nav-tabs.nav-justified > li > a:hover { border-top: 0px!important; }

pre,code,kbd,samp,tt{ font-family:monospace; *font-size:108%;line-height:100%; }
a { text-decoration: none; cursor: pointer; }
img { max-width: 100%; }
label { float: none; margin-right: 10px; }
label.required { font-weight: bold; }
label.control-label { margin: 0px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 34px; }
code { margin: 20px; padding: 20px; display: block; color: #333; }
div.checkbox { float: left; }
img.square { display: none!important; }
.form-group { margin-bottom: 10px; }
hr { margin-top: 5px; margin-bottom: 5px; }

.imgfade { cursor: pointer; }
.well { overflow: hidden; }
.print { display: none; }
.imeoff { ime-mode: disabled; }
.nowrap { white-space: nowrap; }
/*.form-control { display: inline-block; height: auto; width: auto; }*/
/*select.form-control { height: 43px; }*/
.form-control { padding: 6px; }
.form-control[type="date"], .form-control[type="time"] { padding: 6px 0px 6px 6px; text-align: center; }
.form-control[type="number"] { padding: 6px; text-align: right; }
.form-control[type="date"]::-webkit-inner-spin-button,
.form-control[type="date"]::-webkit-outer-spin-button,
.form-control[type="time"]::-webkit-inner-spin-button,
.form-control[type="time"]::-webkit-outer-spin-button,
.form-control[type="number"]::-webkit-inner-spin-button,
.form-control[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0px }
div.form-control { min-height: 34px; height: auto; }
div.form-control.chosen-container { height: 34px; }

.popover-title { white-space: nowrap; }

textarea.input-xxlarge { height: 100px; }
textarea.input-xxlarge.low { height: 50px; }
textarea.input-xxlarge.high { height: 200px; }

/*
textarea, select, .uneditable-input { margin-bottom: 0px; }
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
 { margin-bottom: 0px; }
 .input-sm, .form-group-sm .form-control { padding: 0px 5px; }
.radio input[type="radio"], .checkbox input[type="checkbox"] { position: relative; margin-left: 0px; margin-right: 3px; float: none; }
input.col-1, input.col-2, input.col-3, input.col-4, input.col-5, input.col-6, input.col-7, input.col-8, input.col-9, input.col-10, input.col-11, input.col-12
select.col-1, select.col-2, select.col-3, select.col-4, select.col-5, select.col-6, select.col-7, select.col-8, select.col-9, select.col-10, select.col-11, select.col-12
{ float: none; }
*/
input[type="file"] { display: inline; }
.form-actions { text-align: center; padding: 20px; }
.form-actions button.btn { min-width: 120px; }
.form-actions a.btn { min-width: 120px; }
.input-mini { max-width: 75px; }
.input-small { max-width: 110px; }
.input-medium { max-width: 170px; }
.input-large { max-width: 230px; }
.input-xlarge { width: 100%; max-width: 400px; }
.input-xxlarge { width: 100%; }
select.input-mini { width: 70px; }
div.volume .radio { display: inline; }
.btn-block+.btn-block { margin-top: 0px; }
.btn-group .btn { padding: 8px 4px; }
.btn-radius { border-radius: 10px!important; }
.noborder { border: 0px; }

.scroll-horizon { overflow-x: auto; }
.table { margin-bottom: 10px; }
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th
{ padding-top: 16px; padding-left: 4px; padding-right: 4px; padding-bottom: 16px; vertical-align: middle; }
.table-xs > tbody > tr > td,
.table-xs > tbody > tr > th,
.table-xs > tfoot > tr > td,
.table-xs > tfoot > tr > th,
.table-xs > thead > tr > td,
.table-xs > thead > tr > th
{ padding-top: 4px; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; vertical-align: middle; }
.table-sm > tbody > tr > td,
.table-sm > tbody > tr > th,
.table-sm > tfoot > tr > td,
.table-sm > tfoot > tr > th,
.table-sm > thead > tr > td,
.table-sm > thead > tr > th
{ padding-top: 8px; padding-left: 4px; padding-right: 4px; padding-bottom: 8px; vertical-align: middle; }
.table-plain > thead > tr > th,
.table-plain > tbody > tr > th,
.table-plain > tfoot > tr > th,
.table-plain > thead > tr > td,
.table-plain > tbody > tr > td,
.table-plain > tfoot > tr > td
 { border-top: 0px; }

.table-fixed { table-layout: fixed; width: 100%; }
.table-fixed th { width: auto!important; }
.table-fixed td { width: auto!important; }
/*tr.center th, tr.center td { text-align: center; }*/
/*.table td.actions { text-align: center; }*/
input[type="radio"], input[type="checkbox"] { margin: 0px; }
label.required { color: #d3381c; }

.badge-default { background-color: #999999; }
.badge-default[href]:hover,
.badge-default[href]:focus { background-color: #808080; }
.badge-danger { background-color: #d9534f; }
.badge-danger[href]:hover,
.badge-danger[href]:focus { background-color: #c9302c; }
.badge-success { background-color: #5cb85c; }
.badge-success[href]:hover,
.badge-success[href]:focus { background-color: #449d44; }
.badge-warning { background-color: #f0ad4e; }
.badge-warning[href]:hover,
.badge-warning[href]:focus { background-color: #ec971f; }
.badge-info { background-color: #5bc0de; }
.badge-info[href]:hover,
.badge-info[href]:focus { background-color: #31b0d5; }

.label-admin         { background-color: #8a200f; }
.label-manager       { background-color: #1E8231; }
.label-optometrist   { background-color: #F69F24; }
.label-merchandising { background-color: #F69F24; }
.label-staff         { background-color: #8a420f; }
.label-doctor        { background-color: #105DB0; }
.label-customer      { background-color: #122d5b; }

.text-waiting    { color: #F69F24; }
.text-pending    { color: #8a420f; }
.text-ongoing    { color: #1E8231; }
.text-completed  { color: #105DB0; }
.text-cancelled  { color: #8a200f; }

.text-left { text-align: left!important; }
.text-center { text-align: center!important; }
.text-right { text-align: right!important; }

.valign-top { vertical-align: top!important; }
.valign-middle { vertical-align: middle!important; }
.valign-bottom { vertical-align: bottom!important; }

@media (max-width: 767px) {
    .container { padding-left: 0px; padding-right: 0px; }
    .content-header, .content { padding-left: 10px; padding-right: 10px; }
    .fixed .content-wrapper, .fixed .right-side, .control-sidebar { padding-top: 50px; }
    .navbar-nav > .user-menu .user-image { margin-top: -2px; }
    .text-left-xs { text-align: left!important; }
    .text-center-xs { text-align: center!important; }
    .text-right-xs { text-align: right!important; }
    .pull-left-xs { float: left!important; }
    .pull-center-xs { float: center!important; }
    .pull-right-xs { float: none!important; }
}

@media (min-width: 768px) and (max-width:991px) {
    .text-left-sm { text-align: left!important; }
    .text-center-sm { text-align: center!important; }
    .text-right-sm { text-align: right!important; }
    .pull-left-sm { float: left!important; }
    .pull-center-sm { float: center!important; }
    .pull-right-sm { float: none!important; }
}

@media (min-width: 992px) and (max-width:1199px) {
    .text-left-md { text-align: left!important; }
    .text-center-md { text-align: center!important; }
    .text-right-md { text-align: right!important; }
    .pull-left-md { float: left!important; }
    .pull-center-md { float: center!important; }
    .pull-right-md { float: none!important; }
}

@media (min-width: 1200px) {
    .text-left-lg { text-align: left!important; }
    .text-center-lg { text-align: center!important; }
    .text-right-lg { text-align: right!important; }
    .pull-left-lg { float: left!important; }
    .pull-center-lg { float: center!important; }
    .pull-right-lg { float: none!important; }
}

.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}

#overlay {
    display: none;
    width: 100%;
    height:100%;
    padding-top: 50%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 10000;
    background: rgba(0,0,0,0.7);
}

.ball {
    background-color: rgba(0,0,0,0);
    border:5px solid #23155F;
    opacity:.9;
    border-top:5px solid rgba(0,0,0,0);
    border-left:5px solid rgba(0,0,0,0);
    border-radius:50px;
    box-shadow: 1px 0 1px #fff;
    width:50px;
    height:50px;
    margin: -25px auto 0px auto;
    -moz-animation:spin .5s infinite linear;
    -webkit-animation:spin .5s infinite linear;
}

.ball1 {
    background-color: rgba(0,0,0,0);
    border:5px solid #23155F;
    opacity:.9;
    border-top:5px solid rgba(0,0,0,0);
    border-left:5px solid rgba(0,0,0,0);
    border-radius:50px;
    box-shadow: 1px 0 1px #fff;
    width:30px;
    height:30px;
    margin:0 auto;
    position:relative;
    top:-40px;
    -moz-animation:spinoff .5s infinite linear;
    -webkit-animation:spinoff .5s infinite linear;
}

@-moz-keyframes spin {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(-360deg); }
}