#ex1Slider .slider-selection {
    background: #BABABA;
}

#calendar {
    max-width: 900px;
    margin: 0 auto;
}

.hidden { display: none; }

.submit{
    text-align: center;
}

.description {

    overflow:auto;
    text-overflow: clip; 
    white-space: pre-wrap;

}
#ex1Slider .slider-selection {
    background: #BABABA;
}
a:hover{
    background-color: #8c8c8c !important;
}
a:focus{
    background-color: inherit !important;
}
.btn:focus{
    background-color: inherit !important;
}



.btn-add-new{
    color: white !important;
    background-color: #333333 !important;
}
.btn-add-new:hover{
    color:black !important;
    background-color:  #b3b3b3 !important;

}

.btn-info{
    color:black !important;
    background-color: #00b33c !important;
}
.btn-info:hover{
    color:black !important;
    background-color: #00e64d !important;
}

.btn-admin{
    color:white;
    background-color: #002699;
}

.color_border_black_hr{
    color:black;
    border-color: black;
}

div .custom_register_css{
    background-color: black ;
}

.smal_image {
    width:12%;
}
.smal_badge{
    width:40%;
}
.div-calender{
    margin-left: 3%;
    padding: 2%;
}

.class_edit {
    text-align: left;
    clear: both;
    float:left;
  margin-right:5px;
}


.black-fussion{
    width:10px;
    height:150px;
    margin-right: 5%;
    position: relative;
    z-index: 1;
    text-align: center;
}
.bolt{

    position: relative;

}

.button-hide-menu{
   margin-bottom: 15px;
}

.one-day-in-month div:nth-child(2){
    padding-right:  20px;
     padding-left:  20px;
}

.one-day-in-month div label {
    padding: 5px;

}
#one-day-in-month{
    padding-bottom:15px;
}
.Zebra_DatePicker_Icon Zebra_DatePicker_Icon_Inside_Right{
    top:5px !important;
}
.error-empty-fields{
    border:red 2px solid;
}
.error-field-cast{
 font-weight: bold;
 color: red;
}

.hidden_select{
    display:none;
}

.center-text{
margin: auto;
 
}
@media (min-width: 999px) {

  .content-div-main-page{
      margin:auto;
      width:25%;
  }
}

@media (max-width: 999px) {
 .content-div-main-page {
  margin-left:20%;
  }
}

@media (min-width: 700px) {
   .content-div-main-page {
    width:350px;
  }
}



@media (max-width: 700px) {
   .content-div-main-page {
    width:300px;
    margin:auto;
  }
}
@media (max-width: 480px) {
   .content-div-main-page {
    width:250px;
  }
}

.navbar-toggle{background-color: #b3b3b3;}