/**************** Bootstrap Overrides********************/

body {
    padding-top: 100px;
    padding-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 50px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

#ReLoginContainer {
    max-width: 100%;
}

#ReLoginContainer button.btn.btn-primary {
    float: right;
    margin-top: 5px;
}

/********************* Bootstrap over rides End ****************/

/********** Bootstrap buttons *************************/

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 5px auto transparent;
    outline-color: transparent;    
}

/***** Primary button ***/
.btn-primary-action {
    color: #FFFFFF;
    background-color: #FFFFFF;
    color: #FF7900;
    border-color: #FF7900;
}

.btn-primary-action:hover, 
.btn-primary-action:focus, 
.btn-primary-action:active, 
.btn-primary-action.active, 
.open .dropdown-toggle.btn-primary-action { 
  color: #FFFFFF; 
  background-color: #FF7900; 
  border-color: #FF7900; 
} 

.btn-primary { 
  color: #FFFFFF; 
  background-color: #FF7900; 
  border-color: #FF7900; 
} 
 
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
  color: #FFFFFF; 
  background-color: #FF7900; 
  border-color: #FF7900; 
} 
 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
  background-image: none; 
} 
 
.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, 
fieldset[disabled] .btn-primary.active { 
  background-color: #FF7900; 
  border-color: #FF7900; 
} 
 
.btn-primary .badge { 
  color: #FF7900; 
  background-color: #FFFFFF; 
}

.btn-primary:active:hover, 
.btn-primary.active:hover, 
.open > .dropdown-toggle.btn-primary:hover, 
.btn-primary:active:focus, 
.btn-primary.active:focus, 
.open > .dropdown-toggle.btn-primary:focus, 
.btn-primary:active.focus, 
.btn-primary.active.focus, 
.open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #FF7900;
    border-color: #FF7900;
}

/***** secondary button ***/

.btn-secondary { 
  color: #FFFFFF; 
  background-color: #0070C0; 
  border-color: #0070C0; 
} 
 
.btn-secondary:hover, 
.btn-secondary:focus, 
.btn-secondary:active, 
.btn-secondary.active, 
.open .dropdown-toggle.btn-secondary { 
  color: #FFFFFF; 
  background-color: #0070C0; 
  border-color: #0070C0; 
} 
 
.btn-secondary:active, 
.btn-secondary.active, 
.open .dropdown-toggle.btn-secondary { 
  background-image: none; 
} 
 
.btn-secondary.disabled, 
.btn-secondary[disabled], 
fieldset[disabled] .btn-secondary, 
.btn-secondary.disabled:hover, 
.btn-secondary[disabled]:hover, 
fieldset[disabled] .btn-secondary:hover, 
.btn-secondary.disabled:focus, 
.btn-secondary[disabled]:focus, 
fieldset[disabled] .btn-secondary:focus, 
.btn-secondary.disabled:active, 
.btn-secondary[disabled]:active, 
fieldset[disabled] .btn-secondary:active, 
.btn-secondary.disabled.active, 
.btn-secondary[disabled].active, 
fieldset[disabled] .btn-secondary.active { 
  background-color: #0070C0; 
  border-color: #0070C0; 
} 
 
.btn-secondary .badge { 
  color: #0070C0; 
  background-color: #FFFFFF; 
}

/*************** Bootstrap Buttons overrides  ********/


/******************Header ************************/
.navbar-top-first {
    top:0 !important;
    background-color: #005596;
    border-color: #005596;    
}

.navbar-top-first .navbar-brand {
    color: #fff;
    padding: 10px 15px;
    height: 40px;    
    font-size: 18px;
    line-height: 20px;    
}

.navbar-top-first.navbar {
    min-height:30px;
}

.navbar-top-second {
    top:41px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    padding-bottom:10px;
    margin-bottom:10px;
}

.navbar-top-second.navbar-default {
    min-height:70px;
    background-color:#fff;
    border-color:#fff;
}

.navbar-top-second .navbar-brand {
    padding:0;
    padding-left:15px;
}

.navbar-top-second .navbar-nav {
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 01px;
}

