﻿


html
{
    height: auto;
}

.headline

{
min-height: 30px;
padding: 0 13px;
position: relative;
}

.hgt
{
    margin-top: 13px;
}


*::-webkit-scrollbar {

    width: 12px;
}

*::-webkit-scrollbar-button {

    width: 8px;

    height:5px;

}

*::-webkit-scrollbar-track {

    background:#eee;

    border: thin solid lightgray;

    box-shadow: 0px 0px 3px #dfdfdf inset;

    border-radius:0px;

}

*::-webkit-scrollbar-thumb {

    background:#e21313;

    border: thin solid gray;

    border-radius:0px;

}

*::-webkit-scrollbar-thumb:hover {

	
    background:#7d7d7d;
	

} 

  
.disableClick
{
    pointer-events: none;
}

.invalidField
{
    border-color: Red;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: normal;
    font-size: 10pt;
    color: #ff0000;
}
.validation-summary-errors ul
{
    margin:0;
    padding:0;
    padding-left:10px;
    
    }
.validation-summary-errors ul li
{
    height:18px;
    line-height:18px;
    font-size:10px;
    list-style:square;
    }
    
.mail_table
{
    font-family: Verdana;
    font-style: normal;
    border-collapse: collapse;
    font-size: 10pt;
    font-weight: normal;
}
.mail_table td
{
    min-width: 100px;
    padding-left: 5px;
}
.mail_table td input
{
    width: 100%;
}
.mail_table th
{
    background-color: #213e7d;
    min-width: 100px;
    padding-left: 5px;
    font-weight: bold;
    border: solid 1px #e1e2e3;
    text-align: left;
}
.blue td{
color: blue;
}
.red{
color: red;
}
.validation-summary-valid
{
    display: none;
}
#SetNo{width:60px;}
#errormessage
{
    font-family: verdana;
    font-size: 12px;
    color: Red;
    text-align: left;
    padding-bottom: 5px;
}

/* Styles for Applying Font
-----------------------------------------------------------*/
.shivajifont
{
    font-family:"Shivaji01";
    font-size: 16px;
}
    
.lbl {
    position:relative;
    left:12px;
    top:5px;

}


.hindifont
{
    font-family:"Kruti Dev 010";
    font-size: 16px;
}
   

 .transaction-container ul li {
        list-style: none;
        padding:5px 0px;
       }
    .th {
        width:30px;
    }
    .search {
        float:right;
        position:relative;
        bottom:5px;
    } 
    .transaction-container fieldset {
        border: 1px solid #c3c3c3;
        padding: 10px;
    }
    .transaction-container legend {
        padding:0;
        margin:0;
        background:none;
        width:80px;
        border:2px solid #e50808;
        padding-left:10px;
        font-size:12px;
        background:#3bc7e7;
    }
    .transaction-container table {
    border:none;
    }
      .transaction-container  table tr th {
            font-size: 12px;
            
        }
     .transaction-container table tr td{

            bordeR:none;    
            padding:0;
            padding-right:0;    
            width:100px;
            height:10px;
            font-size:12px;
            
        }
  #listView td
    {
        border:1px dotted #c3c3c3;
        padding-left:10px;
    }
        #SetPanel { width:250px;}
    .transaction-container .sec-tbl .t-control {
        width:148px;
    } 
    .transaction-container input[type="text"] ,.transaction-container input[type="Date"] {
        margin: 0;
        padding: 0;
        border: 1px solid #b7b7b7;
        border-top-width: 1px;
        padding: 2px;
        width: 90px;
        border-radius:2px;
        height: 20px;
        font-size: 12px;
    }
   .transaction-container input[type="text"]:focus {
    
        outline-color:#c3c3c3;
        outline:dotted;
        border:1px solid rgba(195, 195, 195, 0.33);
    }
        .sec-tbl tr td input[type="text"]{
        width:150px;
    } 
    .transaction-container {
        margin:0px;
    }
    .img-size {
    }
    tbody{
       border:none;
    }
     .tranc
    {
        position:relative;
        left:15px;
    }
    .mid-article
    {
        height:150px;
    }
   .buttons
   {
       float:right;
    
    }
.transaction-field
{
   
    }
    
.transaction-field table {width:100%;}
.transaction-field table tr td{padding:0;}
#Narr{width:110px; margin-right:2px; float:left;}
#GlName{width: 207px;}
#Name{width: 207px;}

