html {
   margin: 0;
}
body {
   position: relative;
   padding-top: 69px;
   background: #FFFFFF url(../img/content_bg.jpg) repeat left top;
   -webkit-font-smoothing: antialiased;
   font-size: 14px;
   font-family: 'Lato', sans-serif !important;
   color: #333;
}

label {
   font-weight: normal;
   margin-bottom: 1px !important;
}
.scrolltop {
   background-color: #F1F1F1;
   border: 1px solid #444;
   display: none;
   height: 36px;
   position: fixed;
   right: 2%;
   /*text-indent: -9999px;*/
   top: 50%;
   width: 36px;
   z-index: 33;
}
.scrolltop span {
   position: relative;
   top: 7px;
   left: 10px;
}

/* Bootstrap Overrides */

#spinner {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background: url('/img/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

/* Navbar
-------------------------------------------------- */
.navbar-fixed-top {
   margin-bottom: 0;
}
.navbar {
   border-bottom: 0 none;
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
   padding: 8px 0 8px 0;
   /*background: none repeat scroll 0 0 #242b35;*/
   background: url("/img/sos_nav_bg.jpg") 0 0 repeat;
   height: 75px !important;
}
.navbar .brand {
   font-size: 26px;
}
.navbar .nav.pull-right {
   top: 10px;
   /*margin-right: 40px;*/
}
.navbar .nav > li > a {
   color: #F8F8F8;
   font-size: 15px;
   font-weight: bold;
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -ms-transition: all .2s linear;
   -o-transition: all .2s linear;
}
.navbar .nav > li > a:hover {
   color: #ccc;      
}
.navbar .nav > li.active > a,
.navbar .nav > li.active:hover > a,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
   padding-bottom: 4px;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   background: none;
   color: #fff;
}
.btn-dropnav {
   float: right;
   margin-left: 5px;
   margin-right: 5px;
   padding: 7px 10px;
   display: none;
}
.btn-dropnav .icon-bar {
   background-color: #F5F5F5;
   -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
   -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);   
   display: block;
   height: 2px;
   width: 18px;
}
.btn-dropnav .icon-bar + .icon-bar {
   margin-top: 3px;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
   background: none;
   color: #fff;
}
table.dataTable>thead .sorting::before,
 table.dataTable>thead .sorting_asc::before,
 table.dataTable>thead .sorting_desc::before,
 table.dataTable>thead .sorting_asc_disabled::before,
 table.dataTable>thead .sorting_desc_disabled::before {
    right: 0;
    content: "" !important;
}
 
 table.dataTable>thead .sorting::after,
 table.dataTable>thead .sorting_asc::after,
 table.dataTable>thead .sorting_desc::after,
 table.dataTable>thead .sorting_asc_disabled::after,
 table.dataTable>thead .sorting_desc_disabled::after {
    right: 0;
    content: "" !important;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
   background-color: #475B77 !important;
   text-decoration: none;
   color: #ffffff;
   /*   background-image: -moz-linear-gradient(top, #475B77, #475B77);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#475B77), to(#475B77));
   background-image: -webkit-linear-gradient(top, #475B77, #475B77);
   background-image: -o-linear-gradient(top, #475B77, #475B77);
   background-image: linear-gradient(to bottom, #475B77, #475B77);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#475B77', endColorstr='#475B77', GradientType=0);  */
}
.navbar .btn-navbar .icon-bar {
   display: block;
   width: 18px;
   height: 2px;
   background-color: #5FAF08;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   /*   border-radius: 1px;*/
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   /*   box-shadow: none;*/
}
/* CUSTOMIZE THE CAROUSEL       */

/* Carousel base class */
.carousel {
   height: 500px;
   width: auto;
   margin-bottom: 60px;
   max-width: 80%;
   display: block ;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
   z-index: 20;
   background-color: transparent;
   /*   max-width: 700px;
      padding: 0 20px;*/
   margin:0 auto;
   text-align:center;
}

