@import url('https://fonts.googleapis.com/css?family=Roboto');

* {font-family: 'Roboto', sans-serif; font-size: 10pt;}
body {background-color: #FAFAFA;}

@media print {
    body {background-color: transparent;}
    .print-hidden {display:none;}
}

.nav-item-icon, .nav-item-name {display: inline-block;}

.cardDesign {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    background-color: white !important;
    border-radius: 3px;
}

.cardDesign-mini {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background-color: white !important;
    border-radius: 3px;
}

.cardDesign-hover:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

/* Login Page */
.loginCard{
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    background-color: white;
}


/* Workspace Page */
#workspaceContainer {padding-top: 13px; margin-bottom: 20px; min-height: 500px;}

.cardMenu-content {border: 1px solid #EEE; border-radius: 3px; margin: auto; margin-bottom: 20px; padding-top: 10px;
                  padding-bottom: 15px; display: block;}

a.cardMenu-content {color: black;}
    a.cardMenu-content:hover {text-decoration: none;}

.cardMenu-icon {font-size: 3em; text-align: center; color: #03A9F4;}
.cardMenu-name {text-align: center;}

.modulePageTitle {font-size: 1.5em; color: #D32F2F; margin-bottom: 20px;}

.actionRow {text-align: right; margin-bottom: 10px;}
    .actionFilter {margin-bottom: 10px; margin-left: 20px; display: inline-block;}
.searchRow {margin-bottom: 10px;}
    .searchInput {width: inherit;}

.table thead {background-color: #039BE5; color: white;}
.table thead th {border-color: transparent;}

.formMinHeight {min-height: 400px;}
.form-group label {color: #212121;}
.form-group .form-control-plaintext {color: #495057;}

.sectionTitle {color: #01579B; font-size: 1.2em; margin-top: 20px; margin-bottom: 15px; padding-left: 0px; padding-bottom: 5px; border-bottom: 1px solid #01579B;}
.subSectionTitle {color: #E65100; font-size: 1.1em; margin-bottom: 5px;}
.subHeader {color: #01579B; font-size: 1.0em; margin-bottom: 3px;}
.buttonRow {border-top: 1px solid #BDBDBD; padding: 10px 0;}

#dialogIcon, #dialogConfirmIcon {font-size: 2.3em;}

.form-group.required label:before {content: "*"; color: #D50000;}
/* EOF Workspace Page */

/* Loading */
#loading {
    display: none;
}

#loadingContent {
    position: fixed;
    width: 90px;
    height: 90px;
    z-index: 2000;
    background: white;
    top: calc(40% - 40px);
    left: calc(50% - 45px);
}

#loadingSection {
    width: 50px;
    height: 50px;
    position: absolute;
    left: calc(50% - 25px);
    top: 10px;
}

#loadingContent span {
    bottom: 10px;
    position: absolute;
    width: 100%;
    text-align: center;
}

#loadingMask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.7;
    z-index: 1990;
}

@-webkit-keyframes pulse {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
body {
  margin: 0;
}

.ctnr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
}

.ldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  width: 2.5em;
  height: 2.5em;
}

.ldr-blk {
  height: 35%;
  width: 35%;
  -webkit-animation: pulse 0.75s ease-in infinite alternate;
          animation: pulse 0.75s ease-in infinite alternate;
  background-color: #D32F2F;
}

.an_delay {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
/* End of Loading */


/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */



/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 576px) {} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .nav-item-icon, .nav-item-name {
        display: block;
        text-align: center;
    }
    .nav-item-icon {font-size: 14pt;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .nav-item-icon, .nav-item-name {
        display: block;
        text-align: center;
    }
    .nav-item-icon {font-size: 14pt;}
}