/* customize css */
.fullscreen { width:100%; margin:2px auto; }
.bsmenu { width:100%; margin:0 auto 5px auto; border-radius:4px; }
.menucontainer { background-color:#F3F9FD; padding:0 5px; margin:-7px 0 5px 0; border:1px solid #d2d2d2; border-radius:4px; box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 3px rgba(0, 0, 0, 0.1); }
.boxshadow {border:1px solid #d2d2d2; border-radius:4px; box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 3px rgba(0, 0, 0, 0.1);}
.mtop {margin-top:50px;}
.title_header { padding:0 0 20px 0; }
.h3_title { color:#11569D; }
.top_title_center { width:97.6%; height:auto; min-height:70px; margin:5px auto 15px auto; background:#E9F3F9 url(../img/mfalogo.png) 2px 6px no-repeat; border:1px solid #C4DFEE; border-radius:4px; text-align:center; color:#11569D; padding:0 0 5px 0; font-size:1.35em; box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 3px rgba(0, 0, 0, 0.1); }
.mfalogo {background: transparent url(../img/mfalogo.png) 0 0 no-repeat;}
.logomfa { float:left; border:0; margin:10px 10px 10px 0; } 
.clear { clear:both; }
.upload { float:left; margin:15px 10px 5px 15px; border:1px solid #ccc; border-radius:4px; }
.useronline {float:left; padding-top:15px; margin-right:10px;}
.justify {text-align:justify;}
.center {text-align:center; margin:10px auto; }
.left { float:left; margin-bottom:10px; }
.right { float:right; margin-top:16px; }
.strong { font-weight:bold; }
.strong > a { text-decoration:none; outline:none; }
.outline { outline:none; }
.logout {color:#FF0000;}
.logout:hover {color:#015BFF;}
.radius4 {border-radius:4px; }
.date {float:right; text-align:right; margin:-60px 30px 0 0; font-size:14px; color:#666; }
.menublue { color:#11A0DB; }
.fblack {color:#000000;}
.fgray {color:#666;}
.fblue {color:#175997;}
.fred { color:#C00000; }
.fredfire { color:#FF0000; }
.fgreen { color:#259B25; }
.forange { color:#F3A703; }
.fpurple { color:#C000C0; }
.fteal { color:#158F8E; }
.fbluepurple {color:#0D6EFD;}
.fgreenbtn { color:#5CB85C; }
.bluesky { font-weight:bold; background-color:#ECF4FA; }
.fwhite { color:#FFFFFF; }
.yellow { background-color:#ECF4FA; }
.sepline { margin:3px 0; border-top: 1px dotted #666;}
.address { padding:5px; border:1px dotted #666; border-radius:4px; display:inline-block; }
.textlink {color:#C00000; text-decoration:underline;}
.textlink:hover {color:#015BFF;}
.nolink {text-decoration:none !important; cursor:pointer;}
.nodot {list-style-type:none; margin-left:-40px;}
li.nodot a { text-decoration:none; outline:none; }
li.nodot a:hover { text-decoration:underline; outline:none; }
.labeltitle { margin-top:5px; color:#337AB7; }
.labeltitle_attachment { margin:5px 5px 0 -5px; padding:5px; background-color:#0BB0F5; color:#FFF; border-radius:4px; }
.ulfilelist { border:1px solid #ccc; border-radius:4px; }
.lifilelist { padding:5px; }
.minh70 {min-height:70px;}
.idsmzero { float:left; margin-left:15px; display:inline-block; background-color:#337AB7; color:#FFFF00; padding:4px 6px; border-radius:4px; }
.editaction { float:left; margin-right:8px; padding-bottom:5px; }
.delaction { float:left; margin-right:8px; padding-top:5px; }
.sidelink { float:right; margin-right:30px; background-color:#FFFFC0; border:1px solid #ccc; border-radius:4px; padding:5px 7px; margin-top:-75px; font-weight:bold; text-decoration:none; outline:none; }
.sidelink:hover {background-color:#EBFCB0; }
.mtssl { margin-top:-37px; } /* margin top for single side link */
.mt8 { margin-top:8px; }
.mt22 { margin-top:22px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.ml17 { margin-left:17px; }
.ml20 { margin-left:20px; }
.pt5 {padding-top:5px;}
.pr5 {padding-right:5px;}
.pl5 {padding-left:5px;}
.pt10 {padding-top:10px;}
.pb10 {padding-bottom:10px;}
.fs20 {font-size:20px;}
.small {font-size:.75em;}
.small76 {font-size:.76em;}
.small85 {font-size:.85em;}
.small87 {font-size:.87em;}
.small91 {font-size:.91em;}
.wlogp {width:auto;}
.rowblue {background-color:#E9F0F8;}
.rowlblue {background-color:#FCFDFE;}
.status_blueeidos {background-color:#2058F8; border-radius:4px; padding:4px 6px; color:#fff; font-size:1em; font-weight:bold; display:inline-block;}
.status_greeneidos {background-color:#00CEAE; border-radius:4px; padding:4px 6px; color:#fff; font-size:1em; font-weight:bold; display:inline-block;}
.status_blue {background-color:#3EA4EC; border-radius:4px; padding:4px 6px; color:#fff; font-size:1em; font-weight:bold; display:inline-block;}
.status_bluedark {background-color:#175997; border-radius:4px; padding:4px 6px; color:#FFFF00; font-size:1em; font-weight:bold; display:inline-block;}
.status_green {background-color:#5CB85C; border-radius:4px; padding:4px 6px; color:#fff; font-size:1em; font-weight:bold; display:inline-block;}
.status_orange {background-color:#F3A703; border-radius:4px; padding:4px 6px; color:#fff; font-size:1em; font-weight:bold; display:inline-block;}
.status_red {background-color:#CD2B0B; border-radius:4px; padding:4px 6px; color:#fff; font-size:1em; font-weight:bold; display:inline-block;}
.status_purple {background-color:#5155FF; border-radius:4px; padding:4px 6px; color:#fff; font-size:1em; font-weight:bold; display:inline-block;}
.step {background-color:#198754; border-radius:4px; padding:4px 6px 2px 6px; margin-bottom:5px; color:#fff; font-size:1em; font-weight:bold; display:inline-block;}
.step_update {float:left; background-color:#198754; border-radius:4px; padding:4px 6px 2px 6px; margin:30px 0 0 15px; color:#fff; font-size:1em; font-weight:bold; display:inline-block;}
.roundbox { padding:4px; border:1px solid #198754; border-radius:4px; width:90%; margin:10px auto;}
.roundbox_notes { padding:4px; border:1px solid #198754; border-radius:4px; margin:10px auto;}
.labeltitle_rest { margin:5px 5px 5px 0px; padding:5px; background-color:#0D6EFD; color:#FFF; border-radius:4px; }
.dot {height:5px; width:5px; background-color:#175997; border-radius:50%; margin-bottom:2px; margin-right:5px; display:inline-block;}
.printpage { float:right; margin-top:50px; padding:0 2px 7px 5px; cursor:pointer; }
.print { float:right; margin:24px 2px 20px 20px; cursor:pointer; }
.prnview { font-size:1.1em; }
.hide { display:none; }
.warning { 
    color:#cf741c; 
    border:1px solid #fde791; 
    border-radius:4px; 
    background:#fbfae0  url(../img/warning.png) 6px center no-repeat; 
    display:inline-block; 
    padding:10px 10px 10px 35px; 
    margin:10px 0; 
}
.warning_status { 
    color:#2d6f7b; 
    border:1px solid #96e2f0; 
    border-radius:4px; 
    background:#bce8f1  url(../img/warning.png) 6px center no-repeat; 
    display:inline-block; 
    padding:10px 10px 10px 35px; 
    margin:10px 0; 
}
.search { 
    background-color:#EBF5F7; 
    padding:5px; 
    border:1px solid #ccc; 
    border-radius:4px; 
    margin:10px 5px 0 0; 
    font-family:tahoma,verdana,sans-serif; 
    font-size:12px; 
    color:#3276B1; }
.search:hover { border:1px solid #3276B1; }
.searchimg { background:transparent url(../img/search.png) 0 50% no-repeat; padding:4px 0 4px 22px; }
.editimg { background:transparent url(../img/edit.png) 50% 50% no-repeat; padding:4px; }
.deleteimg { background:transparent url(../img/delete.png) 50% 50% no-repeat; padding:4px; }
.searchimg { background:transparent url(../img/search.png) 0 50% no-repeat; padding:4px 0 4px 22px; }

/* login form */
.panel-body { background-color:#F3F9FD; }
.panel-heading { padding:5px 15px; }
.panel-footer { padding:1px 15px; color:#A0A0A0; }
.profile {
    width:300px;
    height:120px;
    margin:5px auto;
    background:transparent url(../img/mfa_logo.png) 50% 50% no-repeat;
}
.copyright { background-color:#F7F8F9; font-family:verdana, tahoma, arial, sans-serif; font-size:.72em; line-height:1.3em; color:#666; text-align:center; padding:8px 2px; border:1px solid #ccc; border-radius:3px; }
.apidevteam { font-size:.9em; color:#337AB7; }
.info { background-color:#F3F9FD; padding:10px 15px; margin-bottom:20px; text-align:justify; border:1px solid #d2d2d2; border-radius:4px; box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 3px rgba(0, 0, 0, 0.1); }
.msginfo { margin:15px 0; padding:8px 8px 8px 34px; font:normal 15px/18px Arial, Helvetica, sans-serif; text-align:justify; color:#034a89; border:1px solid #d2d2d2; border-radius:4px; background:#F3F9FD url(../img/info.png) 6px center no-repeat; box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 3px rgba(0, 0, 0, 0.1); }
.msgsuccess { margin:15px 0; padding:8px 8px 8px 34px; font:normal 15px/18px Arial, Helvetica, sans-serif; text-align:justify; color:#298529; border:1px solid #d2d2d2; border-radius:4px; background:#ebfcc6 url(../img/success.png) 6px center no-repeat; box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 3px rgba(0, 0, 0, 0.1); }
.logtitle { text-align:center; font-size:1.2em; color:#337AB7 !important; }
.num { background-color: #297BC7; padding: 4px 10px; border-radius: 100%; font: bold 16px/20px Arial, Helvetica, sans-serif; color:#fff; margin-right:10px; clear:left; }
.ptext { font:normal 15px/20px Arial, Helvetica, sans-serif; color:#666; text-align:justify; }
.indent {text-indent:30px;}
/* Bootstrap Multilevel Menu */
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#ccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#fff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
/* Go to top */
#gototop {
    display:none;
    position:fixed;
    bottom:33px;
    right:20px;
    z-index:99;
    cursor:pointer;
    outline:none;
    text-decoration:none; 
    border:3px double #0584FB; 
    border-radius:50%;
    background:transparent url(../img/top.png) 50% 50% no-repeat;
}
#gototop:hover { text-decoration:none; border:3px double #ED0D0D; border-radius:100%; }
.csvbtn { width:32px; height:32px; outline:none; text-decoration:none; background:transparent url(../img/xlsicon.png) 0 0 no-repeat; }

table.pinax { margin:0; padding:0; width:100%; border-collapse:collapse; font-size:.85em; text-align:left; /*word-break:break-all;*/ }
/*.trbreak {word-break:break-all;}*/
.prntitle {display:none;}

.notesread {border:1px solid #ccc; border-radius:4px; max-height:100px; overflow:auto; padding:4px; margin-bottom:4px;}

.redStar {
    color: red; 
    font-weight: bold;
}
.whiteStar {
    color: white; 
    font-weight: bold;
}
.aplstatus { display:inline-block; background-color:#EE1A1A; border-radius:5px; padding:4px 6px; color:#fff; }
.aplnum { background-color:#337AB7; border-radius:4px; padding:4px 6px; font-family:arial,verdana,sans-serif; color:#FFFF00; font-size:1.15em; font-weight:bold; display:inline-block; }
.arhi { background-color:#B78417; border-radius:4px; padding:4px 6px; color:#fff; font-size:1em; font-weight:bold; display:inline-block; }
.diax {margin-top:4px; margin-bottom:4px;} /*hr line style on tables*/
.diaxcolor {margin-top:4px; margin-bottom:4px; border:1px solid #5CB85C;} /*hr line style on tables*/
.textleft {text-align:left;}

/*tooltip*/
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

div.btn.btn-default.parent:hover {background-color:#EFF6FB;}

/* media screen rules */
@media only screen and (max-width:750px) {
    .mtop {margin-top:310px;}
    .sidelink {display:none;} 
    .useronline {float:left; padding-top:9px; margin-right:10px;}
    .top_title_center { width:97.6%; margin:5px auto 15px auto; background:#E9F3F9 url(../img/noimage.png) 0 0 no-repeat; border:1px solid #C4DFEE; border-radius:4px; text-align:center; color:#11569D; padding:0 0 5px 0; font-size:1.35em; box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 3px rgba(0, 0, 0, 0.1); }
}

@media only screen and (max-width:508px) {
    .date {float:right; text-align:right; margin:-33px 30px 0 0; font-size:14px; color:#666;}
}

@media only screen and (max-width:379px) {
    .date {display:none;}
}
/* media print rules */
@media print {
    /* print styling */
    /*header, footer {display:none !important;}*/
    .printpage, .sidelink, .mtssl, .prnhidecol, .bars {display:none;}
    .prntitle {margin-top:10px; display:block; background-color:#F7F8F9; font-family:verdana, tahoma, arial, sans-serif; font-size:1em; font-weight:bold; line-height:1.3em; color:#666; text-align:center; padding:8px 0; border:1px solid #ccc; border-radius:3px;}
    .qrc {position:fixed; top:0; left:0; width:226px; height:151px; margin:0; text-align:center; background-color:transparent; color:#000;}
    .labelnum {font-family:arial,verdana,sans-serif; font-size:25px; line-height:28px; font-weight:bold; color:#000; text-align:center; margin:4px auto 0 auto;}
    /*.bar_code { border:1px dotted #666; margin:10px 0; padding:5px;}*/
}

/*Equal-Width Table Cells
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
table tr {
  border: 1px solid #ddd;
  padding: .35em;
}
table tr:nth-child(even) {
  background: #f8f8f8;  
}
table th,
table td {
  padding: .625em;
  text-align: left;
}
table th {
  background: #999;
  color: #fff;
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}*/