/* Declare heights because of positioning of img element */
.carousel .item {
   height: 500px;
   background-color: #999;
}
.carousel-inner > .item > img {
   position: absolute;
   top: 0;
   left: 0;
   max-width: 80%;
   max-height: 349px;
   Margin: 0 auto; 
}

.carousel-caption p {
   margin-bottom: 20px;
   font-size: 16px;
   line-height: 1.4;
}

.Table_Container {
   padding-top: 10px;
   padding-left: 25px;
   padding-right: 25px;
}

#intro {
   text-align: center;
   margin-top: 50px;
}
#intro h1 {
   width: 55%;
   font-size: 28px;
   margin: 0 auto;
   color: #252B34;
   font-weight: normal;
}


/*@media (max-width: 979px) {
.nav-collapse .nav > li > a:hover,
.nav-collapse .dropdown-menu a:hover {
background: none !important;
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
color: #ccc;
}
}  */

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
   color: #ccc;
}

.navbar .nav .btn-header {
   background: #414A57;
   /*   background: -moz-linear-gradient(top, #414A57 0%, #292f38 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414A57), color-stop(100%,#292f38));
   background: -webkit-linear-gradient(top, #414A57 0%,#292f38 100%);
   background: -o-linear-gradient(top, #414A57 0%,#292f38 100%);
   background: -ms-linear-gradient(top, #414A57 0%,#292f38 100%); 
   background: linear-gradient(to bottom, #414A57 0%,#292f38 100%);*/ 
   /*   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414A57', endColorstr='#292f38',GradientType=0 );   */
   border: 1px solid #13161b;
   border-radius: 6px;  
   display: inline-block;
   line-height: 8px;
   position: relative;
   top: 1px;
   margin-left: 8px;
}
.navbar .nav .btn-header:hover {
   background: #545F6D;
   /*   background: -moz-linear-gradient(top, #545F6D 0%, #303946 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545F6D), color-stop(100%,#303946));
   background: -webkit-linear-gradient(top, #545F6D 0%,#303946 100%);
   background: -o-linear-gradient(top, #545F6D 0%,#303946 100%);
   background: -ms-linear-gradient(top, #545F6D 0%,#303946 100%); 
   background: linear-gradient(to bottom, #545F6D 0%,#303946 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545F6D', endColorstr='#303946',GradientType=0 ); */
}


/* Welcome screen - Footer settings */

.footer{
   position: fixed;
   bottom: 0;
}

.footer-distributed{
   background-color: #292c2f;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
   box-sizing: border-box;
   width: 100%;
   text-align: left;
   font: normal 16px sans-serif;

   padding: 45px 50px;
   margin-top: 80px;
}

.footer-distributed .footer-left p{
   color:  #8f9296;
   font-size: 14px;
   margin: 0;
}

/* Footer links */

.footer-distributed p.footer-links{
   font-size:18px;
   font-weight: bold;
   color:  #ffffff;
   margin: 0 0 10px;
   padding: 0;
}

.footer-distributed p.footer-links a{
   display:inline-block;
   line-height: 1.8;
   text-decoration: none;
   color:  inherit;
}

.footer-distributed .footer-right{
   float: right;
   margin-top: 6px;
   max-width: 180px;
}

.footer-distributed .footer-right a{
   display: inline-block;
   width: 35px;
   height: 35px;
   background-color:  #33383b;
   border-radius: 2px;

   font-size: 20px;
   color: #ffffff;
   text-align: center;
   line-height: 35px;

   margin-left: 3px;
}

