/* 
    Document   : mergestyle
    Created on : Mar 3, 2015, 3:28:15 AM
    Author     : Eng_safi
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
body{
    background: #E8E8E8;
    font-family: myBanglaFont, myBanglaFont1, myBanglaFont2;
}
@font-face {
    font-family: "myBanglaFont";
    src: url(../font/SolaimanLipi_22-02-2012.ttf);
}
@font-face {
    font-family: "myBanglaFont1";
    src: url(../font/NikoshBAN.ttf);
}
@font-face {
    font-family: "myBanglaFont2";
    src: url(../font/Nikosh.ttf);
}
.wrapper{
    background-color: #ffffff;
    box-shadow: 0 0 8px #000000;
    -moz-box-shadow: 0 0 8px #000000;
    -webkit-box-shadow: 0 0 8px #000000;
}
.logo img{
    margin-top: 10px;
    width: 100%;
}

.menu{
    background-color: #EFEFEF;
    border-radius: 0px;
    margin-top: 3px;
    border-bottom: 1px  #CCCCCC;
    border-bottom-style: dotted;
}
.saparator{
    padding-top: 15px;
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(255, 245, 245, 1);
    background-color: #F59393;
}
#custom-bootstrap-menu.navbar-default {
    font-size: 15px;
    background-color: #098346;
    border-width: 0px;
    border-radius: 0px;

}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(247, 237, 237, 1);
    background-color: #098346;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(237, 228, 228, 1);
    background-color: #6A0166;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(85, 85, 85, 1);
    background-color: #6A0166;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #6A0166;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #f59393;
}
.sideboxInner{
    overflow:hidden;
    border:1px solid #d6d6d6;
    color: #ffffff;
}
.sideboxInner  .heading{
    background:#34495E;
    line-height:35px;
    color:#fff;
    text-align: left;
    padding-left: 15px;
}
.sideboxInner  .login{
    background:#8B027C;
    line-height:35px;
    color:#fff;
    text-align: center;
}
.sideboxInner  .login a{
    text-decoration: none;
    color: white;;
}
.sideboxInner  .heading img{
    height: 15px;
    width: 15px;

}
.linkItem ul{
    width:100%;
    overflow:hidden;
    padding: 0px;
}
.linkItem ul li{
    list-style:none;
    line-height:35px;
    padding-left:20px;
    background-color: #ffffff;
    border-bottom: 1px solid #ECECEC;
    margin-top: 1px;
    color: #ffffff;
}
.linkItem ul li a{
    color: #000000;
    text-decoration: none;
}
.linkItem ul li img{
    height: 10px;
    width: 10px;
    margin-right: 10px;
}
.footer{
    background-color:#CCA40F;
    text-align: center;
    color: #ffffff;
    padding: 10px;
    margin-bottom: 10px;
}
.notice{
    margin-right: 2px;
    margin-top: 5px;
    padding: 5px;
    border-radius:5px;
    color: 4D6AD6;
    font-weight: bold;

}
.margin_top{
    margin-top: 10px;
}
.notice{
    width: 100%;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    background: -webkit-linear-gradient(#FEFEFE, #EEEEEE); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FEFEFE, #EEEEEE); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FEFEFE, #EEEEEE); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FEFEFE, #EEEEEE); /* Standard syntax */
    height: auto;
}
.notice_logo{
    float: left;
    padding-right: 10px;
}
.notice ul li{
    list-style:none;
    color: #000000;
}
.notice ul li a{
    color: #000000;
}
.notice ul li img{
    height: 10px;
    width: 10px;
    margin-right: 10px;
}
.head_title{
    width: 100%;
    background: -webkit-linear-gradient(#BC9A2A, #D3C751); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#BC9A2A, #D3C751); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#BC9A2A, #D3C751); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#BC9A2A, #D3C751);
    padding: 10px;
    border-radius:5px;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}
.work_panel{
    background: #EFEFEF;
}
.merge_button{
    background: -webkit-linear-gradient(#BC9A2A, #D3C751); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#BC9A2A, #D3C751); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#BC9A2A, #D3C751); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#BC9A2A, #D3C751);
}
.menu li.red  a:hover{
    background: red;
    border-radius:5px;
    color: #ffffff;
}
.menu li.blue  a:hover{
    background: blue;
    border-radius:5px;
    color: #ffffff;
}
.menu li.green  a:hover{
    background: green;
    border-radius:5px;
    color: #ffffff;
}
.menu li.orange  a:hover{
    background: #FE592D;
    border-radius:5px;
    color: #ffffff;
}
.menu li.merune  a:hover{
    background: #8B027C;
    border-radius:5px;
    color: #ffffff;
}

.menu li.red  a{
    color: #5189C1 ;
    font-size: 15px;
}
.menu li.blue  a{
    font-size: 15px;
    color: #FE592D;
}
.menu li.green  a{
    font-size: 15px;
    color: #8B027C;

}
.menu li.orange  a{
    font-size: 15px;
    color: #098346;
}
.menu li.merune  a{
    font-size: 15px;
    color: #C40A2A;
}
.merge_table{
    font-size: 14px;
}
.merge_table th{
    font-size: 14px;
    font-weight: normal;
}

.messenger img{
    width: 100;
    padding: 10px;
}
.bank_name_panel{
    background-color: #8B027C;
    font-size: 16px;
    color: #ffffff;
    padding: 10px;
    border-radius:0px 10px 10px 0px;
    margin-top: 10px;
    margin-right: 10px;
}
.bank_name_panel a{
    text-decoration: none;
    color: #ffffff;
}
.row_color td{
    background-color: #F2F2F2;
}
.login_panel{
    background-color: #E2E2E2;
    padding: 10px;
    border-radius:10px;
    box-shadow: 0 0 8px #000000;
    -moz-box-shadow: 0 0 8px #000000;
    -webkit-box-shadow: 0 0 8px #000000

}
.login_panel h4{
    color:#5189C2;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding-bottom: 10px;
}

/* form css*/
::-webkit-input-placeholder {
    color: #bbb;
}

:-moz-placeholder {
    color: #bbb;
}

.placeholder{
    color: #bbb; /* polyfill */
}

#signup input{
    margin: 5px 0;
    padding: 5px;
    width: 100%;
    *width: 518px; /* IE7 and below */
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 3px;
}

#signup input:focus{
    outline: 0;
    border-color: #aaa;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
}
#signup label{
    padding-top: 10px;
}
#signup button{
    margin: 20px 0 0 0;
    padding: 15px 8px;
    width: 100%;
    cursor: pointer;
    border: 1px solid #2493FF;
    overflow: visible;
    display: inline-block;
    color: #fff;
    font: bold 1.4em arial, helvetica;
    text-shadow: 0 -1px 0 rgba(0,0,0,.4);
    background-color: #2493ff;
    background-image: linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
    transition: background-color .2s ease-out;
    border-radius: 3px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .3),
        0 1px 0 rgba(255, 255, 255, .5) inset;
}

