@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:1.5em; background:#fff;}

#top_wrap{ background:#111b29; padding-top:.2em; padding-bottom:.1em;}
#top_wrap h1{ color:#fff; line-height:170%; font-size:130%; font-family: 'Cookie', cursive; margin-top:.3em;}
#top_wrap .title{ text-align:center;}

#top_wrap1{ background:#111b29; padding-top:.5em; padding-bottom:.2em; overflow:hidden}
#top_wrap1 h1{ color:#fff; line-height:120%; font-size:100%; font-family: 'Cookie', cursive; }
#top_wrap1 .title{ color:#FF9900; float:left; }
#top_wrap1 .toplink{ float:right; margin-top:.3em}
#top_wrap1 .toplink ul{ text-align:right; list-style:none; font-size:65%;}
#top_wrap1 .toplink ul li{ line-height:100%; float:right; margin-right:.5em; padding-left:.5em; padding-right:.5em;}
#top_wrap1 .toplink ul li a{ color:#FF9900; text-decoration:none;}
#top_wrap1 .toplink ul li a:hover{ color:#CCCCCC; }
.panel-body a.btn_edit{
    float: right; 
    margin: .5em .2em .2em 0 ; 
    padding: .4em .8em; 
    border: 1px solid #3a71a9; 
    color: #fff; 
    background: #3a71a9;
    font-size: 75%;
    border-radius: 2px;
}
.panel-body a.btn_edit::after{
    content: url('../icons/icon_edit.png'); 
    padding-left: .5em; 
    line-height: 100%;
    
}
.panel-body a.btn_edit:hover{
    color: #fff; 
    text-decoration: none;
}
/*=== Views botton ===*/
.panel-body a.btn_view{
    float: right; 
    margin: .5em .2em .2em 0 ; 
    padding: .4em .8em; 
    border: 1px solid #5f1dac; 
    color: #fff; 
    background: #5f1dac;
    font-size: 75%;
    border-radius: 2px;
}

