/* portal.smpc.com.ph css sheet */
@font-face {
    font-family: LatoBold;
    src: url(../fonts/Lato-Bold.ttf);
}
@font-face {
    font-family: LatoHairline;
    src: url(../fonts/Lato-Hairline.ttf);
}
@font-face {
    font-family: LatoBlack;
    src: url(../fonts/Lato-Black.ttf);
}
@font-face {
    font-family: LatoItalic;
    src: url(../fonts/Lato-Italic.ttf);
}
@font-face {
    font-family: LatoRegular;
    src: url(../fonts/Lato-Regular.ttf);
}
body {

	background-color: #3ed02e;
  font-family: LatoBlack;

	}

.blog
{
 
 font-family: LatoRegular;

}

.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin input[type="password"]
{
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.account-wall
{
    margin-top: 30px;
    padding: 10px 10px 10px 20px; /*clockwise top,right,bottom, left */
    background-color: #;
    /*box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);*/
}
.login-title
{
    color: #555;
    font-size: 22px;
    font-weight: 400;
    display: block;
}
.profile-img
{
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.select-img
{
	border-radius: 50%;
    display: block;
    height: 75px;
    margin: 0 30px 10px;
    width: 75px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.select-name
{
    display: block;
    margin: 30px 10px 10px;
}

.logo-img
{
  /*  width: 96px;
    height: 96px;*/
    margin: 0 auto 40px;
    display: block;
 /*   -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;*/
}
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.help-block{
  display:block;
  margin-top: 5px;
  font-size: 11px;
  color: green;
}

html, body, .container{
    height: 100%;
     font-family: LatoRegular;
}
.container{
    display: table;
    vertical-align: middle;
}
.vertical-center-row{
    display: table-cell;
    vertical-align: middle;
}
@media screen and (min-width: 768px) {
  
  #print_id .modal-dialog  {
    width:670px; 
    height:100%;}


}
  .c3s + .tooltip > .tooltip-inner {
      background-color: #21b516; 
      color: #FFFFFF; 
      border: 1px solid #21b516; 
      padding: 8px;
      font-size: 12px;
  }
/* Tooltip on right */
.c3s + .tooltip.right > .tooltip-arrow {
    border-right: 5px solid #21b516;
}

#grayscale {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%); /* For Webkit browsers */
  filter: gray; /* For IE 6 - 9 */
  -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}

.noresize {
  resize: none; 
}

#scrollbox3 {
    overflow: auto;
}

.track3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.track3:hover,
.track3.dragging {
    background: #d9d9d9; 
    background: rgba(0, 0, 0, 0.15);
}

.handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 10px;
}

#toTop{
  position: fixed;
  bottom: 95px;
  right: 40px;
  cursor: pointer;
  display: none;
}
#toTop .fa {
  margin-right: 5px;
}

#noti_Container {
    position:relative;
    width:16px;
    height:16px;
}
.noti_bubble {
    position:absolute;
    top: 6px;
    left: 24px;
    background-color: rgba(212, 19, 13, 1);
    color: #fff;
    border-radius: 3px;
    padding: 1px 3px;
    font: 8px Verdana;
    color:white;
    font-weight:bold;
    font-size:0.55em;
    box-shadow:1px 1px 1px gray;
}
.loadal {
    display:    none;
    position:   fixed;
    z-index:    99999999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(5, 44, 185, 0.7) 
                url('../image/loader-3.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 .loadal {
    display: block;
}

.success{
  background: #5cb85c;
}

.centertxt{
  text-align: center;
}
.lefttxt{
  text-align: left;
}
.righttxt{
  text-align: right;
}
.block{
  display:block;
}
.green{
  color: green;
}
.bold{
  font-weight:bold;
}

a {
  text-decoration: none !important;
}

a.c {
  color: #777;
}

a.c:hover {
  color: #fff;
}