/** { border: 1px solid #c00; } */

body {
  background: -webkit-linear-gradient(left, #D2CEFF, #AAE5FF );
}




ol, ul { padding-left: .2em; padding-top: 0em; }
h1 { font-size: 2em; }

.nav-link { color: #000; }
.link-primary, .text-primary {color: #214CB0!important}
.nav-link.active { font-weight: bold; }
.border-primary {border-color: #214CB0!important}
.dropdown-item.active, .dropdown-item:active,.btn-primary {background-color: #214CB0;border-color: #214CB0}
/*.sev-cell { padding: 0.2em 0.3em; }*/

/*.sev-show, em.sev-show {  border:2px solid #000; background-color: #000; color: #fff!important; }*/

/*li.sev-show { background-color: #CAFBCB; }*/
/*span.sev-show { font-weight: bold; }*/
i.sev-show { color: #C43C4C; }
.past-event i.sev-show, .past-event a.link-dark {color: #aaa!important;text-decoration-color: #aaa!important;}

i.sev-std {color: #CCC}
i.sev-rehearsal, .crew-pending {color: #CCC; }
/*.sev-rehearsal, em.sev-rehearsal, .sev-general-rehearsal, em.sev-general-rehearsal
{ background-color: #F7BD2F; color: #000!important}*/
/*.sev-general-rehearsal, em.sev-general-rehearsal { border:2px solid #F7D309; }*/

.status-tbc { font-style: italic; /*border-bottom: 1px dotted #EC7E3F; */}
.status-tbc .bi-question-circle-fill { color: #EC7E3F; }
/*.status-confirmed { font-weight: bold;   }*/
.bi-circle { border-width: 2px; }

button.btn-status { margin: 0; padding: 0; }
li.divider-bottom {border-bottom: 2px solid #000; padding-bottom: 2em; margin-bottom: 2em;}
ul#schedule {/*border-top: 2px solid #000; */
  border-bottom: 2px solid #000; 
  /*padding-bottom: 2em; margin-bottom: 2em;*/
}

#ui-datepicker-div { z-index: 9999!important; }

footer { padding-bottom: 1em; }
.text-decoration-line-through span { text-decoration: line-through; }
.gx-2 {
	/*border-bottom: 1px solid #ccc;*/
	padding-bottom: 1em; margin: 1em 0 0;}

/*div,span {border: 1px solid #0c0;}*/

.duration { font-family: Sans-serif; }
.card-body { padding: 0.75rem; }
.btn-yellow, .event-note .card-body  { background-color: #FFF43D; }
.event-selected { background-color: #61B642; }
.btn { padding: 0em .3em; }

.past-event { color: #ccc; border-color: #ccc; }
.bi-check-circle-green, .crew-available { color: #61B642; }
.crew-declined { color: #B03548; }
.crew-limited { color: orange; }

.logo { width: 60px; padding: .2em; margin-bottom: .3em;}
 .masthead-brand {   color: #214CB0; line-height: 1.3em; }
.container-home h1.masthead-brand { font-size: 3em; }
.container-app h1.masthead-brand { font-size: 1.8em; }
.container-app { padding: 5rem .6rem 1rem .6rem; }

.features .card { border: none; /*background-color:#214CB0; */color:#214CB0; }

#insertProject .card {
    padding: 15%;
    /*margin-bottom: -50%;*/
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.5), 0 16px 20px 0 rgba(0, 0, 0, 0.19);
}
select.form-control {
  appearance: auto;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  background-image: none; /* Remove Bootstrap background */
  padding: 0.175rem .45rem;
}
@media (min-width: 320px) and (max-width: 767px) {
  .container-home h1.masthead-brand { font-size: 2em; }
  .container-app h1.masthead-brand { font-size: 1.3em; }
  .container-app h2 { font-size: 1.1em!important; }
  .container-app { padding-top: 4.5rem; }
  .logo { width: 40px; }
  .p-4 { padding: .3em .5em!important; }
  /*.panel-schedule h4 { font-size: 1.05em!important; }*/
  .list-group-item { padding: .2em .4em!important;}
  footer .credits p { line-height: .8em; font-size: .9em;}
/*  .panel-schedule .list-group-item .btn-yellow { position: absolute; right: .5em; top: 0; }*/
  .panel-schedule .list-group-item .col .btn-time-warning {position: absolute; right: -.5em; top: 0; }
  .col { 
    padding-left: .3em;
    padding-right: 0;
    position: relative;
  }
  .col:first-child { padding-left: .7em }
}
.bi-exclamation-square { font-size: .9em }

 footer .btn { padding: 0; }

.badge-primary-hollow { border:  1px solid #214CB0; color: #214CB0; }
.badge-primary { background-color: #214CB0; color: #fff; }
.cover strong {color: #214CB0;}

.time-warning { font-style: italic; }
/*.time-confirmed.sev-show { font-weight: bold; }*/

#crewList .list-group-item { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.7rem; line-height: 1.8rem;}

.collapsing {
  transition: height 0.01s ease-in-out;
}

#spinner {
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0.7;
    background-color: #fff;
    position: absolute;
}

.spinner-container {
  position: relative;         /* Optional if the parent has no position */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; 
  width: 100%; 
  /*top: calc(50% - 50px);               /* Optional */*/
}
/*********************************************************************************************************************************************/

/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #214CB0;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  /*color: #333;*/
  text-shadow: none; /* Prevent inheritance from `body` */
  /*background-color: #fff;*/
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  /*height: 100%;*/
  /*background-color: #ccc;*/
}

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: #000;
  /*text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);*/
  /*box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);*/
}

.cover-container {
  max-width: 60em;
}

li.admin-control { list-style-type: none; }
/*
 * Header
 */
.container-app .masthead {
  /*margin-bottom: 2.2em!important;*/
  /*height: 3em;*/
  /*border-bottom: 2px solid #214CB0;*/
}

.container-app .masthead .navbar {
   /*border-bottom: 1px solid #214CB0;*/
   padding-bottom: 0;
   z-index: 10;
   box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
}
.masthead-brand {
  margin-bottom: 0; 
  /*border-bottom: 2px solid #000;*/
  /*color: #2264B0;*/
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  /*color: rgba(255, 255, 255, .5);*/
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
  color: #2264B0;
}

.nav-masthead .active {
  color: #2264B0;
  border-bottom-color: #2264B0;
}

.dropdown-menu .active { color: #fff;}

@media (min-width: 48em) {

  .container-app .masthead-brand {
    /*float: left;*/
  }
  .container-app .nav-masthead {
    float: right;
  }
}

.navbar-toggler { 
  background-color:  #FFF; 
  border: 2px solid #2264B0;
  /*position: fixed;*/
  /*right: .5em;*/
}

.bg-body-tertiary { background-color: #FFF!important; }
/*
 * Cover
 */
.cover {
  /*padding: 0 1.5rem;*/
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}


/*
 * Footer
 */
.mastfoot {
  color: rgba(255, 255, 255, .5);
}
#schedule .col-from-to {width: 143px!important;}

.btn-time-warning { padding: 0;margin:0; }

@media (min-width: 1281px) {
  
  /* CSS */
   
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /* CSS */
  /*#schedule .col-from-to {width: 143px!important;}*/
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /* CSS */
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
   #schedule .col-from-to {width: auto!important;}
   /*#schedule .row h4 {font-size: 9rem;}*/
  /* CSS */
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
   #schedule .col-from-to {width: auto!important;}
  /* CSS */
  /*#schedule .row h4 {font-size: 1.1rem!important;}*/
  .task-name-wrapper span, .duration {font-size: .9rem;} 
  .cover {padding: 0 ;}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
   #schedule .col-from-to {width: auto!important;}
   #schedule .row h4 {font-size: 1rem!important;}
    .cover {padding: 0 ;}
  /* CSS */
  
}