.dataTable thead th {
   position:relative;
   background-image: none !important;
}
/*.dataTable thead th.sorting:after,
.dataTable thead th.sorting_asc:after,
.dataTable thead th.sorting_desc:after {
   position:absolute;
   top: 1px;
   right: 8px;
   display: block;
   font-family: 'Glyphicons Halflings';
   font-weight: normal;
}

.dataTable thead th.sorting:after {
content: "\e150";
font-size: 1em;
padding-top: 0.12em;
}
.dataTable thead th.sorting_asc:after {
content: "\e155";
}
.dataTable thead th.sorting_desc:after {
content: "\e156";
}  */

.dataTable thead th.sorting:after,
.dataTable thead th.sorting_asc:after,
.dataTable thead th.sorting_desc:after {
   background : none;
}

table.prices td.price, table.prices th.price { 
  text-align: right;
} 

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 600px) {

   .footer-distributed .footer-left,
   .footer-distributed .footer-right{
   text-align: center;
}

.footer-distributed .footer-right{
   float: none;
   margin: 0 auto 20px;
}

.footer-distributed .footer-left p.footer-links{
   line-height: 1.8;
}
}

.numericCol{
  float:right;
}
.text-right-pad-50 {
   padding: 2px 50px 2px 2px !important;  
/*   padding-right: 50px;*/
   text-align: right;   
}
.table-header-value {
   text-align: right !important;
   padding-right: 50px !important;  
}
.state-icon {
    left: -5px;
}
.list-group-item-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(66, 139, 202);
}

/* DEMO ONLY - REMOVES UNWANTED MARGIN */
.well .list-group {
    margin-bottom: 0px;
}

   div.control-group {
      padding-bottom: 2.4em;
   } 
   div.row {
      padding-bottom: 0.5em ;
      margin-left: 0px ; 
      margin-right: 0px ;  
   }
   
   .form-control[disabled], .form-control[readonly] {
      background-color: #f8ebeb ;
   }
   .tab-pane {
      height: 450px;
   }
   .rightJustified {
        text-align: right;
   }
   .leftJustified {
      text-align: left;
   }
   
   .panel-title-size {
      font-size: 16px;
   }
   
.panelSubHeading {
   color: #446e9b;
   font-size: 16px;
   font-weight: bold;
}

.btn-group label
{
  padding-left: 0px;
  width:6em;
  text-align: center;
}


/*input[type="radio"]:empty
{
  display: none;
}

input[type="radio"] ~ span:before
{
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
}

input[type="radio"]:before
{
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

input[type="radio"]:checked ~ span:before
{
  content: '\2714';
  text-indent: .3em;
  color: #fff;
  background-color: #5cb85c;
  line-height: 2.5em;
}   */

.jackbox {
   line-height: 1.4em;
}
/* CSS used for changing list backgrounds, etc to enable items to standout  */
.showRowInactive {
   background-color: #fff8d4 !important ;
}

.showRowCancelled {
   background-color: #ffe3e7 !important ;
}

.showDocumentAwaitingTemplate {
   background-color: #ffe3e7 !important ;
}
.showDocumentPending {
   background-color: #fff8d4 !important ;
}

.linkNewPage  {
   color: #347AB6 !important ;
   cursor: pointer;
}

.linkAnotherPage  {
   color: #2C5B20 !important ;
   cursor: pointer;
}
.leftJust {
   text-align: left !important;
}

