.modal{
        background-color: white !important;
    }
    
    .thumbnailImg{
        width: 60px;
        display:table-cell;
    }
    
    .form-group .fb-required {
        color: #c10000;
        padding: 0px 6px;
        font-size: 23px;
    }
    
    
    .signature-btn img.img-responsive.pad{
        width: 90%;
        padding: 7px 7px;
        height: 118px;
        margin: 9px;
        border: 1px solid #f1f1f19c;   
    }
    
    .signature-btn-popup img.img-responsive.pad {
        width: 89%;
        padding: 7px 7px;
        height: 118px;
        margin: 9px;
        border: 1px solid #f1f1f19c;
        text-align: center;
    }
    .signature-btn-popup{ 
        height: 150px;       
        width: 70% !important;
        border: 1px solid #e9e9e9;
        border-top: 3px solid #d2d6de;
        display: inline-block;
    }
    .signature-btn{
        height: 150px;
        width: 100% !important;
        border: 1px solid #e9e9e9;
        border-top: 3px solid #d2d6de;
        display: inline-block;
    }
    
    input[type="text"].signature-btn-popup,
    input[type="text"].signature-btn{
        opacity: 0;
        width: 27% !important;
        position: absolute;
        box-shadow: 0 0 black;
        margin-top: 65px;
    }
    
    #myModal  textarea.form-control {
        height: 100px;
        width: 79%;
        border-radius: 9px;
        background-color: #fff;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    }
     #myModal select.form-control {
        width: 79%;
    }
    
    .print-div{
        padding-bottom: 40px !important;
    }
    
    input[type="submit"]{
        width: auto !important;
        padding: 7px 27px;
    }
    
    .box.box-danger{
        width:380px;
    }
    
    .form-group {
        width: 300px;
    }
    
    .span7.form-control .span1{
        display: contents;
    }
@media print{
    body{
        font-size: 8px !important;
    }
     
     
     .navbar.navbar-inverse.navbar-fixed-top,#print-click{
         display: none;
     }
     
     .row-fluid.show-grid > div.span12 h1{
         display: none;
     }
    @page {
            margin-bottom: 0.5cm;   
            margin-top: 0.5cm;                      
          }

    table { page-break-inside:avoid;
            empty-cells: hide; }

 } 
 
 label,div,input,select,button,textarea{
    direction: rtl;
    text-align: right;
    font-size: 16px;
 }
 input.form-control,select.form-control{
    width: 100%;
    height: 32px;
 }
 
 textarea.form-control{
    height: 100px;
    width: 100%;
    border-radius: 9px;
    background-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
 }
 
 textarea.form-control:focus,input[type="file"]:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid #719ECE;
}
 input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
     /*width: -webkit-fill-available;*/ 
     width: auto; 
}

input[type="file"]:focus {
    outline: 0;
    border: none;
}

#submit{
    padding: 13px 25px;
    font-size: xx-large;
/*    background-image: -webkit-gradient(linear,0 0,0 100%,from(#00a65a),to(#00a65a));
*/
}
 
.hidesignature{
    opacity: 0;
}

/******************form with logo********************/

#header-logo{
    padding: 20px;
    height: 140px;
    width: auto;
}

body div.row-fluid{
    width: 34% !important;
    background: white;
    margin-left: 30%;
    margin-right: 32%;
    padding: 2px 25px;
}

.background-image{
    background: url('') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media only screen and (max-width: 359px) and (min-width: 320px){ 
table.table {
        width: 100% !important;
        font-size: 10px;
        max-width: none;
    }
    
    body div.row-fluid {
        width: 100% !important;
        background: white;
        margin-left: 0;
        margin-right: -24px;
        padding: 2px 25px;
    }
label,div,input,select,button,textarea{
    direction: rtl;
    text-align: right;
    font-size: 10px;
 }
h1{
font-size: 17.5px;
}
.roomArea > .box.box-danger {
    right: -69px;
}
.roomArea>.box-danger>.box-header {
    width: 100%;
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {
    display: inline-block;
    font-size: 15px!important;
    margin: 0;
    line-height: 1;
}


.box.box-danger {
    width: 318px;
}


.span12 a.btn {
    display:block!important;
}



}

@media only screen and (max-width: 720px) and (min-width: 360px){ 
    table.table {
        
            width: 86% !important;
          background: white;
          margin-left: 0;
          margin-right: 0%;
          padding: 2px 25px;
    }
    
    body div.row-fluid {
        width: 100% !important;
        background: white;
        margin-left: 0;
        margin-right: -12%;
        padding: 2px 25px;
    }
}
@media only screen and (max-width: 815px) and (min-width: 620px){ 
    table.table {
        width: 100% !important;
        font-size: 14px;
        max-width: none;
    }
    
    body div.row-fluid {
        width: 60% !important;
        background: white;
        margin-left: 0;
        margin-right: 46px;
        padding: 2px 25px;
    }
}