#signup button:hover{
    background-color: #7cbfff;
    border-color: #7cbfff;
}

#signup button:active{
    position: relative;
    top: 3px;
    text-shadow: none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
}
#image_preview img{
    width: 100%;
    height: 100%;

}

/* css for modal */
.modal-body:not(.two-col) { padding:0px }
.glyphicon { margin-right:5px; }
.glyphicon-new-window { margin-left:5px; }
.modal-body .radio,.modal-body .checkbox {margin-top: 0px;margin-bottom: 0px;}
.modal-body .list-group {margin-bottom: 0;}
.margin-bottom-none { margin-bottom: 0; }
.modal-body .radio label,.modal-body .checkbox label { display:block; }
.modal-footer {margin-top: 0px;}
@media screen and (max-width: 325px){
    .btn-close {
        margin-top: 5px;
        width: 100%;
    }
    .btn-results {
        margin-top: 5px;
        width: 100%;
    }
    .btn-vote{
        margin-top: 5px;
        width: 100%;
    }

}
.modal-footer .btn+.btn {
    margin-left: 0px;
}
.progress {
    margin-right: 10px;
}
.name_text{
    margin: 1px;
    padding: 5px;
    vertical-align: middle;
    background: #EAE3D1;
}
.h-divider{

    border-left: 1px solid #CCCCCC;

}
/* login panel*/

.login-container{
    position: relative;
    width: 300px;
    margin: 10px auto;
    padding: 20px 40px 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
}

#output{
    position: absolute;
    width: 300px;
    top: -75px;
    left: 0;
    color: #fff;
}

#output.alert-success{
    background: rgb(25, 204, 25);
}

#output.alert-danger{
    background: rgb(228, 105, 105);
}


.login-container::before,.login-container::after{
    content: "";
    position: absolute;
    width: 100%;height: 100%;
    top: 3.5px;left: 0;
    background: #fff;
    z-index: -1;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    border: 1px solid #ccc;

}

