@charset "UTF-8";
/* CSS Document */

/*
yellow #fec800  rgb(254, 200, 0);
light yellow  #fbd341
blue #3584e6
red: d24949f
*/

body { background-color:#000000; font-family:'neosansregular',"Helvetica Neue",Helvetica,Arial,sans-serif; }
a { color: #fec800; text-decoration: none;}
a:hover, a:focus { color: #fec800;text-decoration: underline; outline:none; }
h1,h2,h3, h4 { font-family:'neosansregular',"Helvetica Neue",Helvetica,Arial,sans-serif; }
h1 { font-family:'neosansregular',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:30px; color:#fec800; }
.nopadding { padding:0 !important; margin:0 !important;  }

.alert { padding:7px 10px; color:#fff; background-image: none;}
.alert-success {background-color:#739f61;    border-color: #4c8b32;}
.alert-danger { background-color:#A94442; border-color: #66201f;}

.status_yes { color:green; padding-left:14px!important; background:url(../Images/green-dot.png) no-repeat left 50%;  }
.status_no { color:red;  padding-left:14px!important; background:url(../Images/red-dot.png) no-repeat left 50%; }
#wrap {background:url(../images/bg-cover-1-blur.jpg) no-repeat center center fixed;  -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;  }


.navbar-default { background:none; background-color:transparent; border:none; }

.top-nav { z-index:1032; background-color:#fec800; background-image:none; box-shadow:none; border: 0; color:#000;}
.top-nav .welcome { font-family:'neosansregular-medium',"Helvetica Neue",Helvetica,Arial,sans-serif; color:#000; display:inline-block;  line-height:20px; padding:9px 15px 5px 0px; font-size:14px; min-width:350px;}
.top-nav .welcome .tenantshort { color:#D8AC09;}

.login .top-nav .welcome { min-width:auto; width:100%; }

.top-nav .top-logo {  padding-right:10px; float:left; margin-top:2px;}
.top-nav  .icon {  font-size:12px;  }
.top-nav .navbar-nav > li > a { font-size:12px; padding: 8px 10px; color:#000; border-right:1px solid #fbd341;}
.top-nav .navbar-nav > li:last-child > a { border-right:none;   }
.top-nav .navbar-nav > li > a { color:#444; }
.top-nav .navbar-nav > li > a:hover { background-color:#fff; }
.top-nav .navbar-nav > li.welcome_txt { font-family:'neosansitalic-medium',"Helvetica Neue",Helvetica,Arial,sans-serif;   }
.top-nav .navbar-nav > li  .icon { font-family:'neosansregular',"Helvetica Neue",Helvetica,Arial,sans-serif !important; line-height:1.55; }
.top-nav .navbar-collapse { padding-left:0; }
.top-nav .navbar-nav > .open > a, .top-nav .navbar-nav > .open > a:hover, .top-nav .navbar-nav > .open > a:focus { color:#000; }

.top-nav .navbar-nav .dropdown-menu { font-size:11px; min-width:100%; }
.top-nav .navbar-nav .dropdown-menu > li > a { font-size:12px; padding:3px 14px; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { text-decoration:underline; background-image:none; background-color:transparent;}
.navbar-default  .navbar-toggle { border:none; z-index:9999; position:relative; padding:4px 6px; margin-bottom:4px; margin-top:4px; border-color:#000;}
.navbar-default  .navbar-toggle:hover, .navbar-toggle:focus { background-color:transparent; }

.navbar-default .welcome:hover { color:#000; text-shadow:0px 1px 6px #fff; }

#footer { background-color:transparent; font-size:12px; color:#fff; margin-left:15px; }
#footer .copyright { color:#ccc; padding-top:5px; padding-bottom: 12px;}
#footer a { padding:0; margin-right:5px; }
#footer .links { margin-bottom:0; color:#fbd341; }
#footer .links a:last-child { border-left:1px solid #fbd341; padding-left:6px; }


.login #wrap > .container { padding: 150px 15px 0;}

.login #wrap { background:url(../images/bg-cover-1.jpg) no-repeat center center fixed;  -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.form-control:focus { border-color:#fbd341; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(254, 200, 0, 0.6); }
.logo { position:relative; }
.logo .qhse { color:#fff; font-size:10px; position:absolute; left:135px; top:65px;; }
.logo .control-panel { color:#fff; display:inline-block; width:20px; line-height:16px; text-transform:uppercase; vertical-align:top; }
.login-form { vertical-align:middle; margin:0 auto;  }
.login-form form { margin-top:20px; }
.login-form .form-control {  font-size:22px;  padding: 10px 20px; height: 48px;} 
.login-form .btn-default {  background-image:linear-gradient(to bottom, #fec800 0px, #d3a704 100%) }
.login-form .btn-default:hover, .login-form .btn-default:focus { background-color: #bc9608;}
.login-form .btn { font-size:22px; padding: 7px 12px; color:#000;}
.login-form p.title { color:#fec800; padding-top:20px; }
.login-form .forgot-pwd { margin-left:170px; width:100px; margin-top:10px; display:inline-block; text-decoration:underline; font-size:12px; }

.login-form .login-instead { width:100px; margin-top:10px; display:inline-block; text-decoration:underline; font-size:12px; }

.login-form .checkbox { color:#fec800; font-size:12px; width:100px; }
.login-form .checkbox { display:inline-block; margin-top:0px;}
.internal #wrap > .container { padding: 100px 15px 0; }
.internal h1 { margin:0; margin-top:3px; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); padding-left:0;}

.main-nav { padding:15px 0 2px 0; background:url(../images/dust.png) repeat; border:none; border-radius:0;  font-size:15px; text-transform:lowercase; }
.main-nav-active { background:#111 url(../images/dust.png) repeat; box-shadow: 0px 2px 5px rgba(0,0,0,0.45); border-bottom:1px solid #777;}
.main-nav  .navbar-nav { margin-top:17px; }
.main-nav .navbar-nav > li > a { padding-top:3px; padding-bottom:5px; z-index:10;padding-left:7px;padding-right:7px }
.main-nav .navbar-brand, 
.main-nav  .navbar-nav > li > a, 
.main-nav .navbar-nav > .active > a { background-image:none; background-color:transparent; box-shadow:none; color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }

.navbar-default .main-nav  .navbar-nav > li > a:hover, 
.navbar-default .main-nav  .navbar-nav > li > a:focus, 
.navbar-default .main-nav  .navbar-nav > li.active > a { color:#fec800; background-color:transparent;  }

.main-nav .navbar-collapse { padding-left:0; }

.navbar-default .main-nav  .navbar-nav > .open > a, 
.navbar-default .main-nav .navbar-nav > .open > a:hover, 
.navbar-default  .main-nav .navbar-nav > .open > a:focus { background-color:#fec800; color:#000; text-shadow:none; border-radius:4px 4px 0 0; }

.navbar-default .main-nav .dropdown-menu { z-index:1; min-width:100%;  background-color:#fec800; font-size:12px; border:none; border-radius:0 4px 4px 4px; }

.navbar-default .main-nav .dropdown-menu > li > a {font-size:13px; color: #000; padding:5px 15px; border-bottom:1px solid #fbd341;}
.navbar-default .main-nav .dropdown-menu > li > a:hover, 
.navbar-default .main-nav .dropdown-menu > li > a:focus { background-image:none; background-color:#fec800; text-decoration:underline;}
.navbar-default .main-nav .dropdown-menu > li > ul  {padding: 3px 3px 3px 25px;width:175px;}
.navbar-default .main-nav .dropdown-menu > li > ul > li {font-size:13px; padding: 3px 3px;list-style:none;}
.navbar-default .main-nav .dropdown-menu > li > ul > li > a {padding: 3px 3px;color: #000;}

.navbar-default  .main-nav .navbar-right  { font-size:13px; margin-top:0px;}
.navbar-default  .main-nav .navbar-right > li > a { margin-top:0; padding-left:6px; color:#ddd; color:rgba(255,255,255,0.8); }
.navbar-default  .main-nav .navbar-right > li > a .icon { margin-bottom:4px; display:block; width:100%; text-align:center; }
.navbar-default  .main-nav .navbar-right .dropdown-menu { font-size:11px;  border-radius:4px 0px 4px 4px; }
.navbar-default  .main-nav .navbar-right .dropdown-menu > li > a {font-size:13px; padding:3px 11px; text-align:right; }
.navbar-default  .main-nav .navbar-right .dropdown-menu > li > ul  {padding: 3px 3px 15px 3px;width:150px;}
.navbar-default .main-nav .navbar-right .dropdown-menu > li > ul > li {font-size:11px; padding: 3px 15px 3px 3px; list-style:none; text-align: right;}
.navbar-default .main-nav .navbar-right .dropdown-menu > li > ul > li > a {padding: 3px 15px 3px 3px; color: #000;}


.internal .logo { margin-left:-50px;}
 
 
.breadcrumb { background-color:transparent; font-size:11px; margin:0; padding:0; color:#ccc; }
.breadcrumb a { color:#FEC800; }
.page-title h2, .replaced-heading h2 { padding:0; margin:0; line-height:1.7em; color:#fec800; font-size:24px; }
.replaced-heading h2 { line-height:normal; text-transform:none; }
.page-title h2 .badge, .replaced-heading h2 .badge { vertical-align:super;  display:inline-block; font-size:9px; padding: 3px 5px; line-height:normal; }
.replaced-heading .breadcrumb { text-transform:none; }
.replaced-heading { padding-left:0; }
.page-title .left { padding-left:0; }
.page-title .right {  margin-top:30px; padding-right:0;  } 
.page-title .tools { list-style:none;  font-size:11px; float:right; padding-right:0;   }
.page-title .tools li { float:left; margin-left:5px; font-size:11px; color:#ccc;  }
.page-title .tools li:first-child { margin-left:0; }
.page-title .tools li li { float:none; }
.page-title .tools li > a { color:#ccc; padding:5px 3px 3px 3px; border-radius:4px;   }
.page-title .tools li > a:hover, .page-title .tools li > a:focus { color:#000; text-decoration:none; background-color:#fec800; }
.page-title .download { width:90px;}
.page-title .download .dropdown-menu { float:none;background-color: #fec800;  min-width:87px; margin-top:-2px; border-radius:0 0 4px 4px;  font-size:11px; color:#000; box-shadow:none; border:none;}
.page-title .download .dropdown-menu li {  float:none; margin-left:15px; }
.page-title .download  li.open { border-radius:0 0 4px 4px;}
.page-title .download .dropdown-menu li > a { color:#000; }
.page-title .download .dropdown-menu li > a:hover, .page-title .download .dropdown-menu li > a:focus { text-decoration:underline; background-image:none; background-color:transparent;}

.content-wrapper{margin-top:5px;}
.content-wrapper .left { padding-left:0; float:right;  }
.content-wrapper .left .menu { list-style:none; padding-left:0;font-size:12px;}
.content-wrapper .left .menu > li > a { color:#ccc; color:rgba(255,255,255,0.75);  display:block; padding:8px 12px;  width:220px; border-bottom:1px solid; border-color:#666; border-color:rgba(255,255,255,0.1)}
.content-wrapper .left .menu > li > a:hover, .content-wrapper .left .menu > li > a:focus, .content-wrapper .left .menu > li.active > a { background:url(../images/dust.png) repeat; color:#fec800;}
.content-wrapper .left .menu > li.active > a { border-bottom:none; color:#fec800; text-decoration:underline; }
.content-wrapper .left .menu ul { list-style:none; font-size:11px;  width:220px; padding-left:15px; background:url(../images/dust.png) repeat; }
.content-wrapper .left .menu ul .icon { font-size:11px; }
.content-wrapper .left .menu  li li > a { color:#fff;  display:block; padding:6px 12px;  }
.content-wrapper .left .menu li li > a:hover, .content-wrapper .left .menu li li > a:focus, .content-wrapper .left .menu li li.active > a { text-decoration:underline; color:#fec800; }

.content-wrapper .left .menu .dropdown-menu { position:relative; border-radius:0; border:none; margin:0; }
.content-wrapper .left .menu .dropdown-backdrop { display:none; }

.content-wrapper .right {  }
.content a { color:#3584e6; }
.content a:hover { color:#3584e6; text-decoration:underline; }
.content a.btn-default { color:#000; text-decoration:none; }
.content a.btn-default :hover { color:#000; text-decoration:none;}
.content { position:relative; min-height: 400px; background-color:#fff; border-radius:4px;float:right; padding-left:0; padding-right:0; overflow-x:auto; }
.contentblank { position:relative; background-color:#fff; border-radius:4px;float:right; padding-left:0; padding-right:0; }


.table { font-size:12px; padding-top:20px; cursor:pointer; }
.table > thead > tr > th:first-child, .table > tbody > tr > td:first-child { padding-left:15px; }
.table > thead > tr > th:last-child, .table > tbody > tr > td:last-child { padding-right:15px; }
.table .icon { font-size:14px; }
.table th a { color:#000000; }
.table td a { color:#000000; border-bottom: 1px dotted #000; text-decoration: none; font-weight:bold; }
.table td a:hover { text-decoration:none; }
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { border:none; border-top: 1px solid #DDDDDD;}
.table tr  td:first-child, .table  tr  th:first-child { padding-left:10px; }
.table>thead>tr>.Active,.table>tbody>tr>.Active,.table>tfoot>tr>.Active,.table>thead>.Active>td,.table>tbody>.Active>td,.table>tfoot>.Active>td,.table>thead>.Active>th,.table>tbody>.Active>th,.table>tfoot>.Active>th {
 background-color:#9aea9a
}
.table-hover>tbody>tr>.Active:hover,.table-hover>tbody>.Active:hover>td,.table-hover>tbody>.Active:hover>th {
 background-color:#e8e8e8
}
.table>thead>tr>.Danger,.table>tbody>tr>.Danger,.table>tfoot>tr>.Danger,.table>thead>.Danger>td,.table>tbody>.Danger>td,.table>tfoot>.Danger>td,.table>thead>.Danger>th,.table>tbody>.Danger>th,.table>tfoot>.Danger>th {
 background-color:#f50d0d4d
}
.table-hover>tbody>tr>.Danger:hover,.table-hover>tbody>.Danger:hover>td,.table-hover>tbody>.Danger:hover>th {
 background-color:#ebcccc
}
.table>thead>tr>.Warning,.table>tbody>tr>.Warning,.table>tfoot>tr>.Warning,.table>thead>.Warning>td,.table>tbody>.Warning>td,.table>tfoot>.Warning>td,.table>thead>.Warning>th,.table>tbody>.Warning>th,.table>tfoot>.Warning>th {
 background-color:#f3e977
}
.table-hover>tbody>tr>.Warning:hover,.table-hover>tbody>.Warning:hover>td,.table-hover>tbody>.Warning:hover>th {
 background-color:#faf2cc
}
.content .toolbar { margin-bottom:20px; margin-top:10px; min-height: .01%; overflow-x: auto;}
.content .row { padding:0 20px; padding-bottom: 20px;}
.content .pagination { margin:0 ;}
.content .pagination > li > a, .content .pagination > li > span {  border: 1px solid #DDDDDD; }
.content .toolbar .col-md-8 { padding-left:10px; }
.content .searched-string { font-size:11px; color:#999; display:block; line-height:30px }
.content .toolbar .search select {  }
.content .info {  font-size:12px;   box-shadow:2px 2px 5px rgba(0,0,0,0.2); border-bottom:1px solid #fff; background-color:#efefef; border-radius:4px 4px 0 0; text-align:center;  }
.content .info ul { list-style:none; margin:0 auto; padding:0; }
.content .info li { padding:20px 10px 10px 10px; margin-left:6px; text-align:center; cursor:pointer; float:left; }
.content .info li:hover, .content .info li:focus { background-color:#fff; }

.content .infoh {  font-size:12px;   box-shadow:2px 2px 5px rgba(0,0,0,0.2); border-bottom:1px solid #fff; background-color:#efefef; border-radius:4px 4px 0 0; text-align:left;  }
.content .infoh ul { list-style:none;  margin:0 auto; padding:0; cursor:pointer;  }
.content .infoh li { padding:5px 0px 5px 0px; margin-left:0px; text-align:left; cursor:pointer; float:left; }
.content .infoh li:hover{font-weight:bold;} 
.content .infoh li:focus {background-color:#fff; }


.content .form-wrapper { margin-top:15px; }
.content .sidenav { width:230px; padding:10px 0; background-color:#efefef; margin:20px 0; border-radius:8px; font-size:13px; text-shadow: 0 1px 0 #FFFFFF;}
.content .sidenav > li > a { color:#333; padding:7px 5px 7px 15px; border-radius:0; }

.content .sidenav > li > a:hover, .content .sidenav > li > a:focus { background-color:#fbd341; }
.content .sidenav .nav { padding-bottom:10px; }
.content .sidenav .nav li > a { border-radius:0; padding:5px 15px 5px 30px; font-size:12px; color:#666; }
.content .sidenav .nav li > a:hover, .content .sidenav .nav li > a:focus { background-color:#fbd341; }

.content .sidenav .icon { display:none; float:right; font-size:16px; }

.sidenav > li.active > a, .sidenav > li.active > a:hover, .sidenav > li.active > a:focus { background-color: #fbd341;
   font-family:'neosansitalic-medium',"Helvetica Neue",Helvetica,Arial,sans-serif; color:#000;   }
.sidenav .nav li.active > a, .sidenav .nav  > li.active > a:hover, .sidenav .nav > li.active > a:focus { background-color: #f9dd77;
   font-family:'neosansitalic-medium',"Helvetica Neue",Helvetica,Arial,sans-serif; color:#000;   }
.sidenav > li.active > a > .icon { display:inline-block;}  
.content .affix { position: fixed;    top: 130px; }
.content .form-section { padding-bottom:30px; clear:both; }
.content .form-section-last { padding-bottom:10px; clear:both; }
.content .form-group { clear:both; }
.content .form-wrapper h2[id] {    margin-top: -135px;    padding-top: 165px;}
.content .form-wrapper h3[id] {    margin-top: -135px;    padding-top: 165px;}
.content h2 { font-size:22px; font-family:'neosansregular-medium',"Helvetica Neue",Helvetica,Arial,sans-serif; }
.content h3 { font-size:17px; font-family:'neosansregular-medium',"Helvetica Neue",Helvetica,Arial,sans-serif; }
.content h4 { font-size:14px; font-family:'neosansregular-medium',"Helvetica Neue",Helvetica,Arial,sans-serif; }
.content .affix-form h2 { border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:15px; }


.content form [class^="icon-"]:before, .content form [class*=" icon-"]:before { line-height:inherit!important;}
.content .mandatory { color:#d24949; margin-right:-10px; display:inline-block; margin-bottom:0; }
.contentblank .mandatory { color:#d24949; margin-right:-10px; display:inline-block; margin-bottom:0; }
.content form .help-block {  margin-bottom:0; font-size:12px; margin-left:5px;  }
.content form select option { padding:3px 0px 3px 15px; }
.content form input[type="file"] { border: none; box-shadow: none; padding: 0;}
.content form .form-group-inline { clear:both; }
.content form .inline-control img, .content form .inline-control input, .content form .inline-control select { float:left; width:auto; vertical-align:middle;  }

.content .panel .table { margin-bottom:0; }
.content .panel .table thead th { font-weight:normal;  }
.content .panel-default > .panel-heading {  background-color:#efefef;   background-image:none; padding:10px 15px; font-size:16px; }
.content .panel .panel-sub-heading { padding:10px 15px; margin-top:20px; font-size:14px; border-bottom:1px solid #ddd; padding-bottom:5px; background-color:#F5F5F5; }
.content .panel .panel-footer { margin-top:20px;  background-color:#efefef;}

.content .btn-default { box-shadow:none; }
.content .btn-add-row { background-image:none; background-color:#c9d9ee; border-color:#9eb7d7; color:#000; text-shadow:0 1px 1px #fff;   }
.content .btn-delete {  color:#fff; text-shadow:none;  background-color:#d75f5f; border-color:#af4242; background-image:none;}
.content .btn-delete-clean {  color:#fff; text-shadow:none;  background-color:#fff; border-color:#fff; background-image:none; color:#d24949; text-decoration:underline; }
.content .btn-delete-clean:hover { background-color:#d75f5f; color:#fff; border-color:#af4242;  }
.content .btn-clean {  color:#3584e6; text-shadow:none;  background-color:#fff; border-color:#fff; background-image:none;  text-decoration:underline;  }
.content .btn-clean:hover { background-color:#efefef; color:#3584e6; border-color:#ccc;  }

.content .btn-add-row .icon { font-size:14px; line-height:16px; }
.content .btn-mini-submit {  background-image:none; }
.content .btn-group-inline { padding-top:20px; border-top:1px solid #ddd; background-color:#efefef; clear:both; }
.content .btn-clear { background-color:#fff; box-shadow:none; border-color:#999; }
.content .btn-clear:hover { box-shadow:inset 0 5px 5px rgba(0,0,0,0.1);}
.content .btn-clear:active { background-color:#efefef;}


.table-responsive-lg {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table {
    margin-bottom: 0;
  }
  .table-responsive-lg > .table > thead > tr > th,
  .table-responsive-lg > .table > tbody > tr > th,
  .table-responsive-lg > .table > tfoot > tr > th,
  .table-responsive-lg > .table > thead > tr > td,
  .table-responsive-lg > .table > tbody > tr > td,
  .table-responsive-lg > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
  .table-responsive-lg > .table-bordered > thead > tr > th:first-child,
  .table-responsive-lg > .table-bordered > tbody > tr > th:first-child,
  .table-responsive-lg > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive-lg > .table-bordered > thead > tr > td:first-child,
  .table-responsive-lg > .table-bordered > tbody > tr > td:first-child,
  .table-responsive-lg > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive-lg > .table-bordered > thead > tr > th:last-child,
  .table-responsive-lg > .table-bordered > tbody > tr > th:last-child,
  .table-responsive-lg > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive-lg > .table-bordered > thead > tr > td:last-child,
  .table-responsive-lg > .table-bordered > tbody > tr > td:last-child,
  .table-responsive-lg > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive-lg > .table-bordered > tbody > tr:last-child > th,
  .table-responsive-lg > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive-lg > .table-bordered > tbody > tr:last-child > td,
  .table-responsive-lg > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
  
  


/* Masters */
.masters .content li { font-size:12px; margin-left:0px; line-height:1.75em; }
.masters .content ul { padding-left:20px; margin-top:10px; margin-bottom:20px;}
.masters .content h4 { text-transform:capitalize; }
.masters .content .masters-list { margin-top:15px; margin-bottom:15px;}

/* Pop ups */
.popup #wrap  { background:white!important;}
.popup #wrap > .container { padding: 0px 15px 0 !important; }
.popup #wrap > .content { padding: 0px 15px 0 !important; }
.
/* 404 Page */
.pagenotfound .content-wrapper p { color:#fff;  }
.pagenotfound  .content-wrapper p.oops { font-size:50px; color:#fbd341; }
.pagenotfound .content-wrapper p.text { font-size: 24px;color: #f0f8ff }
.pagenotfound .content-wrapper p.text2 { font-size: 18px;color: #f0f8ff }
.pagenotfound .error404 { color:#fff; font-size:200px; position:absolute; opacity:0.2; right:0; }

/* TrainingDashboard */
.TrainingDashboard .content .toolbar { margin-top:20px; }
.TrainingDashboard .table-responsive-lg .table a { color:#fff; }
.TrainingDashboard .legends { float:right; width:95%; }
.TrainingDashboard .legends ul { float:left;  margin:0; padding:0; margin-bottom:4px;}
.TrainingDashboard .legends li  { background-color:cyan; float:left; border-radius:4px; margin-right:3px; list-style:none; padding:1px 3px; font-size:11px; border:1px solid #ccc;  }
.TrainingDashboard .legends li.txt { background-color:white; border:none; }
.TrainingDashboard #dashboard { clear:both;  }
.table-responsive-lg>.fixed-column {
    position: absolute;
    display: inline-block;
    width: auto;
    border-right: 1px solid #ddd;
}
.table-responsive-lg .table { padding-top:0; background-color:#fff; }
.fixed-column > thead > tr > th:last-child, .fixed-column > tbody > tr > td:last-child { padding-right:7px;; }

.scroll-right { padding-right:40px; padding-bottom:10px; color:#999; font-size:12px; cursor:all-scroll; }
.scroll-right .glyphicon-arrow-right { padding-left:20px;}

.scroll-left { padding-left:40px; padding-bottom:10px; color:#999; font-size:12px;cursor:all-scroll; }
.scroll-left .glyphicon-arrow-left { padding-right:30px;}

.TrainingDashboard .top-scroll-wrapper { background-color:#fff;  left:0;  right:0; position:fixed; z-index:9999; bottom:0; height: 20px; width: 100%; border: none 0px RED;  overflow-x: scroll; overflow-y:hidden; }
.TrainingDashboard .top-scroll-wrapper .h-scroll { width:300%; height: 20px; }


/* Dashboard*/

.dashboard .content .chart {border-radius:4px; border:1px solid #efefef;  padding:0 20px 10px 20px; margin-top:20px; box-shadow:inset 0 0 20px #ddd;  }
.dashboard .content  .chart .link {  font-size:11px; padding-top:10px; }
.dashboard .content  h2 { font-size:12px; color:#999; font-family:'neosansregular-medium',"Helvetica Neue",Helvetica,Arial,sans-serif;   text-transform:uppercase; }
.dashboard .content  text {font-size:11px; font-family:'neosansregular-medium',"Helvetica Neue",Helvetica,Arial,sans-serif;}
.dashboard .content  .chart2 { text-align:center; }
.dashboard .content  .chart2 .status-count { text-transform:uppercase; font-size:12px;}
.dashboard .content  .chart2 .status-count .count { font-size:40px; display:block; font-family:'neosansregular-medium',"Helvetica Neue",Helvetica,Arial,sans-serif; text-shadow: 0px 1px 0;}

.dashboard .content  .chart2 .closed { color:#64a408;  }
.dashboard .content  .chart2 .open { color:#d24949;  }
.dashboard .content  .chart2 .total { color:#3584e6;  }

.dashboard .content  .chart1 { height:300px; }
.dashboard .content  .chart3 { margin-bottom:20px; height:400px; }
.dashboard .content  .chart3 .nav > li > a { color:#666; padding:3px 7px; text-transform:uppercase; font-size:11px; }
.dashboard .content  .chart3 .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #666; color:#fff; }


/* New Safe Observation */
.SafeTrack .content table.form-control { border:none; box-shadow:none; }

/* Administration */
.administration_tabs { margin-top:20px; }
.administration_tabs li { background-image: linear-gradient(to bottom, #FFFFFF 0px, #E0E0E0 100%);
    background-repeat: repeat-x;
    border:1px solid  #CCCCCC;
    text-shadow: 0 1px 0 #FFFFFF;text-align: center;
    vertical-align: middle;
    white-space: nowrap; border-radius:4px; padding:20px 30px; list-style:none; margin-right:20px; cursor:pointer; font-size:16px; }
.administration_tabs li a { color:#000; }
.administration_tabs li:hover a {color:#3584E6; }

.usersrolemaster .legends  { width:220px; }
.usersrolemaster .legends li { list-style:none; font-size:12px; margin-bottom:10px; width: }
.usersrolemaster .legends li img { margin-right:10px;}

.QuestionActionItems .content { min-height:200px;; }

/* CSS tweaks for dropdowns */
.chzn-container-single .chzn-single {
 background-image: none;
    border: 1px solid #CCCCCC !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    color: #555555 !important;
    display: block !important;
    font-size: 14px !important;
    height: 34px !important;
    line-height: 1.42857 !important;
    padding: 6px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
    vertical-align: middle !important;
    width: 100% !important;
}
.chzn-container-multi  {
 transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
 -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    background-image: none !important;
      border: 1px solid #CCCCCC !important;
    border-radius: 4px !important;
    cursor: text;
    height: auto !important;
    margin: 0;
    
    padding: 6px 12px !important;
    position: relative;
    width: 100%;
}
.chzn-container-multi .chzn-choices {
    -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    background-image: none!important;
    border: none!important;
    cursor: text;
    height: auto !important;
    margin: 0;
   overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.chzn-container-active .chzn-choices { border:none!important; box-shadow:none!important; }
.chzn-container-multi .chzn-choices .search-field input { height:25px!important; }
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.page-title .right {  padding-right:0;  } 
.page-title .tools li {  margin-bottom:5px; text-align:right }

.content-wrapper .left .menu > li > a { width:100%; }
.content-wrapper .left .menu ul { width:100%; }
}

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.top-nav .welcome { min-width:60px; width:60px; padding-left:15px; padding-top:5px; }
.top-nav .navbar-header { border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
.top-nav .navbar-nav .dropdown-menu > li > a { color:#000 !important; padding-left:35px; }
.login #wrap > .container { padding: 60px 15px 0;}
#wrap > .container { padding: 80px 15px 0;}
.internal #wrap > .container { padding: 45px 15px 0; }
#footer { margin-left:0; }
.login-form .forgot-pwd { margin-left:0; display:block; }
.login-form .checkbox { margin-top:10px; display:block; }
.main-nav {  padding:0px 0 0px 0; margin:0; background-color:#000; box-shadow:none; border:none; }
.main-nav h1 { display:none; }
#main-navbar { box-shadow:none; }
.navbar-default .main-nav, .navbar-default .top-nav  {  margin-top:0px; margin:0; padding:0; }
.navbar-nav { margin-left:0px; margin-bottom:0; margin-top:0 !important; }	
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li.active > a { margin-left:0; padding-left:0; padding:8px 15px; margin-bottom:0px; border-bottom:1px solid rgba(255,255,255,0.25) }

.navbar-default .main-nav .navbar-nav > li > a:hover, .navbar-default .main-nav  .navbar-nav > li > a:focus, .navbar-default .main-nav  .navbar-nav > li.active > a:hover { background-color:rgba(0,0,0,0.2);}

.navbar-default .navbar-nav > li:first-child > a { border-top:none; padding:8px 15px; }
.navbar-default .navbar-nav > li:last-child > a { border-bottom:none; }
.navbar-collapse { border-top:0; box-shadow:none; }

.navbar-default .main-nav .navbar-nav > .open > a, .navbar-default .main-nav .navbar-nav > .open > a:hover, .navbar-default .main-nav .navbar-nav > .open > a:focus {  background-color:rgba(0,0,0,0.2); color:#fff; }
.navbar-default .main-nav .dropdown-menu { background-color:transparent; background-color:rgba(0,0,0,0.1);}
.navbar-default .main-nav .navbar-nav .open .dropdown-menu > ul {width:250px; }
.navbar-default .main-nav .navbar-nav .open .dropdown-menu > li > a, .navbar-default .main-nav .navbar-nav .open .dropdown-menu > li > ul > li > a { padding:5px 0 5px 30px; color:#fff; border-bottom:none;}
.navbar-default .main-nav .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .main-nav .navbar-nav .open .dropdown-menu > li > a:focus,.navbar-default .main-nav .navbar-nav .open .dropdown-menu > li.active > a:focus { color:#fec800; } 
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-bottom:none; }
.navbar-default .navbar-nav > li:last-child > a { border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
.navbar-default .main-nav .navbar-right { font-size:16px;}
.navbar-default .main-nav .navbar-right > li > a { color:#fff; }
.navbar-default .main-nav .navbar-right > li > a .icon { display:none; }
.page-title .left {  float:none; }
.page-title .right { margin-top:0px; padding:0; float:none;}
.page-title .tools { float:none;}

.content-wrapper .left .menu > li > a { width:100%; }
.content-wrapper .left .menu ul { width:100%; }
.content { margin-bottom:30px; margin-top:10px; }
.content .info { padding-top:10px; }
.content .info li { float:none; padding:5px; margin-left:0; }
.content .sidenav-wrapper { display:none; }
.content .mandatory { margin-right:0; }
}
.read-only-bg {background-color:#f4f4f4;height: auto}
.approve-review-popup {width: 255px;top: 15%;right:1%;background-color: #efefef;border: solid;position: fixed;z-index: 1;border-radius: 7px 7px 0 0;display: none;text-align: center;}
.approve-review-popup .avp-header {padding: 10px 5px 0 0; background-color: #fec800; cursor: move;border-radius: 5px 5px 0 0;}
.approve-review-popup .avp-header span {font-weight: bolder;}

  /* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}