.navbar-top-second.navbar-default .navbar-nav > li > a {
    border-bottom:none;
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus,
.navbar-top-second ul.nav li > ul.dropdown-menu > li > a:hover {
    color: #0070C0;    
}

.navbar-top-second.navbar-default .navbar-nav > .active > a, 
.navbar-top-second.navbar-default .navbar-nav > .active > a:hover, 
.navbar-top-second.navbar-default .navbar-nav > .active > a:focus {    
    background-color: #fff;
    color:#0070C0;
    border-bottom:none;
}

.navbar-top-second.navbar-default .navbar-nav > .open > a, 
.navbar-top-second.navbar-default .navbar-nav > .open > a:hover, 
.navbar-top-second.navbar-default .navbar-nav > .open > a:focus {    
    background-color: #fff;
}

.navbar-top-second .navbar-nav .fa-home {
    font-size:16px;
}

.navbar-top-second .navbar-nav li > a {
    font-size:14px;
    font-weight:bold;
    text-transform:capitalize;
}

.navbar-top-second ul.nav li > ul.dropdown-menu {
    border-top: 3px solid #0070C0;
    margin-top: 13px;
}

.navbar-top-second ul.nav li > ul.dropdown-menu > li > a {
    color:#777;
}

.navbar-top-second hr {
  height: .25rem;
  width: 10%;
  margin: 0;
  background: #0070C0;
  border: none;
  transition: .3s ease-in-out;
}

.navbar-top-second .one:hover ~ hr {
    margin-left: 0% !important;
    width:10% !important;
}

.navbar-top-second .two:hover ~ hr {
  margin-left: 12% !important;
  width:23% !important;
}

.navbar-top-second .three:hover ~ hr {
  margin-left: 41% !important;
  width:26% !important;
}

.navbar-top-second .four:hover ~ hr {
  margin-left: 73% !important;
  width:24% !important;
}

@media (min-width: 768px) {
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
    }
}

/*******************Header end************************/

/***** custom content ********************************/
.tab-content
{
    border:solid 1px #dddddd;
    border-radius:2px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-top-color:transparent;
    position:relative;
    top:-1px;
    padding: 10px 15px;
}

.form-control
{
    box-shadow:none !important;
}

.form-control-feedback {
    display: none;
}
        
.has-feedback.has-success .feedback-success,
.has-feedback.has-error .feedback-error {
    display: block;
}

.form-group > label + .help-block {
    margin-top: -5px;
    margin-bottom: 5px;
}

input.form-control,textarea.form-control 
{
    max-width: 1030px;
}

.navbar-top-second ul.nav li > ul.dropdown-menu
{
    margin-top:0px;
}

.blockui-loading-message
{
    display: inline-block;
    position: relative;
    top: -15px;
    right: -10px;
}

.blockUI 
{
    padding: 15px 15px 10px 15px !important;
    border: solid 2px #000 !important;
}

/* Loading Animation */

.sk-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* Loading Animation End*/

/* Calendar Legend */

