/* Global Custom Stylesheet for SIMRS */
#main-tabs{
    position: relative;
    white-space: nowrap;
    height: 42px;
    margin-bottom: 0px;
}
#main-tabs li a#tabhome{
  padding-right: 15px;
}
#main-tabs li:first-child a{
  padding-right: 15px;
}

#main-tabs li a{
  padding-right: 20px;
}

#main-tabs li.active>a>span.close.close-tabs i{
  font-size: 13px;
  color: #d1d1d1;
}

#main-tabs li>a>span.close.close-tabs{
  display: inline-block;
  position: absolute;
  margin-top: -9px;
  right:2px;
}

.close.close-tabs i{
  font-size: 13px;
  color: #eeecec;
}
#main-tabs li>a>span.close.close-tabs:hover i{
  color: #fb0404;
}

.ui-fancytree li{
  font-size:11px !important;
}

textarea.input-xs{
  resize: none;
}

.input-xs , .select2-selection--single{
  border-radius: 0;
}

.input-xs:focus , .select2-selection--single:focus{
  border-color: #90a4ae !important;
}

.has-error .input-xs:focus , .has-error .select2-selection--single:focus{
  border-color: #D84315 !important;
}

/*JqueryValidationError*/
.error {
    border: 1px solid #dd4b39!important;
    background-color: #fee;
}

/*BS Tooltip Error*/
.error + .tooltip>.tooltip-arrow{
    border-top-color:#dd4b39;
    border-bottom-color: #dd4b39;
}

.error + .tooltip>.tooltip-inner
{
    background-color: #dd4b39;
}

.error>.selection>.select2-selection{
    background-color: #fee;
}

.table-framed{
  border-collapse: unset;
}

.simrs-form.row [class*="col-"]:first-child{
  padding-left:0px;
  padding-right:5px;
}

.simrs-form.row [class*="col-"]{
  padding-left:5px;
  padding-right:5px;
}

.simrs-form.row [class*="col-"]:last-child{
  padding-left:5px;
  padding-right:0px;
}

.simrs-form.row [class*="col-"]:only-child{
  padding-left:0px;
  padding-right:0px;
}

.simrs-form2.row .form-group:first-child{
  padding-top:0px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
}

.simrs-form2.row .form-group{
  padding-bottom:5px;
  margin-bottom: 5px;
  padding-left:5px;
  padding-right:5px;
}


.simrs-form2.row .form-group:last-child{
  padding-top:6px;
  margin-bottom: 0px;
  padding-bottom:0px;
  padding-left: 5px;
  padding-right: 5px;
}

.simrs-form2.row .form-group [class*="col-"]:first-child{
  padding-left:0px;
  padding-right:2px;
}

.simrs-form2.row .form-group [class*="col-"]{
  padding-left:2px;
  padding-right:2px;
}

.simrs-form2.row .form-group [class*="col-"]:last-child{
  padding-left:2px;
  padding-right:0px;
}

.simrs-form2.row .form-group [class*="col-"]:only-child{
  padding-left:0px;
  padding-right:0px;
}

@media (min-width:1024px) {
  .simrs-form3.row [class*="col-"]:first-child{
    padding-left:5px;
    padding-right:5px;
  }

  .simrs-form3.row [class*="col-"]{
    padding-left:5px;
    padding-right:5px;
  }

  .simrs-form3.row [class*="col-"]:last-child{
    padding-left:5px;
    padding-right:5px;
  }

  .simrs-form3.row [class*="col-"]:only-child{
    padding-left:10px;
    padding-right:10px;
  }
}

/* Button Tambah pada modul master */
.masterPlus:hover{
  color: #fff;
}

.errorContent{
  min-width: 50px;
  padding:3px;
}

.heading-elements{
  background-color: transparent;
  right:10px;
}

/*Pickadate*/
.picker__weekday{
  padding-bottom: 0px;
}

.picker__header{
  padding-bottom: 5px;
  padding-top: 5px;
}

.picker__footer button{
  padding:5px;
  text-align: center ;
}
.picker__table{
  margin:0px;
}

.picker__table .picker__day{
  padding:5px;
}

.picker__nav--prev, .picker__nav--next{
    padding-top: 8px;
    padding-right: 0px;
    padding-bottom: 8px;
    padding-left: 0px;
}

.picker__select--year{
  width:57px;
}


/*Disable Native Datepicker on Chrome*/
input::-webkit-calendar-picker-indicator{
    display: none;
}

input[type="date"]::-webkit-input-placeholder{
    visibility: hidden !important;
}
/*End Native*/

