@import "bootstrap.min.css";

@import "style.css";

.font-18{
    font-size: 18px;
}
.font-14{
    font-size: 14px;
}

.loginscreen h2{
    margin: 0px 0px 20px 0px;
    font-weight: 600px !important;
}
.font-weight-6{
    font-weight: 600;
}


.loginscreen.middle-box{
    width: 600px !important;
}
.middle-box{
    width:600px !important;
}
.theme-btn {
    margin: 0 auto !important;
    text-align: center !important;
    widows: 150px !important;
}
.theme-btn button:focus {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);

}
.loginscreen form{
    background-color: #dddddd;
}
.loginscreen form input:focus{
    border: 1px solid #0badc0 !important;
}
.card-1 {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 2px 2px 0 rgba(0,0,0,0.12);
}
.card-2 {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.card-4{
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
}
.sidebar-logo img{
    height: 60px;
    margin: 10px 0px;
}
.height3 img{
    height: 50px;
    margin: 0px 5px;
}
.profile-element{
    height: 52px;
    padding: 0px 0px;
}

.navbar-static-side .nav-header{
    padding: 10px 25px;

}
.navbar-static-top .navbar-form-custom{
    width: 80%;
}
.navbar-static-top .minimalize-styl-2{
    margin: 14px 15px 5px 5px;
}
.min-h-60{
    min-height: 60px;
}
.min-h-90{
    min-height: 92px;
}
.navbar-static-top .navbar-header{
    min-height: 60px;
}
.border-right{
    border-right: 1px solid grey;
}
.border-left{
    border-left: 1px solid grey;
}
.navbar-form-custom .input-group{
    border: 1px solid darkgrey;
    height: 32px;
    margin: 14px 0px 14px 5px
}
.navbar-form-custom .input-group-btn .btn-default{
    background-color: transparent;
    border: 0px;
}
.navbar-form-custom .input-group .form-control{
    height: 33px;
}
.min-h-60 .p-h-sm{
    padding: 20px 0px;
}
/*toggle button*/
.switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 22px;
    margin-bottom: -5px;

}
.switch span{
    margin: 0px 0px !important;
}
.switch input {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: silver;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.last-sec h5{
    margin-bottom: 0px;
    font-weight: 100;
}

.last-sec label{
    margin: 0px;
}

input:checked + .slider {
    background-color: #21b9bb;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/*------ ADDED CSS ---------*/
input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;}
/**/
.page-heading{
    padding: 10px;
}
.page-main .col-md-1{
    vertical-align: middle;
    padding: 12px 5px;
}
.page-main .col-md-4 .form-group{
    /*margin-bottom: 0px;*/
}
.theme-color {
    color: #23c6c8;
}
.ibox, .bg-white, ibox-content{
    background-color: white;
}
.ibox-content{
    min-height: 160px;
}
.ibox .col-xs-9, .ibox .col-xs-3{
    background-color: white;

}
.ip-add .input-group-addon{
    padding-top: 25px;

    background-color: white;
    border: 0px;
}

.panel-white .panel-default>.panel-heading{
    background-color: white;
}
.panel-white .panel-body{
    padding: 0px;
}
.panel-default>.panel-heading .badge-info{
    background-color: #23c6c8;
}

.recep-cat .navbar-form-custom .input-group
{
    margin: 0px;

}
.recep-cat .navbar-form-custom{
    height: auto;
}
.recep-cat .ibox-content{
    padding: 0px;
}
.recep-cat .form-group{
    margin-bottom: 0px;
}

.theme-config, .theme-config-box
{
    display: none;
}

.recep-cat .ibox{
    margin-bottom: 10px;
}

.table-responsive{
    overflow: visible;
}
.recep-cat .nav-tabs > li > a{
    color: ghostwhite;
    background-color: #23c6c8;
    padding: 10px 12px;
}

.recep-cat .tabs-container .nav-tabs > li.active > a,.recep-cat  .tabs-container .nav-tabs > li.active > a:hover,.recep-cat  .tabs-container .nav-tabs > li.active > a:focus{
    color:#23c6c8 ;
    background-color: white;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 2px 2px 0 rgba(0,0,0,0.12);

}
.recep-cat  .tabs-container .nav-tabs > li a:hover{
    color: ghostwhite;
    background-color: #23c6c1;
}
.recepnist .col-xs-3,.recepnist .col-xs-9{
    padding: 0px;
}
.recepnist .col-xs-6, .recepnist .col-xs-4, .recepnist .col-xs-8{
    padding: 5px 0px;
}
a{
    color: inherit;
}
.recepnist a,.recepnist a:hover, .recepnist a:focus{
    text-decoration: none;
    color: inherit;
}

.modal1 .col-sm-4, .modal1 .col-xs-3, .modal1 .col-sm-10,.modal1 .col-sm-2,.modal1 .col-sm- {
    padding-left: 5px;
    padding-right: 5px;
}

.recepnist .modal1{
    padding: 10px;
}
.modal1 .form-group .container-fluid{
    padding:0px;
}

.btn-100% .btn{
  width: 100%;
}
.modal3 .col-xs-2, .modal2 .col-xs-2{
  padding: 0px 10px;
}
.modal4 .modal-body{
  padding: 20px;
}
.modal4 .modal-body .col-sm-6, .modal4 .modal-body .col-sm-12 {
  padding: 5px 5px;
}

.modal1 .col-xs-2,.modal1 .col-sm-12{
  padding: 0px 5px;
}
.blank-round{
  border-radius: 50%;
  width: 100px;
  height: 100px;
  background-color: silver;
}
.blank-round-sm{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: silver;
}
.modal4 .col-sm-7 .col-sm-4, .modal4 .col-sm-3{
  padding: 5px 5px
}
.panel-body .col-sm-3,.panel-body .col-sm-5, .panel-body .col-sm-2, .panel-body .col-sm-9{
  padding: 0px;
}

.panel-body .col-sm-10 .col-sm-3{
  padding: 5px;
}
.panel-body h2{
  margin-top: 10px;
}

.recep-day .panel-heading{
  padding: 0px 15px;
}
@media screen only (min-width: 768px){
    .recepnist .navbar-minimalize{
        display: none;
    }
}