/* CREATED BY BG 8/22/2014
    FILE CONTAINS CLASSES ADDED TO COMPLIMENT BOOTSTRAP AND ANGULR CSS TEMPLATE*/

/***** Additions to Angulr CSS Template and Bootstrap ****/
html {
    background-color: #f0f0f4; /*f0f3f4*/
}

body{
    font-size: 14px;
}
/*-------------------*/
/*---> WIP Alert <---*/
/*-------------------*/
.fa-asterisk.fa-asterisk-alert { color: #F58A00; }
.fa-check.fa-check-large       { font-size: 115%; vertical-align: middle; }
.fa-asterisk.fa-asterisk-large { font-size: 150%; vertical-align: middle; }
.badge.bg-alert,
.label.bg-alert { background-color: #F58A00; }
.text-alert { color: #F58A00;}

/*----------------------------------*/
/*--- Add Pointer to Table Hover ---*/
/*----------------------------------*/
.table-hover tbody tr:hover > td {
  cursor: pointer;
  cursor: hand;
}


/*---------------------*/
/*--- Panel Heading ---*/
/*---------------------*/
/* minimize icon location - used from 'fes-panel-heading' directive*/
.panel-heading .panel-heading-icons { margin: -18px -5px 0 5px; }

/* right text location - used from 'fes-panel-heading' directive*/
.panel-heading .panel-heading-right-text { margin-top: -18px; }


/*---------------------------------*/
/*--- Padding & Font Size for input elements ---*/
/*---------------------------------*/
.form-control{
    font-size: 1em;
    padding: 3px 12px 3px 12px;
    height: 28px;
}

/*---------------------------------*/
/*--- Labels for input elements ---*/
/*---------------------------------*/
/* If body font-size is 13px set label's font-size to .9em.  If body font-size is set to 14px then set it to .85em for best look*/
.form-group label{
    font-size: .85em;
    font-weight: bold;
    margin-bottom: 0;
}

/*---------------------------------*/
/*--- Help Blocks for for input elements ---*/
/*---------------------------------*/
.help-block{
    font-size: .8em;
    font-style: italic;
    font-weight: bold;
    margin-top: 2px;
    
}

/*---------------------------------*/
/*--- Buttons ---*/
/*---------------------------------*/
        /*.btn-xs,
        .btn-group-xs > .btn {
          padding: 1px 5px;
          font-size: .9em;
          line-height: 1.5;
        }*/

.dropdown-menu{ font-size: 1em; }

/* For sections such as Company Info, Equipment Info, etc....*/
h4.section-header,
div.h4.section-header {
    padding: 6px;
    margin: 15px 0 10px 0;
    border: 1px solid #edf1f2;
    background-color: #fafbfc; /*#fafbfc*/ /*#f0f3f4*/
    
    /*color: #23B7E5;*/
    /*color: #189ec8;*/
    /*font-weight:bold;*/
}

/*---------------------------------*/
/*--- Validation ---*/
/*---------------------------------*/
.novalidate {
    border-left: none !important;
}
input.ng-invalid.ng-touched,
textarea.ng-invalid.ng-touched, 
select.ng-invalid.ng-touched {
  border-left: 5px solid #E03930 !important;
}
input.ng-valid,
textarea.ng-valid, 
select.ng-valid {
  border-left: 5px solid #57A83F;
}

input.ng-untouched,
textarea.ng-untouched,  
select.ng-untouched {
  border-left: 1px solid #cfdadd;
}

/* wcOverlay directive CSS styles */
.overlayContainer { display: none;}
.overlayBackground { top:0px; left:0px; padding-left:100px;position:absolute; z-index:1000;height:100%;width:100%;background-color:#808080;opacity:0.3;}
/*.overlayContent { position:absolute; border: 1px solid #000; background-color:#fff; font-weight: bold;height: 100px;width: 300px;z-index:1000;text-align:center;}*/
.overlayContent { position:absolute; border: 1px solid #000; background-color:#fff; font-weight: bold;height: 80px;width: 225px;z-index:1000;text-align:center; padding: 10px 0;}
.dim-overlay-splash
{
			height:100%;
			width:100%;
			position:fixed;
			left:0;
			top:0;
			z-index:1 !important;
			background-color:black;
            filter: alpha(opacity=75); /* internet explorer */
            -khtml-opacity: 0.75;      /* khtml, old safari */
            -moz-opacity: 0.75;       /* mozilla, netscape */
            opacity: 0.75;           /* fx, safari, opera */
}
/*change from 200px to prevent right side links from wrapping nav-header*/
@media all and (min-width:768px){
.app-aside, .navbar-header {
    width: 180px;
}
}
@media all and (min-width:1200px){
.container {
    width: 970px;
}
}
@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 20px;
        padding-bottom: 30px; 
    }
}
/*.originator-logo {
    src: ("../content/pl/efe542f9-c196-47d5-8211-9c4ad4a7bff9/hero-bg-50-opacity.jpg") !important;
}*/

/*Do not change name*/
.jumbotron.jumbotron-default{
    /*background:url("http://skematiktheme.com/wp-content/uploads/2012/11/random_grey_variations.png")!important*/
    /*background:url("http://finenterpriseapplicationportal.azurewebsites.net/content/images/random_grey_variations.png")!important*/
    margin-top: -10px;
    color: #fff;
    background-color: #4e4e4e;
    background: url("../content/images/random_grey_variations.png") !important;
}

/*Do not change name*/
.jumbotron.jumbotron-custom {
    margin-top: -10px;
    color: #fff;
    background-color: #4e4e4e !important;
    /*background:url("../content/pl/efe542f9-c196-47d5-8211-9c4ad4a7bff9/bg.jpg") !important;*/
    
    background-attachment: fixed !important;
    /*background-repeat:no-repeat !important;*/
    background-size: cover !important;
    background-position: center !important;
}
.jumbotron p {
    font-size: 19px;
    font-weight: 400;
}

.over{
    background-color:Black;
    opacity:0.55;
    z-index: 1000;
}

.transparent {
    background:rgba(255,255,255,0.5);
}