.TrnNo{width:112px;height:403px;}
.left{float:left; margin-left:5px;}
.left3{margin-left:5px;}
.right{float:right;}
#AccDetails input[type="text"], #AccDetailsF input[type="text"]{font-weight:bolder; color:blue;}
#MemberPrivate input[type="text"]{font-weight:bolder; color:blue;}
.statistic{ list-style:none; margin:0;padding:0; text-align:right;} 
.statistic li {width:150px; display:inline-block;}
.m{ margin-bottom:5px;}
.f-small{margin:0;padding:0;}
.trn-btn{width:120px; margin-top:2px;}
.errorsms{ list-style:none;}
.errorsms li{color:Red; font-weight:bold;}
.listbox{margin: auto;padding: :0;position: relative;}
.onLode{  position: absolute; font-size:10px; text-align:center; bottom:10px; color:Green; }
.listbox:hover .onLode{ display: block;}
.onLode ul{ margin: 0;padding: 0;list-style: none;}
 .onLode ul li a:hover{ color:Green;}
.onLode ul a{ font-family: verdana;}
.saves{border:1px solid #fff; width:165px;}

#FormView{ margin-top:12px;}




/*poup css*/

.newpopup{
background-color:#0c0c0c;
position:absolute;
min-height:320px;
border: solid 2px #f70202;
width:1280px;
top:8%;
left:16%;
z-index: 1002;

/*for rounded corner works with chrome and mozila*/
-moz-border-radius: 15px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;

}

.middleLayer {
background-color:#111;
opacity: 0.65;
position:absolute;
z-index: 1000; /*ooveeerrrr nine thoussaaaannnd*/
top:0px;
left:0px;
width:100%;
min-height:100%;
overflow:auto;
}

.popupTitleBox{

background-color:#ea7878;   
height:30px; 
text-valign:center;
border: solid 1px #0089BF;
padding-left:5px;

}
.popupTitleText
{
    color:White;
    font-weight:bolder;
                
    }
.closeimg
{
height:25px;
width:25px;
background-size:100% 100%;
}
.closeimg img
{
    position:relative;
    bottom:10px;

    }
/*end poupcss*/


#closePopup
{
    font-family:Verdana;
    font-size:25px;
    color:#fff;
    transform:rotate(90deg);
    -ms-transform:rotate(50deg); /* IE 9 */
    -webkit-transform:rotate(50 deg);
    }
 .ledgerCmd
 {
    
     }
  .ledgerCmd ul
    {
        margin:0;
        padding:0;
        
        }
   .ledgerCmd ul li
    {
        margin:0;
        padding:0;
        display:inline-block;
        
        }
   .display-image
   {
 
       margin:0;
       padding:0;
       height:332px;
      
        opacity:.7;
        position:relative;
        bottom:20px;      
       border-radius:10px;
       }
  .DayopenContainer
  {
      background:rgba(0,0,0,.1);
      padding:5px;
      margin:auto;
      border-radius:8px;
     
      margin-top:0px;
      transition: all 0.5s;
     
      
      }
 .DayopenContainer:hover
  {
    background:rgba(218,120,58,.2);
  }
  .innerContainer
  {
      margin:auto;
      text-align:left;
      width:50%;
      
      
      }
     .TrailBl
     {
         float:left;
         }
   .logo
   {
      width:100px;
      position:relative;
      top:8px;
      left:20px;
       }
       
    .logo img
    {
        height:100%;
        width:100%;
        }
   #megalogo
   {
       opacity:.5;
       border-radius:20px;
       }
   .about
   {
       width:110mm;
       font-size:5mm;
       text-align:justify;
       background:rgba(255,255,255,.2);
       border-radius:10px;
       padding:5px;
        transition:.6s all;   
    
    }
   .about:hover
   {
       background:rgba(0,0,0,.5);
       color:#fff;
       }
   #SinceDate 
{
    width:120px;
    }
  @font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

@media only screen and (max-width:800px)
{
    
    .mls
    {
        width:160px;
        }
    .transaction-container ul li {
        list-style: none;
        padding:2px 0px;
       }
    .th {
        width:20px;
    }
    .search {
        float:right;
        position:relative;
        bottom:2px;
    } 
    .transaction-container fieldset {
        border: 1px solid #c3c3c3;
        padding: 10px;
    }
    .transaction-container legend {
        padding:0;
        margin:0;
        background:none;
        width:70px;
        border:1px solid #c3c3c3;
        padding-left:10px;
        font-size:10px;
        background:rgba(195, 195, 195, 0.33);
    }
    .transaction-container table {
    border:none;
    }
      .transaction-container  table tr th {
            font-size: 10px;
            
        }
     .transaction-container table tr td{

            bordeR:none;    
            padding:0;
            padding-right:0;    
            width:60px;
            height:10px;
            font-size:10px;
            
        }
  #listView td
    {
        border:1px dotted #c3c3c3;
        padding-left:10px;
    }
        #SetPanel { width:155px;}
    .transaction-container .sec-tbl .t-control {
        width:100px;
    } 
    .transaction-container input[type="text"] ,.transaction-container input[type="Date"] {
        margin: 0;
        padding: 0;
        border: 1px solid rgba(195, 195, 195, 0.61);
        border-top-width: 0;
        padding: 2px;
        width: 70px;
        border-radius:2px;
        height: 20px;
        font-size: 10px;
    }
   .transaction-container input[type="text"]:focus {
    
        outline-color:#c3c3c3;
        outline:dotted;
        border:1px solid rgba(195, 195, 195, 0.33);
    }
        .sec-tbl tr td input[type="text"]{
        width:90px;
    } 
    .transaction-container {
        margin:5px;
    }
    .img-size {
    }
    tbody{
       border:none;
    }
     .tranc
    {
        position:relative;
        left:8px;
    }
    .mid-article
    {
        height:150px;
    }
   .buttons
   {
       float:right;
    
    }
.transaction-field
{
   
    }

.transaction-field table {width:100%;}
.transaction-field table tr td{padding:0;}
#Narr{width:80px; margin-right:1px; float:left;}
#GlName,#Name{width:120px;}
.TrnNo{width:112px;height:250px;}
.left{float:left; margin-left:2px;}
.right{float:right;}
#AccDetails input[type="text"], #AccDetailsF input[type="text"]{font-weight:bolder; color:Blue;}
.statistic{ list-style:none; margin:0;padding:0; text-align:right;} 
.statistic li {width:80px; display:inline-block;}
.m{ margin-bottom:5px;}
.f-small{margin:0;padding:0; border:10px solid #000;}
.trn-btn{width:120px; margin-top:2px;}

.errorsms{ list-style:none;}
.errorsms li{color:Red; font-weight:bold;}
.listbox{margin: auto;padding: :0;position: relative;}
.onLode{  position: absolute; font-size:10px; text-align:center; bottom:10px; color:Green; }
.onLode ul{ margin: 0;padding: 0;list-style: none;}
 .onLode ul li a:hover{ color:Green;}
.onLode ul a{ font-family: verdana;}
.saves{border:1px solid #fff; width:165px;}

#FormView{ margin-top:10px;}
.btm{ margin-left:5px;}

/*start PopUp*/
.newpopup{
background-color:#E6E9F2;
position:absolute;
min-height:300px;
width:600px;
border: solid 2px #B9EAF0;

top:8%;
left:15%;
z-index: 10002;

/*for rounded corner works with chrome and mozila*/
-moz-border-radius: 15px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;

}

.middleLayer {
background-color:#111;
opacity: 0.65;
position:absolute;
z-index: 10000; /*ooveeerrrr nine thoussaaaannnd*/
top:0px;
left:0px;
width:100%;
min-height:100%;
overflow:auto;
}

.popupTitleBox{

background-color:#0089BF;   
height:30px; 
text-valign:center;
border: solid 1px #0089BF;
padding-left:5px;

}
.popupTitleText
{
    color:White;
    font-weight:bolder;
                
    }
.closeimg
{
height:25px;
width:25px;
background-size:100% 100%;
}
.closeimg img
{
    position:relative;
    bottom:10px;

    }
    
#SinceDate 
{
    width:120px;
    }
/*end poupcss*/

.dropdown, .language,.dropdown-menu{font-size:10px;}

 }
@media only screen and (max-width:1024px)
{
    
    /*Add by rohan */
    .md
    {
        height:370px;
        }
        
    .mg
    {
        margin: 0; padding: 0; height: 260px;
        }
        
    .mTrnNo{width:112px;height:262px;}
    
    /*End rohan*/
    
    .transaction-container ul li {
        list-style: none;
        padding:2px 0px;
       }
    .th {
        width:20px;
    }
    .search {
        float:right;
        position:relative;
        bottom:2px;
    } 
    .transaction-container fieldset {
        border: 1px solid #c3c3c3;
        padding: 10px;
    }
    .transaction-container legend {
        padding:0;
        margin:0;
        background:none;
        width:70px;
        border:1px solid #c3c3c3;
        padding-left:10px;
        font-size:10px;
        background:rgba(195, 195, 195, 0.33);
    }
    .transaction-container table {
    border:none;
    }
      .transaction-container  table tr th {
            font-size: 10px;
            
        }
     .transaction-container table tr td{

            bordeR:none;    
            padding:0;
            padding-right:0;    
            width:60px;
            height:10px;
            font-size:10px;
            
        }
  #listView td
    {
        border:1px dotted #c3c3c3;
        padding-left:10px;
    }
        #SetPanel {width:165px; margin:0;padding:0;}
        #SetPanel table,#SetPanel table tr td { margin:0;padding:0;}
    .transaction-container .sec-tbl .t-control {
        width:100px;
    } 
    .transaction-container input[type="text"] ,.transaction-container input[type="Date"] {
        margin: 0;
        padding: 0;
        border: 1px solid rgba(195, 195, 195, 0.61);
        border-top-width: 0;
        padding: 2px;
        width: 70px;
        border-radius:2px;
        height: 20px;
        font-size: 10px;
    }
   .transaction-container input[type="text"]:focus {
    
        outline-color:#c3c3c3;
        outline:dotted;
        border:1px solid rgba(195, 195, 195, 0.33);
    }
        .sec-tbl tr td input[type="text"]{
        width:90px;
    } 
    .transaction-container {
        margin:5px;
    }
    .img-size {
    }
    tbody{
       border:none;
    }
     .tranc
    {
        position:relative;
        left:8px;
    }
    .mid-article
    {
        height:150px;
    }
   .buttons
   {
       float:right;
    
    }
.transaction-field
{
   
    }

.transaction-field table {width:100%;}
.transaction-field table tr td{padding:0;}
#Narr{width:80px; margin-right:1px; float:left;}
#GlName,#Name{width:160px;}
.TrnNo{width:112px;height:250px;}
.left{float:left; margin-left:2px;}
.right{float:right;}
#SetNo{width:50px;}#btnUa{width:20px; padding:0;margin:0;}
#AccDetails input[type="text"], #AccDetailsF input[type="text"]{font-weight:bolder; color:Blue;}
.statistic{ list-style:none; margin:0;padding:0; text-align:right;} 
.statistic li {width:80px; display:inline-block;}
.m{ margin-bottom:5px;}
.f-small{margin:0;padding:0;}
.trn-btn{width:112px; margin-top:2px;font-size:10px;}
.errorsms{ list-style:none;}
.errorsms li{color:Red; font-weight:bold;}
.listbox{margin: auto;padding: :0;position: relative;}
.onLode{  position: absolute; font-size:10px; text-align:center; bottom:10px; color:Green; }
.listbox:hover .onLode{ display: block;}
.onLode ul{ margin: 0;padding: 0;list-style: none;}
 .onLode ul li a:hover{ color:Green;}
.onLode ul a{ font-family: verdana;}
.saves{border:1px solid #fff; width:165px;}

#FormView{ margin-top:10px;}
.btm{ margin-left:0px;}

/*start PopUp*/
.newpopup{
background-color:#E6E9F2;
position:absolute;
min-height:300px;
width:600px;
border: solid 2px #B9EAF0;

top:8%;
left:15%;
z-index: 10002;

/*for rounded corner works with chrome and mozila*/
-moz-border-radius: 15px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;

}

.middleLayer {
background-color:#111;
opacity: 0.65;
position:absolute;
z-index: 10000; /*ooveeerrrr nine thoussaaaannnd*/
top:0px;
left:0px;
width:100%;
min-height:100%;
overflow:auto;
}

.popupTitleBox{

background-color:#0089BF;   
height:30px; 
text-valign:center;
border: solid 1px #0089BF;
padding-left:5px;

}
.popupTitleText
{
    color:White;
    font-weight:bolder;
                
    }
.closeimg
{
height:25px;
width:25px;
background-size:100% 100%;
}
.closeimg img
{
    position:relative;
    bottom:10px;

    }
    
#SinceDate 
{
    width:120px;
    }
/*end poupcss*/

.dropdown, .language,.dropdown-menu{font-size:10px;}
}




/*Home page Css*/

.HomeContainer
{
    text-align:center;
    font-weight:bolder;
    
    
    }
.leftCol
{
    text-align:center;
    position: absolute;
    overflow: auto;
    right: 70%;
    left: 0;
    top: 0;
    bottom: 30px;
    width: 100%;
    height: 100%;
}
.rightCol
{
    position:absolute;
    overflow: auto;
    left:82%;
    right: 0;
    top: 10px;
    bottom: 30px;   
    width: 80%;
    height: 100%; 
    color:#a7a3a7;   
}
.rightCol1
{
    position:absolute;
    overflow: auto;
    left: 75%;
    right: 0;
    top: 50px;
    bottom: 30px;   
    width: 80%;
    height: 100%; 
    color:#a7a3a7;
    
}
.welcome-class
{
    display:inline-block;
    margin-left:20px;
    color:#a7a3a7;
       font-size:40px;
    }
 .nor
 {
     font-weight:lighter;
     color:#a7a3a7;
     }
 .Fadeout
 {
     
     background:#8BA870;
     font-size:20px;
     }
 .socBNKcode
 {
     /*font-size:14px;*/
     font-size:21px;
     position:relative;
     float:left;
     font-weight:bold;
     color:#fff;
     padding-left:30px;
     }
   .vLine
   {
       font-weight:normal;
       font-size:30px;
       }


/*Ajax css for loding Image*/

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('@Url.Content("~/Content/Images/FhHRx.gif")')
                50% 50% 
                no-repeat;
              
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

/*End*/

.marpad
{
    margin:0;
    padding:0;
    }
    
    
 thead tr {
position:relative;
top: expression(offsetParent.scrollTop); /*IE5+ only*/
/* fixes the header being over too far in IE, doesn’t seem to affect FF */
left: 0px;
}

.error
{
    background:rgba(255,0,0,.5);
    font-family:Century Gothic;
    color:#fff;
    font-size:14;
    padding:5px; 
    text-align:center;
    }
  .F-H
  {
      margin:0;
      font-weight:600;
      padding-bottom:10px;
      color:#A4781B;
      text-align:center;
      }
 .TrnNo
 {
        border:1px solid #c3c3c3; 
        overflow-x:hidden;
        overflow:auto;    
     }  
     
     
 .TrnNo ul 
 {
     margin:0;
     padding:0;
     
     
     }
  .TrnNo ul li
 {
     margin:0;
     padding:2px;
     
     
     }
 .TrnNo::-webkit-scrollbar {
    width: .5em;
}
 
.TrnNo::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.8);
}
 
.TrnNo::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
  outline: 1px solid #c3c3c3;
  border-radius:10px;
}

.TSize
{
    width:100px;
    }
    
 .btn-buttom
 {
     margin-top:5px;
     width:100%;
     text-align:center;
     
 }  
.btm{position:relative;}

/* added by rohan for multiple receipt module*/


        
.ViewDetails
{
min-height: 108px;
}

.Midal
{
position:relative;
width:65%;
margin-right:10px;
}

.right side
{
position:relative;
height:100px;

}

.righthight
{
height:440px;
}

.mlistbox
{ margin: auto;
padding: :0;
position: relative;
}

.mlistbox:hover .onLode{ display: block;}



.mTrnNo
{
border:1px solid #c3c3c3;
overflow-x:hidden;
overflow:auto;
}

.mTrnNo ul
{
margin:0;
padding:0;


}

.mTrnNo ul li
{
margin:0;
padding:2px;


}

.mTrnNo::-webkit-scrollbar {
width: .5em;
}

.mleft{float:left; margin-left:0px;}

.mlimitDtail
{
position:relative;

}

.printbtn
{
padding-left:600px;
}

.savebtn
{

}
    
    **********************
.a
{
    position: absolute;
    overflow: auto;
    right: 50%;
    left: 0;
    top: 0;
    bottom: 30px;
    background: #aabbcc;
}

.b
{
    position:absolute;
    overflow: auto;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 30px;   

}


.Gleft
{
    float:left; margin-left:0px; width:400px
}