.tooltip-inner{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.nav li a i.fa{
  font-size: 19px;
}

/* datetimepicker */
.datepicker{
	padding-top:5px;
}

.datepicker table tr td span{
	padding:0px;
}
.bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td,
.bootstrap-datetimepicker-widget .table-condensed > thead > tr > th,
.bootstrap-datetimepicker-widget .table-condensed > thead tr:first-child th
{
	padding:5px !important;
}

.bootstrap-datetimepicker-widget .table-condensed > thead > tr > th.prev,
.bootstrap-datetimepicker-widget .table-condensed > thead > tr > th.next{
	width:15% !important;
}

.bootstrap-datetimepicker-widget .picker-switch td span
{
	height:30px !important;
	line-height: 2;
	width: 97%;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade{
	line-height: 4.5em !important;
}

.select2-search--dropdown{
  padding:3px;
}

.select2-search--dropdown .select2-search__field{
  padding-left: 25px;
}

.select2-search--dropdown::after{
  left: 10px;
}

.panel-pasien{
    margin-bottom:10px;
}
.panel-pasien .panel-button .btn{
    padding-right: 7px;
    padding-left: 7px;
}

.panel-pasien .panel-body{
    padding: 0px 10px 10px;
}

.panel-pasien .panel-footer{
    padding: 5px 10px;
}

.bootstrap-switch{
  white-space: nowrap;
}

/*UI CUSTOM STYLE*/
.ui-dialog-titlebar{
    cursor: move;
    padding: 0px;
    background: #263238;
}
.ui-icon{
    white-space: nowrap;
    overflow: hidden;
}
.ui-icon:before{
    font-size: 20px;
}
.ui-dialog-titlebar-restore,
.ui-dialog-titlebar-maximize,
.ui-dialog-titlebar-minimize{
    position: relative;
    width: 22px !important;
    right: 0.4em !important;
    color: rgba(255, 255, 255, 0.75);
}
.ui-dialog-titlebar-close:after{
    color: rgba(255, 255, 255, 0.75);
    font-size: 20px !important;
    content: "\ed65";
}

.table-hover tbody>tr:hover{
  background-color: #abc7fb !important;
}

.bootstrapMenu ul.dropdown-menu{
  padding-top:0px;
  padding-bottom: 0px;
}

.bootstrapMenu ul.dropdown-menu>li>a{
  padding:5px;
}

/*Disable Text Select*/
/*.table{*/
/*  /-webkit-user-select: none; !* Chrome all / Safari all *!*/
/*  #-moz-user-select: none;   !* Firefox all *!*/
/*  #-ms-user-select: none;  !* IE 10+ *!*/
/*  # user-select: none;  !* Likely future *!*/
/*}*/

.table-fixed thead {
    width: 97%;
}
.table-fixed tbody {
    width: 100%;
}
.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
}
.table-fixed tbody td,
.table-fixed thead > tr> th {
    float: left;
    border-bottom-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fixed-table tbody {
    display:block;
    overflow-y:scroll;
}
.fixed-table thead,
.fixed-table tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.fixed-table thead th,
.fixed-table tbody td{
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.fixed-table thead th{
    white-space: break-spaces;
}

.well{
    white-space: break-spaces;
}

.ctxGabungTagihan.selected{
    background-color: rgba(255, 210, 18, 0.44);
}

@keyframes spin {
    from{
        transform: rotateY(0deg);
        moz-transform: rotateY(0deg); //Firefox
    ms-transform: rotateY(0deg); //Microsoft Browsers
    }
    to{
        transform: rotateY(360deg);
        moz-transform: rotateY(360deg); //Firefox
    ms-transform: rotateY(360deg); //Microsoft Browsers
    }
}
@-webkit-keyframes spin{
    from{-webkit-transform: rotateY(0deg);}
    to{-webkit-transform: rotateY(360deg);}
}
.imageSpin{
    animation-name: spin;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    -webkit-animation-name: spin;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
}

.timeline-paramedis{
    background-color: rgba(255, 87, 34, 0.30);
}

.timeline-dokter{
    background-color: rgba(33, 150, 243, 0.30);
}

.timeline-gizi{
    background-color: rgba(180, 252, 155, 0.3);
}

.dropdown-menu > li > label {
    padding: 8px 15px;
    outline: 0;
}
.dropdown-menu > li > label {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.5384616;
    color: #333333;
    white-space: nowrap;
}

.dropdown-menu > li > label > i, .dropdown-menu > li > label > img {
    margin-right: 10px;
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-main .navigation-main > li > label {
        display: block;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
}
.navigation > li > label {
    cursor: pointer;
    padding: 12px 20px;
    min-height: 44px;
    font-weight: 500;
}
.navigation li label {
    color: rgba(255, 255, 255, 0.75);
    display: block;
    -webkit-transition: background 0.15s linear, color 0.15s linear;
    -o-transition: background 0.15s linear, color 0.15s linear;
    transition: background 0.15s linear, color 0.15s linear;
}

.navigation li label:hover,
.navigation li label:focus {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.navigation li label > i.pull-right {
    margin-right: 0;
    margin-left: 15px;
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-main .navigation-main > li > label > span {
        display: none;
        position: absolute;
        top: 0;
        right: -260px;
        background-color: #455A64;
        border-color: #455A64;
        padding: inherit;
        padding-left: 20px;
        padding-right: 20px;
        width: 260px;
        text-align: left;
        color: #fff;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-main .navigation-main > li > label > i {
        margin: 2px 0;
        display: block;
        float: none;
    }
}

.navigation li label > i {
    float: left;
    top: 0;
    margin-top: 2px;
    margin-right: 15px;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}