@charset "UTF-8";
/* CSS Document */
body {
    background: #fff;
    color: #444444;
    margin:0;
    font-family: 'Lato', arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1 {
    font: normal normal 700 35px/120% 'Roboto Condensed', sans-serif;
}
ol {
     font: normal normal 400 16px/250% 'Lato', sans-serif;
}
#nav {
    max-width: 1080px;
    margin: auto;
    height: 40px;
    padding: 20px;
    color: #444;
}
#nav img {
    width: 340px;
}
#background-image-banner {
    position: relative;
    background-color: #444;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../images/showcase-image.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 400px;
}
#header {
    max-width: 1080px;
    margin: auto;
    padding: 20px;
    
}

#header h1 {
    font: normal normal 700 55px/120% 'Roboto Condensed', sans-serif;
    color:white;
    margin:60px 0 0 0;
    
}
#header h2 {
    font: normal normal 400 23px/180% 'Lato', sans-serif;
    color:white;
    margin:20px 0 0 0;
    
}

#header-bar-orange {
    background: #f47735;
    padding: 15px 0 15px;
    margin-top: 10px;
}

#header-bar-grey {
    background: #dadada;
    padding:15px 0px 15px;
    margin-top: 10px;
}
#maincontent {
    max-width: 1080px;
    margin: auto;
    padding: 20px;
}
#background-footer {
    background-color: #444;
    margin-top:80px;
}
#footer {
    max-width: 1080px;
    margin:auto;
    font-size: 13px;
    color:white;
    padding: 20px;
}
#footer a {
    color:white;
}


@media only screen and (max-width:620px) {
    /* For mobile phones: */
    #nav img {
        width: 220px;
    }
}

.app-form {
    width: 320px;
    border: 25px solid white;
    background-color:white;
    margin:auto;
}

.app-form div {
margin-bottom:15px;
}


a {
text-decoration: none;
color: #f47735;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

body .hs-button.primary, body input[type="submit"], body input[type="button"] {
background: #fff;
border-style: solid;
border-width: 1px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
font-family: 'Lato',arial,sans-serif;
padding: 10px 30px;
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
white-space: nowrap;
font-size: 16px;
line-height: 1.42857143;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
color: #f47735;
border-color: #f47735;
-webkit-appearance: none;
}

body .hs-button.primary:hover, body input[type="submit"]:hover, body input[type="button"]:hover {
    border: 1px solid #FFF;
    border-color: #f47735;
    background: #f47735;
    color: #FFF;
}

body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select {
     width: 100%;
     font-family: 'Lato',arial,sans-serif;
     font-size: 16px;
     display: block;
     height: 34px;
     padding: 6px 12px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -o-border-radius: 4px;
     -ms-border-radius: 4px;
     border-radius: 4px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     -ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 }

.header-bar {
    background: #dadada;
    padding:5px 0px 5px;
}

.header-text {
 font-size: 28px;
 font-family: 'Roboto Condensed',sans-serif;
 text-align:center;
 text-rendering: optimizelegibility;
 margin:0;
}

.checkBoxColumn{
  width:5%;
  text-align:center;  
}
.fileURLColumn{
  width:95%;
  text-align:left;  
}
.fileIdColumn{
display:none;
}
.hideColumn{
display:none;
}
.loaderImageContainer {
        width: 100%;
        height: 60px;
        position: fixed;
        background: #000000a1;
        z-index: 9999999;
        display: none;
        top: 50%;
        /* left: 50%; */
        margin-top: -30px;
}

.loaderImg {
       position: fixed;
       left: 50%;
       width: 50px;
       height: 50px;
       z-index: 9999999;
       top: 50%;
       margin-left: -25px;
       margin-top: -25px;
}

.loaderImg {
    background:white;
}