/* Spacer */
.spacer15
{
    height: 15px;
}
.spacer30
{
    height: 30px;
}
/* END - Spacer */

.wide-wrapper
{
    overflow-x: auto;
    overflow-y: visible;
}

.green
{
    color: green;
}
.red
{
    color: red;
}
.orange
{
    color: orange;
}

/* Print Settings */    
@media print 
{    
    body {
        margin-top: 0px; 
        margin-bottom: 0px; 
        margin-left: 0px; 
        margin-right: 0px;
    }
    
    .sp-print {
        size: letter;
        font: 12px "Times New Roman", Times, serif;
        background:white;
        float: none;
    }
    
    .sp-print-top {
        size: letter;
        font: 12px "Times New Roman", Times, serif;
        background:white;
        color:black;
        margin-top: 25mm !important;
        padding-top: 0mm !important;
    }
     
    .noprint
    {
        display:none !important;
    }
	
    a:link:after, a:visited:after 
    {  
        display: none;
        content: "";    
    }
	
    .col-print-1 {width:8%;  float:left; font-size: 100%;}
    .col-print-2 {width:16%; float:left; font-size: 100%;}
    .col-print-3 {width:25%; float:left; font-size: 100%;}
    .col-print-4 {width:33%; float:left; font-size: 100%;}
    .col-print-5 {width:42%; float:left; font-size: 100%;}
    .col-print-6 {width:50%; float:left; font-size: 100%;}
    .col-print-7 {width:58%; float:left; font-size: 100%;}
    .col-print-8 {width:66%; float:left; font-size: 100%;}
    .col-print-9 {width:75%; float:left; font-size: 100%;}
    .col-print-10{width:83%; float:left; font-size: 100%;}
    .col-print-11{width:92%; float:left; font-size: 100%;}
    .col-print-12{width:100%; float:left; font-size: 100%;}
    
    .glyphprint-green:before
    {
        color: green !important;
    }
    
    .glyphprint-red:before
    {
        color: red !important;
    }
    
    .glyphprint-orange:before
    {
        color: orange !important;
    }
}

@page 
{
    size: A4 portrait;
    margin-left: 0mm;
    margin-right: 0mm;
    margin-top: 0mm;
    margin-bottom: 0mm;
    margin: 0mm;
    -webkit-print-color-adjust: exact;
}
/* END - Print Settings */   

.footer-bar {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    margin-top: 50px;
}

/* Watermark */   
.watermark-image
    {
        position:absolute;
        width: 55%;
        top:25%;
        left:22%;
        opacity:0.07;
    }
/* END - Watermark */   

.panel-transparent {
    background: none;
}

/* Back to Top button */
#toTopBtn 
{
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    width: 50px;
    height: 50px;
}
/* END - Back to Top button */

#toTopBtn:hover 
{
    background-color: grey; /* Add a dark-grey background on hover */
}

/* Dropdown Menu 2nd Level */
.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 6px;
    border-radius:0 6px 6px 6px;
}

.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:#cccccc;
    margin-top:5px;margin-right:-10px;
}
.dropdown-submenu:hover>a:after{
    border-left-color:#555;
}
.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;
}

@media (min-width: 768px) { 

}
@media (min-width: 992px) { 

}
@media (min-width: 1200px) { 

}
/* END - Dropdown Menu 2nd Level */