/* basic positioning */
.legend-area .legend { list-style: none; float: left; margin-top:40px; padding:0; }
.legend-area .legend li { float: left; margin-right: 10px; margin-bottom: 10px; width:100% }
.legend-area .legend span { float: left; width: 40px; height: 16px; margin: 2px; margin-right: 10px; }
/* your colo rs */
.legend-area .legend .Received-Invoice { background-color: #4285F4; }
.legend-area .legend .Awaiting-Payment { background-color: #ffbb33; }
.legend-area .legend .File-Validation { background-color: #FF8800; }
.legend-area .legend .Failed { background-color: #ff4444; }
.legend-area .legend .Awaiting-Artwork { background-color: #0099CC; }
.legend-area .legend .Production-Ready { background-color: #00C851; }
.legend-area .legend .Deleted { background-color: #CC0000; }
.legend-area .legend .Dispatched { background-color: #007E33; }
.legend-area .legend .Bulk-Activate { background-color: #2BBBAD; }
.legend-area .legend .Bulk-Activation-Completed { background-color: #aa66cc; }
.legend-area .legend .Rush { background-color: #000000; }
.legend-area .legend .Production-Exported {background-color: #ffb8b8; }


/* Calendar Legend End*/

/* Full Calendar Colors */

.fc-event-container .Received-Invoice { background-color: #4285F4; }
.fc-event-container .Awaiting-Payment { background-color: #ffbb33; }
.fc-event-container .File-Validation { background-color: #FF8800; }
.fc-event-container .Failed { background-color: #ff4444; }
.fc-event-container .Awaiting-Artwork { background-color: #0099CC; }
.fc-event-container .Production-Ready { background-color: #00C851; }
.fc-event-container .Production-Exported {background-color: #ffb8b8; color:#000 !important; }
.fc-event-container .Deleted { background-color: #CC0000; }
.fc-event-container .Dispatched { background-color: #007E33; }
.fc-event-container .Bulk-Activate { background-color: #2BBBAD; }
.fc-event-container .Bulk-Activation-Completed { background-color: #aa66cc; }
.fc-event-container .Received-Invoice-Rush { background: linear-gradient(90deg, #000 50%, #4285F4 50%) }
.fc-event-container .Awaiting-Payment-Rush { background: linear-gradient(90deg, #000 50%, #ffbb33 50%) }
.fc-event-container .File-Validation-Rush { background: linear-gradient(90deg, #000 50%, #FF8800 50%) }
.fc-event-container .Failed-Rush { background: linear-gradient(90deg, #000 50%, #ff4444 50%) }
.fc-event-container .Awaiting-Artwork-Rush { background: linear-gradient(90deg, #000 50%, #0099CC 50%) }
.fc-event-container .Production-Ready-Rush { background: linear-gradient(90deg, #000 50%, #00C851 50%) }
.fc-event-container .Deleted-Rush { background: linear-gradient(90deg, #000 50%, #CC0000 50%)}
.fc-event-container .Dispatched-Rush { background: linear-gradient(90deg, #000 50%, #007E33 50%) }
.fc-event-container .Bulk-Activate-Rush { background: linear-gradient(90deg, #000 50%, #2BBBAD 50%)}
.fc-event-container .Bulk-Activation-Completed-Rush { background: linear-gradient(90deg, #000 50%, #aa66cc 50%)}

.fc-event-container .fc-day-grid-event {    
    border:none;
    padding: 4px 5px;
    border-radius:0;
}

/* Full calendar colors End*/

.navbar-fixed-bottom-custom
{
    background-color: #FFF;border-top: solid 1px #CCC;padding-top: 20px;padding-bottom: 20px;
    background-color: #005596;
    border-color: #005596;
}

.btn-disabled
{
    /*
    opacity:1 !important;
    border-color:#FFF !important;
    font-weight: bold;
    */
    opacity: 1 !important;
    border-color: #ff3547!important;
    font-weight: bold;
    background-color: #ff3547!important;
    color: #FFF;
    font-weight: bold;
}
.fc-sat, .fc-sun {
    background-color: #f5f5f5;
}

/* Full calendar colors End*/

td.nowrap
{
    white-space:nowrap;
}

td.date
{
    width:140px;
}

td.event
{
     width:135px;
}

td.username
{
     width:100px;
}

/* Format the inputs */

.input-daterange .input-group-addon-blue, .input-group-addon-blue
{
    background-color: #005596 !important;
    border-color: #005596 !important;
    color: #FFF !important;
    min-width: 118px;
}

.form-control
{
    height:30px;
}

select.form-control
{
    padding:3px 6px;
}


.form-control-group-left
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

label.error {
    color: #e74c3c;
    font-size: 12px;
    position: absolute;
    left: 0px;
    bottom: -15px;
    margin-left: 120px;
}

[v-cloak] {
    display: none;
}

.logged-in-panel
{
    height: 40px;
    padding: 5px;
    color:#FFF;
}

.logged-in-panel
{
    width:200px;
    padding:10px;
}

.logged-in-panel div.user
{
    text-align:right;
}

.navbar-brand > img {
    display: block;
    /* width: 100%; */
    height: 60px;
    margin-top: 5px;
}
.panel-default > .panel-heading
{
    text-transform: uppercase;
    font-weight: bold;
}
.logo
{
    background-image:url('/Content/images/logo.png');
    background-repeat:no-repeat;
    background-position:left center;
    background-size: contain;
    width: 151px;
    height: 68px;
}

/*stops table footers from having double thick borders*/
table tfoot tr td {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}

/*############################  Re-Login Window  ######################*/
.modal-dialog input#Password {
    max-width: 54%;
    margin-left: -3px;
    display: inline-block;
}
.modal-dialog input#UserName {
    max-width: 54%;
    margin-left: -3px;
    display: inline-block;
}

#ReLoginContainer span.input-group-addon.input-group-addon-blue {
    display: inline-block;
    margin-top: -3px;
    height: 30px;
}

.relogin-warning {
    background-color: #fcf8e3;
    border-radius: 4px;
    border: 1px solid #faebcc;
    color: #8a6d3b;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
}

.relogin-warning p {
    padding: 10px;
}

.modal-body #ReLoginContainer button.btn.btn-primary{
    margin-right:15px;
}

.modal-dialog #ReLoginContainer {
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
}

.modal-body #ReLoginContainer .inner-addon.left-addon {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.modal-body > #ReLoginContainer .modal-dialog .container .relogin-warning {
    padding-left: 0;
    padding-right: 0;
}

.relogin-footer {
    border-bottom: 1px solid #e5e5e5;
    min-width:100%;
}