/*==== Main Page Wrapper Styling =====*/

.panel01{width: 100%; height: 200px; background: #fff;  margin-bottom: 1.8em; border-radius: 0px; text-align: center; padding: 2em;}
.panel01 img{height: auto; padding: .8em; width: 50%; text-align: center;}
.panel01:hover{box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);}
.box01 a:hover{text-decoration: none;}

.btn_search {
    padding-top:11px !important; padding-bottom:11px !important; outline: none !important;
}

/*===== Add page ====*/
/*///////////new Css /////////////////*/
.borderless tr>td{border: none !important;}
.borderless tr>th{border: none !important;}
.letter_title_one{
    font-size: 140% !important;
    font-weight: bold;
    line-height: 20px;
}
.letter_title_two{
    font-weight: bold;
    font-size: 200% !important;
}
.letter_title_three{
    font-weight: bold;
    line-height: 25px;
}
.letter_subject{
    font-weight: bold;
    font-size: 180% !important;
    margin-top: 40px;
    margin: 20px;
    text-decoration: underline;
}
.sig{border-top: 1px dashed #000; padding-top: 1em;}
.mr{margin-right: 5em;}
.photo{width: 150px; height: 160px; border: 3px solid #b1b1b1; background: #fff; overflow: hidden;}
.pull-righ a.page_add{background: #efefef;}
.page_add a{background: url(../images/add_icon.png) no-repeat right 0; padding-right: 1.3em; line-height: 100%; text-decoration: none;}

.panel h6{ font-size:110%; line-height:190%;  font-weight:normal; text-align:center; background:#345089; color:#fff; border-bottom:1px solid #fff;}
.panel h6:hover{ cursor:pointer}
.mydesplay{box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);}

.myspacer {margin: 2em; height: 1px;  width: 100%; padding: 2em;}
.myspacer1{ clear:both; height:10px; line-hieght:10px; font:10px;}
.none h6{ font-size:110%; line-height:190%;  font-weight:normal; text-align:center; background:#345089; color:#fff; border-bottom:1px solid #fff;}
.none h6:hover{ cursor:pointer}
.btn_search{padding: .8em; border-radius: 0px; background: #f2f2f1;}
.farRight { overflow: scroll; height: 100%; background: #f2f2f1;}
.farRight table {font-size: .8em;}
.forRight table tr td{margin: 1px !important; padding: 1px !important;}
.mydownload{background: url(../images/download_icon.png) no-repeat 0 0; padding-left: 1.8em;}
.nagadi_title{text-align: center; font-size: 150%;}
.total_amount_1{background: transparent !important;}
#net_total{background: transparent;}


.calculate_div{margin-top: 1em; margin-bottom: 1em;}

.btn {
  background: #2460b9;
  background-image: -webkit-linear-gradient(top, #3498db, #2460b9);
  background-image: -moz-linear-gradient(top, #3498db, #2460b9);
  background-image: -ms-linear-gradient(top, #3498db, #2460b9);
  background-image: -o-linear-gradient(top, #3498db, #2460b9);
  background-image: linear-gradient(to bottom, #3498db, #2460b9);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-shadow: 1px 1px 3px #666666;
  border:1px solid #2157a7;
  color: #ffffff;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}
.btn a{ color:#fff !important;}
.btn a:hover{color:#fff !important;}
.btn:hover {
  background: #1f56a7;
  background-image: -webkit-linear-gradient(top, #1f56a7, #2460b9);
  background-image: -moz-linear-gradient(top, #1f56a7, #2460b9);
  background-image: -ms-linear-gradient(top, #1f56a7, #2460b9);
  background-image: -o-linear-gradient(top, #1f56a7, #2460b9);
  background-image: linear-gradient(to bottom, #1f56a7, #2460b9);
  text-decoration: none;
  cursor:pointer; color:#fff;
}
.btn a:hover{color:#fff !important;}
.btn:hover {
  text-decoration: none;
  cursor:pointer; color:#fff;
}
.btn:focus{
    color: #fff !important;
}
.btn:visited{color: #fff !important;}
.add{
    background: #26b065;
}
.edit{
    background: #358dd7;
}
.delet{
    background: #e34f41;
}
.save{
    background: #358dd7;
}

.mysign{ border-top:1px dashed #000;}
.myTextRight{ text-align:right;}

/*amdani Rashid hr line style */
hr {
    border: 1px dotted #000;
    border-style: none none dashed; 
}
.myform_input_80 input[type="text"]{
    width:80px !important;
}
.mywidth30 input[type="text"]{
    width: 30px !important;
}

.myform select{
    width: 100% !important;
}
.margin1{
    padding: 1em;
}
.mycenter{
    text-align: center;
}
/*Final 
 styling*/
 #print_page{
    width: 100%;
    
    font-size: 11px;
     /*border: 1px solid #ccc;*/
    }
    .my1{
        width: 23%;
        float: left;
        }
.my2{
    width: 50%;
    float: left;
    text-align: center;
} 
.my3{
    width: 27%;
    float: left;
    }
.myclear{
    clear: both;
    }
.mytablefix tr td{
    width: 250px;
}
.mytablefix tr td{
    width: 250px;
}


#myFooter_fix{ position:fixed; bottom:2px; width:100%;}
.mycenteralign{ text-align:center; margin:0 auto;}
.myLeft{ float:left; width:30%; display:inline-block; text-align:center;}
.myRight{ float:right; width:30%; text-align:center; display:inline-block;}
.mySignature1{ font-size:11px !important; border-top:1px dashed #333; line-height:25px;}
.my_print_title_one{
    font-size: 18px;
    font-weight: 700;
    padding-top: 5px;
}
.my_print_title_two{
    font-size: 14px;
}
.my_print_title_three{
    font-size: 14px;
}
.my_print_title_four{
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}
/*=========== Search box styling ==============*/
.mysearch{
    outline: none !impotant;
    width: 300px;
    height: 3px;
    border: 1px solid #ccc !important;
    background: transparent;
    padding: .2em .5em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.red_col{
    color: #fc0000;
}


.first_pat{
    background-image: url("../images/print_bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: inherit;

}
/*.p_top_title{font-size: 60%;}*/
.my2 strong{text-decoration: underline; font-weight: 700; font-size: 180%}


/*=== Table Design ====*/
.mytable tr td:first-child{text-align: right; line-height: 235%;}
h2.wada_title{font-size: 100%; font-weight: bold;}
.headinguserprofile1{background: #f2f2f1; font-size: 130%; line-height: 220%; padding-left: 0.5em; color: #000; text-indent: 0; margin-bottom: 0; margin-top: -.8em; }

.myWidth100{ width: 100%;}
.margin10{margin: 2em;}
.myPrint{ 
    -webkit-text-decoration: none; 
    -moz-text-decoration: none; 
    text-decoration: none; 
    margin-right: 5px; 
    background: url('../images/print_icon.png') no-repeat .3em .4em; background-color:#1456c4; 
    color: #ffe400; 
    padding: .6em 2em; 
    font-size: 12px; 
    border-radius: 1px; 
}
.myPrint a{ color:#fff;}

.myPrint:hover{ text-decoration: none; color: #fff;}


#footer_wrap{
text-align: center;
padding: .3em; 
margin: .8em; 
font-size: 85%;
line-height: 220%;
padding-left: 0.5em;
color: #000;
text-indent: 0;
}

.full_head{
    width: 100%;
    background: #e7e7e7;
}
.full_page_title{
            width: 100%;
            height: 50px;
            background-color: #f8f8f8;
            border-color: #e7e7e7;
            border: 1px solid #ccc;
        }
.table_fixed th{
    width: 80px;
    text-align: center;
}
.table_fixed td{
    width: 80px;
    text-align: center;
}
.navbar-default .navbar-brand {
    color: #337ab7 !important;
    font-weight: bold;
}
.page_title{
    color: #337ab7 !important;
    font-weight: bold;
}
.page-header {
    text-align: center !important;
}
.mybox {
	width: 33%;
    float: left;
    margin: 1px;
}

.width101{
    width: 100px;    
}
.myright {
    text-align: right;
}
.title_one{
    font-size: 200%;
    font-weight: 700;
}
.title_two{
    font-size: 120%;
    font-weight: bold;
}
.title_three{
    font-size: 120%;
    font-weight: bold;
}
.mybig{
    font-size: 125%;
    font-weight: bold;
}
.mytopic{
    font-size: 190%;
    font-weight: bold;
    border-bottom: 3px solid #000;
    padding-bottom: 2px;
    line-height: 45px;
}
 table.mytablewith tr td:first-child {
  width: 350px;
 text-align: right;
     padding-right: 40px;
 }

/*** print page ***/
.myCenter{ text-align:center;}
.printPage{  padding:.2em;}
.printPage1{ width:100%;}
.printlogo{ float:left; margin-right:.5em;}
.printPage h1{ text-align:center; font-size:220%; margin-top:.5em; margin-bottom:.5em;}
.printPage h4{ text-align:center; font-size:150%; margin-bottom:.5em; }
.printPage h5{ text-align:center; font-size:120%; margin-bottom:.5em; margin-left:5.5em;}
.printPage h5.margin1em{margin-right:7em;}
.printPage h4.margin1em{margin-right:5em;}
.printPage h1.marginright1{margin-right:4em;}
.printPage h4.marginright1{margin-right:6em;}
.printPage h5.marginright1{margin-right:8.1em;}
.patrano{ margin-bottom:.3em;}
.mydate{ float:right; text-align:right;}
.subject{ text-align:center; font-weight:bold}
.subjectbold{ text-align:center; font-weight:normal; font-size:220%; margin-left:2em}
.subjectboldright{ text-align:center; font-weight:normal; font-size:220%; margin-right:1.0em}
.bankname{ margin-bottom:.5em;}
.bankaddress{ margin-bottom:.5em;}
.banktextdetails{ margin-top:.5em; text-indent:2.5em; text-align:justify}
.oursignature{ border-top:1px dashed #333333; line-height:200%; float:right; width:18%; text-align:center}
.oursignatureleft{ border-top:1px dashed #333333; line-height:200%; float:left; width:18%; text-align:center}
.mymarginright{ margin-right:3%;}

.myPrintFinal{ font-size:16px; padding-left:1.5em; margin-top:1em; }
.myPrintFinal tr{ padding:0; font-size:95%;}
.myPrintFinal td{ padding:.1em .2em !important; font-size:95%;}
.myPrintFinal th{ padding:.1em .2em !important; font-size:95%;}

.tablepadding1 td, .tablepadding1 tr{padding: 2px 3px !important;}

.myPrintFinal1{ font-size:.9em; padding-left:1.5em; margin-top:1em; }
.myPrintFinal1 tr{ padding:0; font-size:95%;}
.myPrintFina1l td{ padding:2px 3px !important; font-size:95%;}
.myPrintFina1l th{ padding:2px 3px !important; font-size:95%;}

.myWidth100{ width:100%;}
.myWidth50{ width:50%;}
.myWidth25{width:25%;}
.myWidth20{width:50px;}
.myWidth250{width:250px;}
.myFont1{ font-size:15px;}
.myFont2{ font-size:13px;}
.myFont2 li{ line-height:17px;}
.myFont12{ font-size:12px; padding:5px; line-height:14px;}
.myHeight20{ height:50px;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    padding: 0px !important;
}