/* prevent background scrolling when scroll poped up modal
------------------------------------------------------------*/ 
body.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.edit-input {
    display: none; 
}
    
.table-borderless tbody tr td,
.table-borderless tbody tr th,
.table-borderless thead tr th,
.table-borderless thead tr td,
.table-borderless tfoot tr th,
.table-borderless tfoot tr td {
    border: none;
} 
        
.text-red {
    color: red; 
}
.text-blue {
    color: blue;
}
.text-shadow {
    text-shadow: 1px 1px 1px #666; 
}
.text-shadow-light {
    text-shadow: 1px 1px 1px #ccc; 
}     

/* <dividers>
====================*/
.divider { 
    height: 1px; 
    width:100%; 
    display:block;
    margin: 9px 0; 
    overflow: hidden; 
    background: transparent; }
.divider.tall {
    margin: 20px 0;
}    
.divider.bold { 
    height: 3px; }
.divider.white { 
    background-color: #fff; }
.divider.gray { 
    background-color: #ccc; }
.divider.green { 
    background-color: #4cae4c; }    
.divider.primary { 
    background-color: #3174b0; }    

/* <buttons>
====================*/
.btn-circle {
    width: 49px;
    height: 49px;
    text-align: center;
    padding: 5px 0;
    font-size: 20px;
    line-height: 2.00;
    border-radius: 30px;
}

.btn-circle-micro {
    width: 19px;
    height: 19px;
    text-align: center;
    padding: 1px 0;
    font-size: 13px;
    line-height: 0.1;
    border-radius: 30px;
}

.btn-circle-sm {
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 2px 0;
    font-size: 20px;
    line-height: 1.65;
    border-radius: 30px;
}

.btn-circle-lg {
    width: 79px;
    height: 79px;
    text-align: center;
    padding: 13px 0;
    font-size: 30px;
    line-height: 2.00;
    border-radius: 70px;
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.badge {
  padding: 1px 9px 2px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

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

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

/** Small devices (tablets, 768px and up) */        
@media only screen and (min-width:768px) {
       
}

@media only screen and (max-width:767px){    

}

/** styles for mobile browsers smaller than 320px; (iPhone 4) */
@media only screen and (max-width:360px){

}


@media only screen and (min-width: 320px) and (max-width: 667px) {     
    
}

/** Portrait and Landscape - My Custom Screen Size */
@media only screen and (min-width: 668px) and (max-width: 735px) {
    
}

/** Portrait and Landscape - iPhone 6+ - ipads */
@media only screen and (min-width : 736px) and (max-width : 1024px) {                   
     
}