#dropBox {
   min-width:300px;
   min-height:400px;
   border:3px dashed #000;
   background-repeat:no-repeat ;
   background-image: url(/img/drop-files-here.jpg) ;
   background-position: center;
}

      #imagelightbox
      {
         cursor: pointer;
         position: fixed;
         z-index: 10000;

         -ms-touch-action: none;
         touch-action: none;

         -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
         box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
      }


      /* ACTIVITY INDICATION */

      #imagelightbox-loading,
      #imagelightbox-loading div
      {
         border-radius: 50%;
      }
      #imagelightbox-loading
      {
         width: 2.5em; /* 40 */
         height: 2.5em; /* 40 */
         background-color: #444;
         background-color: rgba( 0, 0, 0, .5 );
         position: fixed;
         z-index: 10003;
         top: 50%;
         left: 50%;
         padding: 0.625em; /* 10 */
         margin: -1.25em 0 0 -1.25em; /* 20 */

         -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
         box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
      }
         #imagelightbox-loading div
         {
            width: 1.25em; /* 20 */
            height: 1.25em; /* 20 */
            background-color: #fff;

            -webkit-animation: imagelightbox-loading .5s ease infinite;
            animation: imagelightbox-loading .5s ease infinite;
         }

         @-webkit-keyframes imagelightbox-loading
         {
            from { opacity: .5;   -webkit-transform: scale( .75 ); }
            50%    { opacity: 1;   -webkit-transform: scale( 1 ); }
            to    { opacity: .5;   -webkit-transform: scale( .75 ); }
         }
         @keyframes imagelightbox-loading
         {
            from { opacity: .5;   transform: scale( .75 ); }
            50%    { opacity: 1;   transform: scale( 1 ); }
            to    { opacity: .5;   transform: scale( .75 ); }
         }


      /* OVERLAY */

      #imagelightbox-overlay
      {
         background-color: #fff;
         background-color: rgba( 255, 255, 255, .75 );
         position: fixed;
         z-index: 9998;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
      }


      /* "CLOSE" BUTTON */

      #imagelightbox-close
      {
         width: 2.5em; /* 40 */
         height: 2.5em; /* 40 */
         text-align: left;
         background-color: #666;
         border-radius: 50%;
         position: fixed;
         z-index: 10002;
         top: 2.5em; /* 40 */
         right: 2.5em; /* 40 */

         -webkit-transition: color .3s ease;
         transition: color .3s ease;
      }
      #imagelightbox-close:hover,
      #imagelightbox-close:focus { background-color: #111; }

         #imagelightbox-close:before,
         #imagelightbox-close:after
         {
            width: 2px;
            background-color: #fff;
            content: '';
            position: absolute;
            top: 20%;
            bottom: 20%;
            left: 50%;
            margin-left: -1px;
         }
         #imagelightbox-close:before
         {
            -webkit-transform: rotate( 45deg );
            -ms-transform: rotate( 45deg );
            transform: rotate( 45deg );
         }
         #imagelightbox-close:after
         {
            -webkit-transform: rotate( -45deg );
            -ms-transform: rotate( -45deg );
            transform: rotate( -45deg );
         }


      /* CAPTION */

      #imagelightbox-caption
      {
         text-align: center;
         color: #fff;
         background-color: #666;
         position: fixed;
         z-index: 10001;
         left: 0;
         right: 0;
         bottom: 0;
         padding: 0.625em; /* 10 */
      }


      /* NAVIGATION */

      #imagelightbox-nav
      {
         background-color: #444;
         background-color: rgba( 0, 0, 0, .5 );
         border-radius: 20px;
         position: fixed;
         z-index: 10001;
         left: 50%;
         bottom: 3.75em; /* 60 */
         padding: 0.313em; /* 5 */

         -webkit-transform: translateX( -50% );
         -ms-transform: translateX( -50% );
         transform: translateX( -50% );
      }
         #imagelightbox-nav button
         {
            width: 1em; /* 20 */
            height: 1em; /* 20 */
            background-color: transparent;
            border: 1px solid #fff;
            border-radius: 50%;
            display: inline-block;
            margin: 0 0.313em; /* 5 */
         }
         #imagelightbox-nav button.active
         {
            background-color: #fff;
         }


      /* ARROWS */

      .imagelightbox-arrow
      {
         width: 3.75em; /* 60 */
         height: 7.5em; /* 120 */
         background-color: #444;
         background-color: rgba( 0, 0, 0, .5 );
         vertical-align: middle;
         display: none;
         position: fixed;
         z-index: 10001;
         top: 50%;
         margin-top: -3.75em; /* 60 */
      }
      .imagelightbox-arrow:hover,
      .imagelightbox-arrow:focus   { background-color: rgba( 0, 0, 0, .75 ); }
      .imagelightbox-arrow:active { background-color: #111; }

         .imagelightbox-arrow-left   { left: 2.5em; /* 40 */ }
         .imagelightbox-arrow-right   { right: 2.5em; /* 40 */ }

         .imagelightbox-arrow:before
         {
            width: 0;
            height: 0;
            border: 1em solid transparent;
            content: '';
            display: inline-block;
            margin-bottom: -0.125em; /* 2 */
         }
            .imagelightbox-arrow-left:before
            {
               border-left: none;
               border-right-color: #fff;
               margin-left: -0.313em; /* 5 */
            }
            .imagelightbox-arrow-right:before
            {
               border-right: none;
               border-left-color: #fff;
               margin-right: -0.313em; /* 5 */
            }

      #imagelightbox-loading,
      #imagelightbox-overlay,
      #imagelightbox-close,
      #imagelightbox-caption,
      #imagelightbox-nav,
      .imagelightbox-arrow
      {
         -webkit-animation: fade-in .25s linear;
         animation: fade-in .25s linear;
      }
         @-webkit-keyframes fade-in
         {
            from   { opacity: 0; }
            to      { opacity: 1; }
         }
         @keyframes fade-in
         {
            from   { opacity: 0; }
            to      { opacity: 1; }
         }

      .modal75 {
         width: 75% !important;
      }
      .modal65 {
         width: 65% !important;
      }
      .modal55 {
         width: 55% !important;
      }
      .modal-xl {
         width: 95%;
         max-width:1400px;
      } 
      .modal-x {
         width: 50%;
         max-width:700px;
      }
      .modal-w {
         top: 75px !important;
         width: 55% !important;
         max-width:800px !important;
      }
      .modalwseventyfive {
         top: 275px !important;
         width: 750px !important;
      }      
      .modal-asb {
         width: 95%;
         max-width:1700px;
         height: 1400px !important;
         max-height: 1400px ;
      }
      
      .modalaaa { 
         top: 5px !important;         
         width: 95% ;
         max-width:1700px !important;
         height: 1400px !important;
         max-height: 1400px ;

      }      
      .modal-xh {
         height: 1000px !important;
         max-height: 1000px !important;
      }         
      .modal-content.t50h500 { /* customized styles. this way you can have N dialogs, each one with its own size styles */
         top: 50px !important;
         height: 500px !important;
      }      
      .modal-content.t100h650 { /* customized styles. this way you can have N dialogs, each one with its own size styles */
         top: 100px !important;
         height: 650px !important;
      }
      .modal-bodyheight-550 {
         height: 550px !important;
      }
      .modal-bodyheight-450 {
         height: 450px !important;
      }      
      .modal-content.t100h300 { /* customized styles. this way you can have N dialogs, each one with its own size styles */
         top: 100px !important;
         height: 300px !important;
      }
      
      .marginTop10 {
         margin-top: 10px !important;
      }
      
      .leftlabels {
         border-bottom-style: solid !important;
         border-bottom-color: #eeeeee82  !important;
/*         margin-top: 7px !important;*/
         text-align: left!important;   
      }
      
      td,th {
        padding: 2px !important;
      }
      
      .padtoleft30 {
         padding-left: 30px !important;  
      }
      
.nav > li > a {
   padding-top: 5px !important;
   padding-bottom: 5px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
/*   color: #ff0000 !important;*/
}
.navbar-brand {
   padding-top: 3px ;
}   

input[type="text"], input[type="password"], select{
  height: 30px !important;
} 

   .marginExtraTopPadding {
      margin-top: 15px !important;
   }
      
a {
    color: #347AB6;
    text-decoration: none;
}

h3 {
   margin-top: 10px ;
}
.alignCenter {
   text-align: center !important;
}