body {

font-family: 'Varela Round', sans-serif;

}

.modal-login {

width: 320px;

}

.modal-login .modal-content {

border-radius: 1px;

border: none;

}

.modal-login .modal-header {

position: relative;

justify-content: center;

background: #f2f2f2;

}

.modal-login .modal-body {

padding: 30px;

}

.modal-login .modal-footer {

background: #f2f2f2;

}

.modal-login h4 {

text-align: center;

font-size: 26px;

}

.modal-login label {

font-weight: normal;

font-size: 13px;

}

.modal-login .form-control, .modal-login .btn {

min-height: 38px;

border-radius: 2px;

}

.modal-login .hint-text {

text-align: center;

}

.modal-login .close {

position: absolute;

top: 15px;

right: 15px;

}

.modal-login .checkbox-inline {

margin-top: 12px;

}

.modal-login input[type="checkbox"]{

margin-top: 2px;

}

.modal-login .btn {

min-width: 100px;

background: #3498db;

border: none;

line-height: normal;

}

.modal-login .btn:hover, .modal-login .btn:focus {

background: #248bd0;

}

.modal-login .hint-text a {

color: #999;

}

.trigger-btn {

display: inline-block;

margin: 100px auto;

}



.password{

  float: none;



  background-color: #fff;

  color: #545454;

  font-family: 'Open Sans', sans-serif;

  font-size: 11px;

  border-radius: 2px;



  width: 72% !important;

  background-color: #FFF;

  padding: 12px;

  border: 1px solid #e0e0e0;

  font-family: 'Open Sans', sans-serif;

  font-size: 13px !important;

  color: #000000;

}

.btn-pass{

  width: 8% !important;

}

/*  bhoechie tab */

div.bhoechie-tab-container{

  z-index: 10;

  background-color: #ffffff;

  padding: 0 !important;

  border-radius: 4px;

  -moz-border-radius: 4px;

  border:1px solid #ddd;

  margin-top: 20px;

  margin-left: 30px;

  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);

  box-shadow: 0 6px 12px rgba(0,0,0,.175);

  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);

  background-clip: padding-box;

  opacity: 0.97;

  filter: alpha(opacity=97);

}

div.bhoechie-tab-menu{

  padding-right: 0;

  padding-left: 0;

  padding-bottom: 0;

}

div.bhoechie-tab-menu div.list-group{

  margin-bottom: 0;

}

div.bhoechie-tab-menu div.list-group>a{

  margin-bottom: 0;

}

div.bhoechie-tab-menu div.list-group>a .glyphicon,

div.bhoechie-tab-menu div.list-group>a .fa {

  color: #0071bb;

}

div.bhoechie-tab-menu div.list-group>a:first-child{

  border-top-right-radius: 0;

  -moz-border-top-right-radius: 0;

}

div.bhoechie-tab-menu div.list-group>a:last-child{

  border-bottom-right-radius: 0;

  -moz-border-bottom-right-radius: 0;

}

div.bhoechie-tab-menu div.list-group>a.active,

div.bhoechie-tab-menu div.list-group>a.active .glyphicon,

div.bhoechie-tab-menu div.list-group>a.active .fa{

  background-color: #0071bb !important;

  color: #ffffff;

}

div.bhoechie-tab-menu div.list-group>a.active:after{

  content: '';

  position: absolute;

  left: 100%;

  top: 50%;

  margin-top: -13px;

  border-left: 0;

  border-bottom: 13px solid transparent;

  border-top: 13px solid transparent;

  border-left: 10px solid #5A55A3;

}



div.bhoechie-tab-content{

  background-color: #ffffff;

  /* border: 1px solid #eeeeee; */

  padding-left: 20px;

  padding-top: 10px;

}



div.bhoechie-tab div.bhoechie-tab-content:not(.active){

  display: none;

}

.fa-md{

  font-size: 1.55em !important;

  line-height: .75em !important;

  vertical-align: -15% !important;

}

.button-md{

  padding-top: 20px;

  text-align: right;

}

td.details-control {

    /*background: url('../resources/details_open.png') no-repeat center center;*/

    cursor: pointer;

}



#wb_confirmacion1 {

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    width: 64%;

    /* float: left; */

    font-size: 12px;

}

#wb_confirmacion1 h3 {

    margin: 25px 0 0;

    color: #fff !important;

    background-color: #0071bb;

    font-size: 17px;

    padding: 10px 10px 10px 15px;

    color: #0071bb;

    border-radius: 2px 2px 0 0;

    font-weight: 600;

}

.wb_confirmacion1-ul{

    margin: 0;

    padding: 10px;

    background-color: #ffff;

    border-radius: 2px;

    transition-property: background;

    transition-duration: 2s;

    transition-timing-function: ease-out;

    box-shadow: 1px 1px 5px #bdbdbd;

}

@media only screen and (max-width: 991px){

  .password{

    float: none;



    background-color: #fff;

    color: #545454;

    font-family: 'Open Sans', sans-serif;

    font-size: 11px;

    border-radius: 2px;



    width: 92% !important;

    background-color: #FFF;

    padding: 12px;

    border: 1px solid #e0e0e0;

    font-family: 'Open Sans', sans-serif;

    font-size: 13px !important;

    color: #000000;

  }

}