.login-container::after{
    top: 5px;
    z-index: -2;
    -webkit-transform: rotateZ(-2deg);
    -moz-transform: rotateZ(-2deg);
    -ms-transform: rotateZ(-2deg);

}

.avatar{
    width: 100px;height: 100px;
    margin: 10px auto 30px;
    border-radius: 100%;
    border: 2px solid #aaa;
    background-size: cover;
}
.avatar img{
    width: 100%;
}

.form-box input{
    width: 100%;
    padding: 10px;
    text-align: center;
    height:40px;
    border: 1px solid #ccc;;
    background: #fafafa;
    transition:0.2s ease-in-out;

}

.form-box input:focus{
    outline: 0;
    background: #eee;
}

.form-box input[type="text"]{
    border-radius: 5px 5px 0 0;
    text-transform: lowercase;
}

.form-box input[type="password"]{
    border-radius: 0 0 5px 5px;
    border-top: 0;
}

.form-box button.login{
    margin-top:15px;
    padding: 10px 20px;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#preview_img img{
    width: 100%;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

/*for filterble table*/
.filterable {
    margin-top: 15px;
}
.filterable .panel-heading .pull-right {
    margin-top: -20px;
}
.filterable .filters input[disabled],.filterable .filters textarea[disabled] {
    background-color: transparent;
    border: none;
    cursor: auto;
    box-shadow: none;
    padding: 0;
    height: auto;
    resize: none;
    text-align: center;
}
.filterable .filters input[disabled]::-webkit-input-placeholder,.filterable .filters textarea[disabled]::-webkit-input-placeholder {
    color: #333;
}
.filterable .filters input[disabled]::-moz-placeholder,.filterable .filters textarea[disabled]::-moz-placeholder  {
    color: #333;
}
.filterable .filters input[disabled]:-ms-input-placeholder,.filterable .filters textarea[disabled]:-ms-input-placeholder {
    color: #333;
}
.link_title h4{
    padding: 5px;
    background: #A27036;
    border-radius: 7px 7px 0px 0px;
    color: #ffffff;
    text-align: center;
}
.link_title{
    
}
.link_title ul{
    list-style: none;
    /*border: .5px solid #C0C0C0;*/
    }

.link_title ul li a{ 
        text-decoration: none;
}
.custom_table span{
    color: red;
}
.bubble{
    
position:relative;
font-size:9px;
padding:1px 6px 1px 3px;
line-height:12px;
font-weight:bold;
letter-spacing:-1px;
margin-left: -11px;
top:-7px;
right:-8px;
color:#fff;
z-index:90;
border:1px solid #b20606;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background:#ff2e2e;
background: -moz-linear-gradient(top,#ff2e2e,#c80606);
background: -webkit-gradient(linear, left top, left bottom, from(#ff2e2e), to(#c80606));

}
  .calendar{
		font-family: arial;
		font-size: 12px;
             
	  }
	  table.calendar{
		margin:auto;
		border-collapse: collapse;
	  }
          
	  .calendar .days td{	
		padding:2px;             
                color: #318D31;
                height: 50px !important;
		border: 1px solid #C7AB18;
		vertical-align: top;
		background-color: #DEF;

	  }
	  .calendar .days td:hover{
		background-color: #FFF;
	  }
	  .calendar .highlight{
		font-weight: bolder;
		color: red;
		font-size: 20px;
	  }
          .c_highlight{
           		color: red;
		
          }
          .day_num{
               width: 100%;
          }
          .content{
               width: 100%;
               margin: 0px;
               padding: 2px;
               height: auto;
               
          }
          .scroll_title{
              color: red;
               font-weight: bold;
               font-size: 15px;
          }

/*===============css for OwnershipStatement===============*/
.statement .table thead tr th{
    text-align: center;
}
.statement .signature{
    text-align: center;
    margin-top: 50px;
}
.statement .approval-msg{
    margin-left: 2%;
}
.statement .approval{
    margin-right: 2%;
}
.verticalText {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.verticalText{
    vertical-align: middle !important;
}
/*===============/css for OwnershipStatement===============*/
/*===============css for PrimaryInformation===============*/
.primary-information .note p{
    text-align: left;
}
.error{
    text-align: left!important;
    color: red!important;
    padding: 2px!important;
}
.table>thead>tr>th{
    vertical-align: middle!important;
}
/*===============/css for PrimaryInformation===============*/


/* On screens that are 992px or less, set the background color to blue */
/*@media screen and (min-width: 768px) {
  .container {
    width: 1300px;
  }
}*/