#body_wrap{ background:#1b2b42; padding-top:1em; padding-bottom:1em;}
.loginwrap{ background:#2f4159; width:15em; margin:0 auto; padding-bottom:1em; }
.loginwrap h2{ background:#6eb7a8; color:#FFFFFF; font-size:120%; text-align:center; line-height:200%;}
.logo{ text-align:center; padding:1em; margin:0 auto;  } 
#inputplaceholder{ padding-left:1em; padding-right:1em;}
#myusername{ background:url(../images/user_icon.png) no-repeat 0 .5em; padding-left:1em; border-bottom:1px solid #7ed4c2; margin-bottom:.3em;}
#myusername input[type="text"]{ background:none; border:none; outline:none; color:#7ed4c2; font-size:70%; width:100%;}

#mypassword{ background:url(../images/password_icon.png) no-repeat 0 .5em; padding-left:1em; border-bottom:1px solid #7ed4c2; margin-bottom:.3em;}
#mypassword input[type="password"]{ background:none; border:none; outline:none; color:#7ed4c2; font-size:70%; width:100%;}

#keeplogin label{ color:#61a295; font-size:65%;}

#login{ background:#6eb7a8;}
.loginwrap input[type="submit"]{ background:#6eb7a8; color:#FFFFFF; cursor:pointer; border:none; width:100%; font-size:90%;}
.loginwrap input[type="submit"]:hover{ background:#f2aa2e; color:#FFFFFF; cursor:pointer; border:none; width:100%; font-size:90%;}
.mainmenu h2{ background:#f21c1c;}
.maincontent h2.dashboard{ background: url(../images/dashboard.png) no-repeat .5em .5em #ad1a1a; text-align:center; padding-top:.3em; padding-bottom:.3em; }
#body_wrap_inner{ background:#1b2b42; padding-bottom:.2em; color:#333333;}

.mainmenu ul li ul li{ font-size:1.2em;}

/*===== Bottom Delete Design ======*/
.panel-body a.btn_delete{
    float: right; 
    margin: .5em .2em .2em 0 ; 
    padding: .4em .8em; 
    border: 1px solid #9f1919; 
    color: #fff; 
    background: #9f1919;
    font-size: 75%;
    border-radius: 2px;
}
.panel-body a.btn_delete::after{
    content: url('../icons/icon_delete.png'); 
    padding-left: .5em; 
    line-height: 100%;
}
.panel-body a.btn_delete:hover{
    color: #fff; 
    text-decoration: none;
}


.panel-body a.btn_add{
    float: right; 
    margin: .5em .2em .2em 0 ; 
    padding: .4em .8em; 
    border: 1px solid #9f1919; 
    color: #fff; 
    background: #9f1919;
    font-size: 75%;
    border-radius: 2px;
}
.panel-body a.btn_add::after{
    content: url('../icons/icon_delete.png'); 
    padding-left: .5em; 
    line-height: 100%;
}
.panel-body a.btn_add:hover{
    color: #fff; 
    text-decoration: none;
}


.panel-body a.btn_edit{
    float: right; 
    margin: .5em .2em .2em 0 ; 
    padding: .4em .8em; 
    border: 1px solid #3a71a9; 
    color: #fff; 
    background: #3a71a9;
    font-size: 75%;
    border-radius: 2px;
}
.panel-body a.btn_edit::after{
    content: url('../icons/icon_edit.png'); 
    padding-left: .5em; 
    line-height: 100%;
    
}
.panel-body a.btn_edit:hover{
    color: #fff; 
    text-decoration: none;
}
/*----new css ----*/
.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:1.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:1em; 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%;}
.myPrint{ background:url(../images/print_icon.png) no-repeat 0 .2em; padding-left:1.5em; font-size:70%; color:#000; float:right; margin-right:1em; }
.myPrint a{ color:#333;}
.myPrint a:hover{ color:#000;}
.myWidth100{ width:100%;}
.myWidth50{ width:50%;}
.myWidth25{width:25%;}
.myWidth20{width:50px;}
.myWidth250{width:250px;}
.myFont1{ font-size:15px;}
.myFont2{ font-size:12px;}
.myFont2 li{ line-height:13px;}
.myFont12{ font-size:12px; padding:5px; line-height:14px;}
.myHeight20{ height:50px;}

/*-----dashboard page---*/
.userprofile{ text-align:center; background:#3ea5dd; border-radius:.2em; padding:1em; width:48.5%; float:left; margin-right:1%; margin-bottom:.3em}
.userprofile:hover{ background:#3796c9}
.userprofile h3{ font-size:80% !important; font-weight:normal; color:#fff}


.userprofiletable input.submithere[type="submit"]{ background:#990000; border:0; padding:.5em 1em; color:#FFFFFF;}
.userprofiletable input.submithere[type="submit"]:hover{ background:#006666; cursor:pointer}

.OurContentRight input.submithere[type="submit"]{ background:#990000; border:0; padding:.5em 1em; color:#FFFFFF;}
.OurContentRight input.submithere[type="submit"]:hover{ background:#006666; cursor:pointer}

.OurContentFarRight{ min-height:600px;}


.userprofile a{ color:#FFFFFF; text-decoration:none; }
.userprofile a:hover{ color:#182942; }
.dashimg a:hover{ opacity:.5}

/*-----userprofile page----*/
.maincontent{ width:100%; overflow:hidden}
.maincontent h2.headinguserprofile{ background:#ad1a1a; text-align:center; padding-top:.3em; padding-bottom:.3em; }
.maincontent h2.headinguserprofile1{ background:#336633; text-align:center;  }

.maincontent h2.headinguserprofile a{ color:#fff;}
.maincontent h2.headinguserprofile a:hover{#f4f4f4}

.OurContentLeft{ float:left; display:block; overflow:hidden; width:20%}
.OurContentRight{ float:right; display:block; overflow:hidden; background:#fff; width:80%  }
.OurContentRight h2{ background:#ffa133; text-align:center; }


.OurContentRight1{ float:left; display:block; overflow:hidden; background:#fff; width:55%;	  }
.OurContentRight1 h2{ background:#ffa133; text-align:center; }
.OurContentRight2{ float:left; display:block; overflow:hidden; background:#fff; width:75%;	  }
.OurContentRight2 h2{ background:#ffa133; text-align:center; }
.OurContentFarRight{ float:left; display:block;  width:25%;  }
.farRight{ overflow:scroll;  height:25em; background:#f2f2f1;}
.farRight table{ font-size:.5em;}
.farRight td{ padding:.2em .5em;}


.userprofiletable{ padding:.1em; font-size:14px;}
.userprofiletable input[type="text"]{ width:100%; border:1px solid #9e9e9e; padding:.2em .5em; color:#666666}
.userprofiletable input[type="text"]:hover{ width:100%; border:1px solid #FF6600; padding:.2em .5em; color:#666666}

.mybutton{ margin-right:1em;}


#body_wrap_inner h2{ font-size:80%; line-height:190%; padding-left:.5em; color:#fff; text-indent:.5em; }
#body_wrap_inner .navigation ul{ list-style:none; font-size:70%; }
#body_wrap_inner .navigation ul li{ line-height:220%; margin-bottom:.15em;}
#body_wrap_inner .navigation ul li a{ color:#00CCCC; text-decoration:none; background:#111b29; display:block; padding-left:.5em; text-indent:.7em;} 
#body_wrap_inner .navigation ul li a:hover{ background:#d93737; color:#FFFFFF;} 

.dashboardcontent{ background:#FFFFFF; overflow:hidden; padding:.3em; border-radius:.1em}
.mybodycontent h5{ color:#333333; font-size:90%; margin-bottom:.5em; text-align:right}
.mybodycontent h3{ text-align:center; font-size:100%;}
.headinghere{ float:left; color:#333; font-size:80%; }
.subheading{ text-align:center; color:#333; font-size:70%;}
.mybodycontent .table-responsive{ font-size:70%;}

.myspacer{ height:.3em; line-height:.3em; clear:both}

.myspacer50{ height:118px; line-height:118px; clear:both}
.myspacer100{ height:225px; line-height:225px; clear:both}
.table-borderless{ border:none}

#body_wrap_inner .col{ padding:0 !important;}
 
#footer_wrap{ background:#131d2d; padding-top:.3em; padding-bottom:.3em; font-size:60%; color:#6eb7a8;  width:100%;}
.footer{ text-align:center;}
.footer a{ color:#FF9933; text-decoration:none;}
.footer a:hover{ color:#CCCCCC;}

/*------Ekakrit Sampati Kar css---*/
.myTitle{ text-align:center; clear:both;}
.myLogo{ text-align:center; float:left; margin-left:1em;}
.myH1{  font-size:32px; line-height:120%; margin-left:.3em; }
.myH2{  font-size:18px; margin-left:.3em; }
.myH3{  font-size:16px; margin-left:.3em;}
.myH3one{  font-size:14px; margin-left:.3em;}
.myH4one{  font-size:14px; margin-left:.3em; text-align:left; text-indent:55px;}
.myH4{  font-size:60%; margin-left:.3em;}
.myText{  font-size:80%; text-align: center }
.myTextLeft{  font-size:90%; padding-left:1em;  }
.myTextCenter{  font-size:90%; text-align:center  }
.myTableborderless{ font-size:63%}
.myTableborderless td{ border:none; padding:.2em;}
.myTablebordered{ border:1px; font-size:90%; }
.myTablebordered th{ font-weight:normal;}
.myTablebordered1{ border:1px; font-size:.6em; }
.myTablebordered1 th{ font-weight:normal;}
.myBox{ padding:.75em;}
.myLeft{ float:left;}
.myRight{ float:right;}
.mySignature{ border-top: 1px solid #666666; padding-top:10px; }
.myTextalignRight{ text-align:right; margin-right:.5em;}
.myDate{ font:bold }
/*------Ekakrit Sampati Kar css ends---*/


/*-----settings page ----*/
.settingsMenuWrap{ background:#fff;color:#FFFFFF; text-align:center; margin-left:1em; font-size:.9em; }
.settingsMenu a{ background: #8228b1;text-decoration:none; display:block; float:left; color:#fff; padding:.2em 1.5em; width:24em; border:#999999 1px solid; margin-right:.5em;}
.settingsMenu a:hover{ background:#006699; color:#FFFFFF;}

.settingsMenuWrap1{ background:#fff;color:#FFFFFF; text-align:center; margin-left:1em; font-size:1.2em; }
.settingsMenu1 a{ background: #8228b1;text-decoration:none; display:block; float:left; color:#fff; padding:.2em 1.5em; width:27em; border:#999999 1px solid; margin-right:.5em;}
.settingsMenu1 a:hover{ background:#006699; color:#FFFFFF;}

.alignRight{ text-align:right;}

/*----
 css ----*/

.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: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;
}


@media all and (max-width: 600px) {
.userprofile{ width:100%; margin-bottom:.3em}
.OurContentLeft, .OurContentRight, .OurContentRight1, .OurContentRight2, .OurContentFarRight{ float:none; width:100%;}
.settingsMenu a { width:15em !important;}
}
@media all and (max-width: 320px) {
#top_wrap{ width:100%;}
#body_wrap{ width:100%;}
.loginwrap h2{ font-size:80%;}
.loginwrap{ width:100%;}
#footer_wrap{ font-size:50%; position:static;}

.userprofile{ width:100%; margin-bottom:.3em}
.OurContentLeft, .OurContentRight, .OurContentRight1, .OurContentRight2, .OurContentFarRight{ float:none; width:100%;}
.settingsMenu a{ width:10em !important;}
}