@font-face {
font-family: 'Myfonts','FontAwesome';
src: url('../fonts/Verdana.ttf');
  font-weight: normal;
  font-style: normal;
}

.sortTab td{
    padding: 0px;
    margin: 0px;
    border: 1px solid black;
  border-collapse: collapse;
}


  footer {
      background-color: #FF0040;
      padding: 10px;
      
    }

    .carousel-inner img {
      width: 30%; /* Set width to 100% */
      min-height: 100px;
    }

    /* Hide the carousel text when the screen is less than 600 pixels wide */
    @media (max-width: 600px) {
      .carousel-caption {
        display: none; 
      }
      .hideResponse{
        display: none; 
      }
      
      .responseButton{
        font-size: 20px;
      }

             
}

.network {
    width:45%;
    float:left;
    margin:5px;
}

@media only screen and  (max-width: 800px) {          
	.network{
        width:100%!important;
	float:none!important;
	}
       .client_td_1{
        width:60%!important;
        }
        .client_td_2{
        width:30%!important;        
        }
     #new_prot{
    width:100%!important;
    }      
     
     .client_table{
    width:100%!important;
    }
    .bus_table{
    width:100%!important;
    }  
    #new_prot #product input{
      width:100%
    }
     #new_prot #product table{
      width:100%!important;  
    }
     #new_prot #product table td{
      width:100%!important; 
      padding: 0px; 
    }
    .date{
      width:50%!important;  
    } 
}
.client_td_1{
    width:50%;
    padding:5px;
}
.client_td_2{
    width:30%;
     padding:5px;
}
.client_table{
    width:50%;
}
.bus_table{
    width:70%;
}

 #new_prot{
    width:80%;
    }      


.page {
position:absolute!important;
background: white!important;
margin: 20px!important;
padding: 5px!important;
z-index: 0!important;
}

.the-legend {
    border-style: none;
    border-width: 0;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
}
.the-fieldset {
    border: 2px groove threedface #444;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}



#save_message #save_message1{
    color:red;
    
}

   #loading-indicator {                 
  position: absolute;                
  left: 40%;                         
  top: 30%;   
  z-index:999;                        
   }  
#loading{                            
  position: relative;
  left: 50%;
  top: 30%;
  z-index: 999; 
 }  
    body,html{
		height: 100%;        
   }


    #loading-indicator {
  position: absolute;
  left: 40%;
  top: 30%;
  z-index: 999; 
    }

	.main .row{
		padding: 0px;
		margin: 0px;
  }

	.main{
		padding: 10px 10px 0 10px;        
    }
    
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

div.panel {
    padding: 0px;
    display: none;
    background-color: white;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid black;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well-legend {
  display: block;
  font-size: 14px;
  width: auto;
  padding: 2px 7px 2px 5px;
  margin-bottom: 5px;
  line-height: inherit;
  color: #333;
  background: #fff;
  border: 1px solid black;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}



.well_1 {
  min-height: 20px;
  padding-left: 19px;
  margin-bottom: 10px;
  background-color: #f5f5f5;
  border: 1px solid black;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.edit_rows:hover{
    background:#ffcccc;
    cursor:pointer;    
}


.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
  
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}