/*----------------------------------------------- TEXT STYLING-----------------------------------------------*/

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url("../Content/fonts/Open-Sans-Light.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Josefin Sans Light'), local('JosefinSans-Light'), url("../Content/fonts/Josefin-Sans.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

h3 {
   color:white;
   font-family: 'Josefin Sans', sans-serif;
   text-transform: uppercase;
   letter-spacing: 0.2em;
   color:white;
   margin:0px;
   font-size:1.5em
}
/*----------------------------------------------- END TEXT STYLING-----------------------------------------------*/

/*------------------------------------------------CURSOR STYLING--------------------------------------------------*/
#cursorWait {
    cursor:wait !important;
}
/*------------------------------------------------END CURSOR STYLING--------------------------------------------------*/

/*----------------------------------------------- LONG LOADERS STYLING-----------------------------------------------*/
.paper-loader-background {
  z-index: 1020;
  background-color:#333;
  width:100vw;
  height:100vh;
  margin: 0;
  padding:0;
  position:absolute;
  left:0vw;
  /*transition: 1s ease;*/
      -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    top:-100vh;
}

.paper-loader:hover {
    filter: brightness(150%);
}

.paper-loader-container {
      top: 45%;
    left: 50%;
    width:10vw;
    height:10vw;
    position:absolute;
  -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#paper-loader-message{
  position:absolute;
  width:100%;
  bottom:20%;
  text-align:center;
}


.paper-loader {
  width: 25%;
  height: 25%;
  float:left;
    transition: 0.2s ease;
  -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -ms-transform:rotate(0deg);
    transform: rotate(0deg);
    transform-style: preserve-3d;
    -ms-transform-style: none;
}

.animate-rotate {
    animation: spinGrow 4s ease infinite;
	-moz-animation:spinGrow 4s ease infinite;
	-o-animation:spinGrow 4s ease infinite;
    -ms-animation:spinGrow 4s ease infinite;
}


#follower2 {
    background-color:#aaa; /* Safari 4.0 - 8.0 */
    animation-delay: 0.05s;
}
#follower {
  background-color:dimgrey; /* Safari 4.0 - 8.0 */
  animation-delay: 0.12s;
}

#follower3 {
  background-color:#3d3d3d; /* Safari 4.0 - 8.0 */
  animation-delay: 0.2s;
}

#main {
      background-color:darkred; /* Safari 4.0 - 8.0 */
      animation-delay: 0s;
}

@keyframes spinGrow {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(260deg);
        transform: rotate(260deg);
        width: 10%;
        margin-left: 10%;
        height: 50%;
    }

    50% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        transform: rotateX(360deg);
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -o-transform:rotateX(360deg);
        -ms-transform: rotateX(360deg);
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform:rotateX(0deg);
        -ms-transform: rotateX(0deg);
    }
}
.paper-loader2{
    width:15%;
    height:50%;
    margin-left:15%;
    background-color:white;
    float:left;
    transition: 0.2s ease;
    opacity:1;
    -webkit-animation: growBars 2s ease infinite;
    animation: growBars 2s ease infinite; 
}

.paper-loader2:nth-of-type(2) {
    animation-delay:0.7s;
}

.paper-loader2:nth-of-type(3) {
    animation-delay: 0.8s;
}

.thumbnails-container .paper-loader-container2 {
    /*top: 3.5em;
    left: 5.5em;*/
    width: 2em;
    height: 2em;
}

.paper-loader-container2 {
    top:50%;
    left:50%;
    width: 4em;
    height: 4em;
    position:absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@keyframes growBars {
    0% {
    }
    50% {
        transform: rotateX(150deg);
        /*background-color:darkred;*/
    }
    100% {
        height:50%;
    }
}

#spinner {
  border-radius: 50%;
  background-color:transparent;
  border: 3px solid grey;
  border-left: 3px solid #00c7ff;
  min-height: 2em;
  min-width:2em;
  display:inline-block;
  line-height:4em;
  animation:spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
  }
}
/*-----------------------------------------------END LONG LOADERS STYLING-----------------------------------------------*/

/*----------------------------------------- CIRCLE GRADIENT LOADER STYLES---------------------------------------*/

#loader-circle-bg {
    -webkit-transition:0.5s ease;
    -o-transition:0.5s ease;
    transition:0.5s ease;
    opacity:1;
}

#loader-circle-bg.active {
    opacity:0.3;
}

#loader-circle {
    transition:0.5s ease;
    position: fixed;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index:50;
    display:none;
}

#loader-circle.active {
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.spinner {
  animation: rotate 1.4s linear infinite;
  -webkit-animation: rotate 1.4s linear infinite;
  -moz-animation: rotate 1.4s linear infinite;
  position: relative;
  width: 30%;
  height: 30%;
}


@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

.path {
  stroke-dasharray: 170;
  stroke-dashoffset: 20;
}


/*----------------------------------------- END SQUARE LOADER STYLES---------------------------------------*/

/*----------------------------------------------- MODAL STYLING-----------------------------------------------*/
/*.paper.modal.fade.in {
    z-index:1500;
}*/
.modal-open .modal.paper {
    background-color: rgba(40,40,40,0.8);
}


.paper.modal .modal-content {
    border-radius: 0px;
    border: none;
    background-color: #3d3d3d;
    -webkit-box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.4);
    -moz-box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.4);
    box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.4);
}

.paper .modal-header-group {
    background-color: #5e5e5e;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
}

.paper .modal-header {
    padding: 0.9em;
    background-color: #191919;
    border: none;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
}

.paper .modal-title {
    letter-spacing: 0.2em;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    font-size:2em;
    padding: 0.2em 1em;
    color:white;
}

.paper button.close {
    color: white;
    background-color: #601414;
    opacity: 1;
    font-size: 1.8em;
    padding: 0.2em 0.5em 0.3em 0.5em;
    margin: -0.5em -0.5em;
    -webkit-box-shadow: -1px 0px 3px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: -1px 0px 3px 1px rgba(0,0,0,0.3);
    box-shadow: -1px 0px 3px 1px rgba(0,0,0,0.3);
}

.paper .modal-footer {
    border: none;
    text-align: center;
    padding: 1em 0em 3em 0em;
    display:flex;
    margin-top: -2em;
}

.paper .btn {
    width:40%;
    margin: auto;
    border:none;
    border-radius: 0;
    padding: 0.8em;
    letter-spacing: 0.2em;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    font-size:1.5em;
    color:white;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.3);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.3);
}

.paper .btn.full {
    width:100%;
}

.paper .btn:active{
    filter: brightness(70%);
}

.paper .btn-primary {
    background-color: #601414;
}

.paper .btn-default {
    background-color: #3b0000;
    color: #da6666;
    font-weight: 700;
}

.paper.modal .label {
    width: 33%;
    padding-right: 1em;
    font-size: 1em;
}

.paper .modal-body {
    padding: 1.5em;
    color: white;
    font-size: 1.5em;
    text-align: left;
    display:inline-block;
}

.paper .modal-dialog label {
    font-size:1em;
}

.paper .modal-body span label {
    width: 100%;
}

/*.paper.modal.large {
    width: 60em;
}*/

.paper.large .modal-dialog {
    width:90%;
    margin:auto;
}

.paper .btn {
    font-size: 1.3em;
}

@media only screen and (min-width: 769px) and (min-device-width: 769px) {
    .paper.large .modal-dialog {
        width:60em;
    }
    .paper .modal-body {
        /*padding: 0em;*/
    }
    .paper.large .modal-body {
        padding: 3em 3em 1em 3em;
    }
}

.paper.modal-paper-2 p{
    padding: 0em 1em;
}

/*-----------------------------------------------END MODAL STYLING-----------------------------------------------*/
/*------------------------------------------------INPUT STYLING------------------------------------------------------*/

ul.no-bullet {
    list-style-type:none;
}
    /*--------------------1. Checkboxes-------------------*/

.styled-checkbox {
  position: absolute;
  opacity: 0;
  visibility:hidden;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin:0;
  display:initial;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: #ccc;
}
.orange.styled-checkbox:hover + label:before {
  background: #c77e3f;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.orange.styled-checkbox:checked + label:before {
  background: #9f591d;
}
.styled-checkbox:disabled + label {
  /*color: #b8b8b8;*/
  cursor: not-allowed;
  background:none;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 8px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.black-check.styled-checkbox:checked + label:after {
    background:black;
      box-shadow: 2px 0 0 black, 4px 0 0 black, 4px -2px 0 black, 4px -4px 0 black, 4px -6px 0 black, 4px -8px 0 black;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.font-selection select, .font-selection input {
    height: 2em;
    float: left;
    margin: 0.5em 0.5em 0.5em 0em;
    color: black;
    font-weight: bold;
}


/*------------------------------------------- LABEL-VALUE-PAIR STYLING-----------------------------------------------*/
.paper .modal-body .paper-label-val-pair {
    font-size:15px;
    display:inline-block;
    float:left;
}

.paper-label-val-pair.width-6 {
    width:100%;
    /*margin-bottom:2em;*/
}

.paper-label-val-pair {
    width: 100%;
}

.paper-label-val-pair span{
    float:left;
}

.paper-label-val-pair span:first-of-type {
    width: 14%;
}

.paper-label-val-pair.width-6 span:first-of-type {
    width:23%;
}

.paper-label-val-pair.width-6 span:nth-of-type(2) {
    width: 70%;
}

.paper-label-val-pair span:nth-of-type(2) {
    width: 84%;
}

.paper-label-val-pair label{
    display:block;
    text-align:right;
    padding-right: 0.7em;
    font-weight: 200;
    color: #c4c4c4;
    font-style:italic;
    font-family: 'Open Sans', sans-serif;
}
.paper-label-val-pair div label, div.paper-label-val-pair label {
    width:25%;
    float:left;
}

.paper-label-val-pair p, .paper-label-val-pair textarea, .paper-label-val-pair input, .paper-label-val-pair select {
    font-size:16px;
    margin-top:0.2em;
    margin-bottom: 0.4em;
    padding-left: 0.2em;
    padding-right: 1em;
    background-color:transparent;
    border:none;
    box-shadow:none;
    border-radius:0;
    border-bottom: 1px solid dimgrey;
}
.paper-label-val-pair div p, .paper-label-val-pair textarea, .paper-label-val-pair input, .paper-label-val-pair select {
    width: 75%;
    display:inline-block;
}

.paper-label-val-pair option, .paper-label-val-pair option:focus, .paper-label-val-pair option:active, .paper-label-val-pair select:focus, .paper-label-val-pair select:active {
    background-color:#3d3d3d;
    /*border:none;
    outline:0;*/
}

.paper-label-val-pair textarea {
    background-color:rgba(0,0,0,0.2);
    -webkit-box-shadow: inset -1px 2px 3px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset -1px 2px 3px 1px rgba(0,0,0,0.1);
    box-shadow: inset -1px 2px 3px 1px rgba(0,0,0,0.1);
    border:none;
}

.paper-label-val-pair.checkbox {
    padding:0;
    margin:0;
}
.paper-label-val-pair.checkbox input {
    width:25%;
    margin-left: 3em;
}
.paper-label-val-pair.checkbox label {
    width: 75%;
    text-align: left;
    float: right;
    padding: 0;
}
/*.paper-label-val-pair.radio {
    padding: 0;
    margin: 0;
}

.paper-label-val-pair.radio input {
    width: 25%;
    margin-left: 3em;
}

.paper-label-val-pair.radio label:first-child {
    width: 75%;
    text-align: left;
    float: right;
    padding: 0;
}
*/

.paper-radio-list {
    width: 75%;
    float: right;
}
.paper-label-val-pair.radio {
    margin-bottom: 0;
    max-height:
}

.paper-label-val-pair.radio label {
    width: 100%;
    float: left;
    text-align: left;
    padding: 0;
}
.paper-label-val-pair.radio label.txt-light-red {
    color: #f16363;
}

.paper-radio-list-item {
    width: 50%;
    float: right;
    font-size: 0.7em;
    font-weight: normal;
    color: #c7c7c7;
}
.paper-radio-list-item label{
    cursor: pointer;
}
.input-scrollable {
    max-height: 5em;
    height: 100%;
    width: 100%;
    overflow-y: auto;
}

    div.paper-label-val-pair {
        padding: 0.5em 0em;
    }

@media only screen and (min-width: 769px) and (min-device-width: 769px) {
    .paper-label-val-pair.width-6 {
        width: 49%;
    }
    .paper-label-val-pair.width-6 span:first-of-type {
        width:29%;
    }
    .large .paper-label-val-pair div label {
        width: 12%;
    }
    .paper .modal-body .paper-label-val-pair {
        font-size:0.8em;
    }
    .paper-label-val-pair p, .paper-label-val-pair textarea, .paper-label-val-pair input, .paper-label-val-pair select {
        font-size: 0.9em;
    }
}
/*-------------------------------------END LABEL-VALUE-PAIR STYLING-----------------------------------------------*/

/*------------------------------------- CARDB STYLING-----------------------------------------------*/
.cardB {
    background-color:rgba(255, 255, 255, 0.05);
    padding:0em 0em 2.5em 0em;
    margin: 0.5em;
    display: inline-block;
    line-height: 4vh;
}
.cardB-title {
    text-transform:uppercase;
    letter-spacing:0.3em;
    padding:1em;
    margin:0em 0em 1em 0em;
    font-weight: bold;
}
.cardB.pad-0 {
    padding: 0em;
}
/*-------------------------------------END CARDB STYLING-----------------------------------------------*/
/*----------------------------------------B. LAYOUT STYLES----------------------------------------
    /*--------------------1. Columns-------------------*/
    .container-row-height {
        height:100vh;
        overflow-y: auto;
    }
    .row-2-of-24 {
        height: 8.33%;
        max-height: 8.33%;
    }
    .row-1 {
        height: 4.16%;
        max-height: 4.26%;
    }
    .row-2 {
        height: 16.66%;
        max-height:16.66%;
    }
    .row-3 {
        max-height: 25%;
        height: 25%;
    }
    .row-4 {
        max-height: 33.333%;
        min-height:33.333%;
    }
    .row-6 {
        max-height: 50%;
        min-height: 50%;
    }
    .row-8 {
        max-height:66.66%;
        min-height:66.66%;
    }
    .row-10 {
        max-height:83.333%;
        height: 83.333%;
    }
    .row-11 {
        max-height:91.66%;
        height: 91.66%;
    }
    .row-12 {
        max-height:100%;
        height:100%;
    }
    .row-1-offset-top {
        margin-top: 4.16%;
    }
    .row-1-offset-bottom {
        margin-bottom: 4.16%;
    }
    @media only screen and (min-width:768px) and (max-width: 1200px) {
        .hide-md {
            display:none;
        }
        .col-md-6-forced {
            width:50%;
            float:left;
            height:100%;
        }
        .height-md-54 {
            height:54rem;
        }
    }

    @media only screen and (min-width: 768px) {
        .show-md {
            visibility:visible;
        }
        .row-md-1 {
            height: 4.16%;
            max-height: 4.16%;
        }
        .row-md-3-of-24 {
            height:12.5%;
            max-height:12.5%;
        }
        .row-md-21-of-24 {
            height:87.5%;
            max-height:87.5%;
        }
        .row-md-2 {
            height:16.66%;
            max-height:16.66%;
        }
        .row-md-3 {
            height:25%;
            max-height:25%;
        }
        .row-md-4 {
            max-height:33.3%;
            height:33.3%;
            min-height:33.3%;
        }
        .row-md-5 {
            max-height:41.6%;
            height:41.6%;
            min-height:41.6%;
        }
        .row-md-6 {
            max-height: 50%;
            height: 50%;
        }
        .row-md-8 {
            max-height:66.66%;
            height:66.66%;
        }
        .row-md-10 {
            max-height:83.333%;
            height: 83.333%;
        }
        .row-md-11 {
            max-height:91.66%;
            height: 91.66%;
        }
        .row-md-12 {
            max-height:100%;
            height:100%;
        }
        .row-md-0-offset-top {
            margin-top: 0%;
        }
    }

    @media only screen and (min-width:968px) {
        .row-lg-1{
            height: 4.16%;
            max-height: 4.16%;
        }
        .row-lg-2{
            height:8.33%;
            max-height:8.33%;
        }
        .row-lg-3 {
            height:12.5%;
            max-height:12.5%
        }
        .row-lg-9 {
            height:37.5%;
            min-height:37.5%;
        }
        .row-lg-10{
            height:41.66%;
            min-height:41.66%;
            max-height:41.66%;
        }
        .row-lg-12 {
            height:50%;
            max-height:50%;
        }
        .row-lg-14{
            height:58.33%;
            max-height:58.33%;
        }
        .row-lg-21 {
            max-height:87.5%;
            height: 87.5%;
        }
        .row-lg-22 {
            max-height:91.66%;
            height: 91.66%;
        }
        .row-lg-11 {
            max-height:95.83%;
            height: 95.83%;
        }
       .row-lg-24 {
            max-height:100%;
            height: 100%;
        }
    }

    @media only screen and (min-width: 1200px) {
        .row-xl-1 {
            height: 4.16%;
            max-height: 4.16%;
        }
        .row-xl-2 {
            height: 8.333%;
            max-height: 8.333%;
        }
        .row-xl-4 {
            max-height: 16.667%;
            height: 16.667%;
        }
        .row-xl-5 {
            max-height: 20.83%;
            height: 20.83%;
            min-height: 20.83%;
        }
        .row-xl-6 {
            max-height: 25%;
            min-height: 25%;
        }
        .row-xl-7 {
            max-height: 29.16%;
            height: 29.16%;
            min-height: 29.16%;
        }
        .row-xl-9 {
            max-height: 37.5%;
            height: 37.5%;
            min-height: 37.5%;
        }
        .row-xl-10 {
            max-height:41.6%;
            height:41.6%;
            min-height:41.6%;
        }
        .row-xl-11 {
            max-height:45.83%;
            height:45.83%;
            min-height:45.83%;
        }
        .row-xl-12 {
            max-height: 50%;
            min-height: 50%;
        }
        .row-xl-20 {
            max-height:83.333%;
            height: 83.333%;
        }
        .row-xl-22 {
            max-height:91.66%;
            height: 91.66%;
        }
        .row-xl-23 {
            max-height:95.83%;
            height: 95.83%;
        }
        .row-xl-24 {
            max-height:100%;
            height:100%;
        }
        .row-xl-0-offset {
            margin-bottom: initial;
        }
        .col-xl-none {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            max-width: auto;
        }
    }
    @media only screen and (min-width: 1600px) {
        .row-xxl-12 {
            min-height: 50%;
            height:50%;
        }
    }


    /*---------------------------------FLEXBOX-----------------------------*/
        .block-xs {
            display:block;
        }
        .flex-btn {
            text-transform: uppercase;
            letter-spacing:0.2em;
            text-align:center;
            /*line-height:9em;*/
            padding: 3.5em 0em 3.5em 0em;
        }
        .flex-center-center {
            align-items:center;
            justify-content:center;
            display:flex;
        }
        .flex-btn:hover {
            cursor:pointer;
            filter:brightness(130%);
        }
        .flex-full-page {
            width: 100vw;
            height: 100vh;
            box-sizing:border-box;
        }
        .flex-full {
            /*width:100%;*/
            height:100%;
        }
        .flex {
            min-height:100%;
            /*min-width:100%;*/
            display: flex;
            justify-content: space-between;
        }
        .flex-nav {
            display: flex;
            justify-content: center;
            flex-direction: column;
        }
        .flex-col {
            display: flex;
            justify-content: space-between;
            flex-direction:column;
        }
        .flex-v-center {
            display:flex;
            align-items:center;
        }
        .flex-row-around {
            display: flex;
            justify-content: space-around;
            flex-direction:row;
        }
        .flex-row {
            display: flex;
            justify-content: space-between;
            flex-direction:row;
        }
        .flex-row-start {
            display:flex;
            flex-direction:row;
            justify-content: flex-start;
        }
        .flex-w-3 {
            width:95%;
            float:left;
            height:unset;
        }
        .flex-w-3.full {
            width: 95%;
            padding: 0;
        }
@media only screen and (min-width: 768px) {
        .flex-w-3 {
            width:47.5%;
        }
        .flex-sm-row {
            display: flex;
            justify-content: space-between;
            flex-direction:row;
        }
        .flex-sm-col {
            display:flex;
            justify-content:space-between;
            flex-direction:column;
        }
        .flex-sm-none {
            display:initial;
        }
}
/*-----md----------*/
@media only screen and (min-width: 992px) {
        .flex-w-3 {
            width:34%;
        }
        .flex-w-3.full {
            width:34%;
        }
        .flex-md {
            display:flex;
            justify-content:space-between;
            min-height:100%;
        }
        .flex-md-v-center {
            display:flex;
            align-items:center;
        }
        .flex-md-none {
            display:initial;
        }
        .flex-md-row {
            display:flex;
            flex-direction:row;
        }
        .flex-full-md {
            height:100%;
        }

}
    /*-------------------------------FLEXBOX END----------------------------*/



/*-------------------------------FULLPAGE MODAL----------------------------*/

 .modal-full .label {
    /*font-weight: bold;*/
    letter-spacing: 0.1em;
    color:white;
    font-style:normal;
}
.modal-full .modal-header-group {
    /*height:8vh;*/
    overflow: hidden;
    /*min-height:8vh;*/
}
.modal-full .modal-body {
    height:92vh;
    min-height:92vh;
    float:right;
}
.modal-full .modal-tab .col {
    margin:0;
    padding:0;
}
.modal-full {
    font-size:0.6em;
}
.modal-full .modal-tab {
    padding: 1em;
}
.modal-full .cardB {
    line-height: 3vh;
}
.modal-full h5, .modal-full h4 {
    font-size:0.9em;
}
.modal-full .table-sm {
    font-size:0.9em;
    line-height:1em;
    bottom:-17em;
    max-width:80vw;
    overflow:auto;
}
.modal-tab.active tr.active {
    background-color:darkgrey;
}

/*md size*/
@media only screen and (min-width: 992px) {
    .modal-full {
        font-size:0.65em;
    }
    .modal-full .table-sm {
        font-size:0.8em;
        line-height:1em;
        bottom:-17em;
    }
    .modal-full.paper .modal-title {
        /*padding: 0 1em;*/
        padding:0;
    }
    .modal-full .cardB {
        /*padding-bottom: 2em;*/
        line-height:4vh;
    }
}
/*xl size*/
@media only screen and (min-width: 1200px) and (min-height:550px)  {
    .modal-full .cardB {
        margin:1em;
    }
    .modal-full .modal-tab {
        padding:2em;
    }
}
@media only screen and (min-height:550px) {
    .modal-full textarea {
        height: auto;
    }
}
@media only screen and (min-height: 900px) {
    .modal-full {
        font-size: 0.8em;
    }
}
/*xxl size*/
@media only screen and (min-width: 1600px) {
    .modal-full {
        font-size: 0.8em;
    }
    .modal-full h5, .modal-full h4 {
        font-size: 1em;
    }
    .modal-full .modal-tab {
        padding: 4em;
    }
    .modal-full .table-sm {
        bottom:-17em;
        font-size:0.9em;
    }
    .modal-full .cardB {
        /*padding-bottom: 3em;*/
    }
}

/*-------------------------------FULLPAGE MODAL END----------------------------*/

.btn-square-group button.btn{
    width:50%;
    float:left;
    box-sizing:border-box;
}
.btn-square-group button .glyphicon {
    display:block;
    line-height:2em;
}
#editStudyTabs {
    overflow:hidden;
}
#editStudyTab {
   /*padding-bottom: 10vh;*/
   height:85vh;
}
#editStudyTab-btns button{
    width:43%;
}
#editStudyTab-btns {
    padding:1em 0em;
}
.tab-container {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    padding:0;
}
.tab-container select {
    border:none;
    border-bottom:1px solid grey;
}
.clear {
    clear:both;
}
.trans {
    background:transparent;
}
.txt-light-grey {
    color:#ccc;
}
.modal-body h3 {
    padding: 1em;
}
.info-row {
    font-size: 0.7em;
    text-transform: initial;
    letter-spacing: 0.1em;
    font-family: 'Open Sans', sans-serif;
    justify-content: space-between;
    background-color: rgba(255,255,255,.08);
    opacity: 0.8; 
    width:100vw;
    padding: 0.5vh;
}
.info-row-item {
    margin-right:2em;
    display:inline-block;
    word-break:break-word;
    /*word-break: keep-all;*/
}
/*------temporary--------*/
#ManageStudyDisplay {
    overflow:auto;
}
#ManageStudyDisplay .label-input-pair input, #ManageStudyDisplay textarea, #ManageStudyDisplay .label-input-pair select {
    width:66%;
    max-width:none;
    font-size: 1.2em;
    height:1.6em;
    line-height:normal;
}
/*#ManageStudyDisplay .btn {
    width:66%;
    float:right;
    margin:1em 0em;
    font-size:1em;
}*/
#seriesManagement-controls .btn {
    width:100%;
    clear:both;
    font-size: 1em;
    text-align: center;
    align-items: center;
    /*display: block;*/
    float:none;
    display:flex;
}
#ManageStudyOptions .modal-content {
    width: 55%;
    /*transform: translate(45%, 40%);*/
    margin:auto;
    font-size:0.9em;
}
#ManageStudyOptions .modal-body {
    /*padding: 1em;*/
    padding: 3em;
}
#ManageStudyOptions input[type="password"] {
    font-size: 1.4em;
    line-height: 1.5em;
}
#ManageStudyOptions .glyphicon-remove {
    display:none;
}
#ManageStudyDisplay .modal-body {
    width: 100%;
    padding: 2em;
}
#ManageStudyDisplay textarea {
    border: 1px solid grey;
    background-color: transparent;
    height:100%;
    margin-bottom: 0.5em;
}
#ManageStudyDisplay *:disabled {
    opacity:0.5
}
#ManageStudyTabs *:disabled {
    opacity:1;
}
#ManageStudyDisplay *:disabled:hover {
    cursor: not-allowed;
}
#ManageStudyDisplay .modal-footer {
    float: none;
    margin: 0;
    padding:0;
}
#ManageStudyOptions div.col-md-6 {
    float:right;
}
#ManageStudyDisplay .table-sm {
    position: absolute;
    z-index: 1000;
    background-color: #545454;
    width:61em;
    max-width:61em;
    min-width:61em;
    overflow-x:hidden;
    display:block;
    right:0;
    box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.1);
}
#ManageStudyDisplay .table-sm.narrow{
    max-width:57.5em;
    min-width:57.5em;
}
#ManageStudyDisplay .table-sm.narrow {
    max-width:80vw;
    min-width:80vw;
}
#ManageStudyDisplay .table-sm tbody td, #ManageStudyDisplay .table-sm tbody th {
    padding: 0.2em 0.4em;
}
.modal-full .modal-content {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    position: absolute;
    overflow:hidden;
}
.modal-full .modal-tab {
    height: 92vh;
    width:100%;
    overflow: auto;
}
.modal-full .modal-header-group {
    box-shadow:none;
}
/*#ManageStudyDisplay .modal-content {
    width: 90%;
    transform: translate(6%, 6%);
}*/
#ManageStudyDisplay .glyphicon-remove, #ManageStudyDisplay .glyphicon-lock {
    margin-left: -1em;
    opacity:0.4;
}
#ManageStudyDisplay .table-sm table tbody tr {
    height: unset;
}
#ManageStudyDisplay .table-sm tbody:first-of-type {
/*#ManageStudyDisplay .table-sm tbody:not(:last-child) {*/
    height:15em;
    overflow-y:auto;
    overflow-x: hidden;
}
#ManageStudyDisplay .table-sm td, #ManageStudyDisplay .table-sm th {
    width:8em;
    max-width:8em;
    min-width:8em;
    white-space:normal;
    padding-right:1em;
    word-wrap:break-word;
}
#ManageStudyDisplay .addNewRefPhys td {
    max-width:none;
}
#ManageStudyDisplay th {
    border:none;
}
#ManageStudyDisplay .table-sm thead, #ManageStudyDisplay .table-sm tbody {
    display:block;
}
#auditLogTab .table-sm thead, #auditLogTab .table-sm tbody {
    display:unset;
}
#ManageStudyDisplay thead {
    background-color:#1f1f1f;
}
#ManageStudyDisplay .table-md {
    max-height: 88%;
    min-height: 88%;
    width: 100%;
    overflow: auto;
    display: inline-block;
    background-color: #525252;
}

#checkboxDropdownModalitiesDisplay {
    width: 62%;
    float: right;
    border: 1px solid grey;
    list-style: none;
    position: absolute;
    background-color: #3e3e3e;
    right: 4%;
    line-height: 1em;
    z-index: 200;
    height: 20vh;
    overflow-y: auto;
}
#checkboxDropdownModalitiesDisplay input {
    width:1em;
}
.table-grey tr:nth-child(2n) {
    background-color: #676767;
    box-shadow: none;
}
.table-grey tr {
    background-color: #525252;
}
.table-grey thead tr {
    background-color:#191919;
}
#ManageStudyDisplay .addNewRefPhys, #ManageStudyDisplay .searchRefPhys, #ManageStudyDisplay .addNewRefPhys td, #ManageStudyDisplay .searchRefPhys td {
    width: 100%;
    min-width: unset;
    max-width: unset;
    display:block;
    height:2em;
    height:100%;
    line-height:2em;
}
#ManageStudyDisplay .addNewRefPhys td {
    /*background-color:#3b0000;*/
    background-color:#222;
}
#ManageStudyDisplay .searchRefPhys td {
    /*background-color:#601414;*/
    background-color:#323232;
}
/*#ManageStudyDisplay input:read-only {
    opacity:0.5;
}*/
#ManageStudyDisplay tbody tr:hover, #orderReconciliation + table tbody tr:hover {
    background-color:#888;
    cursor:pointer;
}
#ManageStudyDisplay .glyphicon-remove:not([disabled]):hover {
    opacity:1;
    cursor:pointer;
}
#ManageStudyDisplay input:not([disabled]):hover {
    border-bottom:1px solid white;
}
#ManageStudyDisplay button:hover {
    background-color:darkred;
}
#addRefPhysPanel input {
    font-size:unset;
}
#ManageStudyDisplay #checkboxDropdownModalitiesDisplay input {
    height: 1em;
    text-align: left;
    width: 3em;
    font-size: 1em;
}
#ManageStudyOptions.modal {
    overflow-y:auto;
}
#RefPhysPanel select {
    font-size:1.4em;
    max-width:280px;
}
#RefPhysPanel #editrefPasswordConfirm {
    /*float:right;*/
}
#auditLogTab .table-sm, #orderReconciliationTab .table-sm {
    position:static;
    margin:2em;
    width: 100%;
    overflow: auto;
    background-color: #545454;
    box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.1);
    display: inline-block;
    max-height: 70vh;
    min-height: 70vh;
    min-width:80vw;
}
#auditLogTab .table-sm tbody:first-of-type {
    height:unset;
}
#auditLogTab .table-sm tr {
    height:3em
}
#auditLogTab .table-sm td, #auditLogTab .table-sm th {
    min-width:15em;
}
#orderReconciliationTab .table-sm tbody:first-of-type, #orderReconciliationTab .table-sm thead {
    overflow:visible;
    height:auto;
    display:inline-block;
}
#auditLogTab .table-sm.full td, #auditLogTab .table-sm.full th, #orderReconciliationTab .table-sm.full td, #orderReconciliationTab .table-sm.full th {
    /*min-width:11em;*/
    font-size:1.1em;
    line-height:1.3em;
}
#auditLogTab input {
    border-bottom: 2px solid #007ea2;
}
#auditLogTab input::placeholder {
    font-weight:bold;
    color:#007ea2;
}
#auditLogTab input::-ms-input-placeholder {
    font-weight:bold;
    color:#007ea2;
}
#auditLogTab input:-ms-input-placeholder {
    font-weight:bold;
    color:#007ea2;
}
#auditLog-search + .glyphicon {
    font-size: 1.2em;
    line-height: 2.5em;
    margin-left: -1.5em;
}
#orderReconciliationTab input, #orderReconciliationTab select{
    float:right;
    /*background-color:#bbb;
    color:black;
    font-weight:bold;
    border-radius: 2em;*/
    margin: 0em 0.5em;
    color:white;
    font-size:large;
    border:none;
    border-bottom:2px solid #7e9008;
    background-color:transparent;
    font-size: 1.4em;
}
#orderReconciliationTab input::-ms-input-placeholder {
    font-weight:bold;
    color:#7e9008;
}
#orderReconciliationTab input:-ms-input-placeholder {
    font-weight:bold;
    color:#7e9008;
}
#orderReconciliationTab select#filters {
    font-weight:bold;
    color:#7e9008;
}
#orderReconciliationTab select:hover, #orderReconciliationTab option {
    cursor:pointer;
}
#orderReconciliationTab option, #orderReconciliationTab option:focus, #orderReconciliationTab select:focus {
    background-color:#333;
}
#orderReconciliationTab input::placeholder {
    font-weight:bold;
    color:#7e9008;
}
#orderReconciliationTab .glyphicon {
    float:right;
    text-align:right;
    font-size:inherit;
    padding:inherit;
    margin:inherit;
    line-height:inherit;
    margin-left:-3em;
}
#orderReconciliationTab span.checkbox {
    font-size: 1.4em;
    display: inline-block;
    margin: 0;
    margin-right:0.5em;
    float:right;
    border-bottom:2px solid #7e9008;
    font-weight:bold;
} 
#orderReconciliationTab input[type="checkbox"] {
    /*opacity:0;*/
    background-color:transparent;
    z-index:3;
}
#orderReconciliationTab [type=checkbox]:checked + .check-box:before, #orderReconciliationTab [type=radio]:checked + .check-box:before {
  content: '';
  display: block;
  width: 5px;
  height: 10px;
  margin-left: 4px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: 0.1s;
}
#orderReconciliationTab [type=checkbox]:checked + .check-box, #orderReconciliationTab [type=radio]:checked + .check-box {
  background-color: #f16363;
  transition: 0.5s;
}
#orderReconciliationTab .check-box, #orderReconciliationTab input[type="checkbox"] {
  width: 15px;
  height: 15px;
  background: transparent;
  border:2px solid #f16363;
  display: inline-block;
  cursor: pointer;
  /*top:7px;*/
  margin:0;
  top:1.5vh;
  right:0;
  /*position: relative;*/
  /*float:right;*/
}
#auditLogTab table.table-sm.tbody:first-of-type, #orderReconciliationTab table.table-sm.tbody:first-of-type {
    width:90%;
    height:100%;
    overflow:auto;
}
#ManageStudyDisplay.paper .modal-body {
    padding:0;
    margin:0;
}
.btn-block-col {
    height:25%;
    position:relative;
    background-color:#191919;
    border:none;
    color:#ccc;
    flex-basis:25%;
    min-height:6em;
    word-wrap:break-word;
}
.btn-block-col-container {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    flex-direction: row;
    display: flex;
    padding: 0;
    margin: 0;
}
.btn-block-col:first-of-type {
    margin-top:1px;
}
.modal-tab {
    display:none;
    min-height: 70vh;
}
.modal-tab.active {
    display:block;
}
#editStudyTab-btns {
    margin-bottom:9em;
}
.table-shadowless tr{
    box-shadow: none;
}
.table-shadowless {
    padding:0em 2em;
}
.table-shadowless th {
    padding: 0em 0.3em;
    line-height: 1.2em;
}
.table-shadowless input[type='text'] {
    width:100%;
    padding:0;
    line-height:1.5em;
}
.table-shadowless input[type='checkbox'] {
    text-align:center;
}
.table-scroll {
    max-width: 100%;
    max-height: 91%;
    overflow: auto;
    min-height: 88%;
    display: flex;
}
input[type="checkbox"].checkbox-right-marg {
    margin: 0em 0.5em 0em 0em;
}
@media (min-width:768px) {
    .tab-container {
        left:54%;
    }
    .btn-block-col-container {
        height: 100%;
        position: relative;
        flex-direction: column;
        display: flex;
        padding:0;
        margin:0;
    }
    #editStudyTab {
       height:95vh;
    }
    #ManageStudyDisplay .table-sm.narrow{
        max-width:57.5em;
        min-width:57.5em;
    }
    .col-sm-3 {
        min-width:16.6667%;
    }
}
@media (min-width: 992px) {
    .btn-block-col-container {
        flex-direction:column;
        position:absolute;
        word-break:break-word;
    }
    .modal-tab.active {
        display:flex;
    }
    #editStudyTab-btns {
        margin-bottom:0em;
    }
    .pad-lg-tb-1, #editStudyTab-btns.pad-lg-tb-1 {
        padding:1em 0em;
    }
}
.btn-block-col-container .glyphicon {
    position:relative;
    display:block;
}

.text-style1 {
    text-transform:uppercase;
    font-size:0.9em;
    letter-spacing:0.2em;
}
.text-style2 {
    font-weight: bolder;
    text-transform: uppercase;
    font-size: 1.2em;
    letter-spacing: 0.2em;
}
.editStudyInfo {
    margin-top: 0.4em;
}

.msg-error {
    text-align: center;
    margin-bottom: -1em;
    margin-top: 1em;
    color:lightcoral;
}
.error-msg {
    color:lightcoral;
    position: fixed;
    background: #222;
    padding: 0.3em;
    border-radius: 0.5em;
    z-index: 1000;
    margin-top: 0em;
    margin-left: -6em;
}
.marg-3 {
    margin:3%;
}
.marg-1 {
    margin:1%;
}
.marg-top-xs {
    margin-top: 1em;
}
.marg-top-2 {
    margin-top:2em;
}
.marg-top-0, div.marg-top-0 {
    margin-top: 0em;
}
.marg-0 {
    margin:0;
}
.marg-sides {
    margin-left:3em;
    margin-right:3em;
}
.sortable:hover {
    cursor:pointer;
    filter:brightness(120%);
}
.dark {
    background-color:#1d1d1d;
}

.invisible {
    opacity:0;
}

.no-click {
    pointer-events:none;
}

.disabled, .disabled input {
    opacity:0.5;
    cursor: not-allowed !important;
}
.disabled:hover, .disabled tr:hover, .disabled input {
    cursor:not-allowed !important;
}

.shadow-dramatic {
    -webkit-box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.4);
    -moz-box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.4);
     box-shadow: -23px 31px 48px 13px rgba(0,0,0,0.4);
}
.bg-colors-red {
    background-color: #601414;
}
.bg-trans {
    background-color:transparent;
}
.bg-med-gray {
    color: #656565;
}
.txt-orange {
    color:#9f591d;
}
.txt-green {
    color: #00ad6f;
}
.txt-lime {
    color: #7e9008;
}
.txt-teal {
    color:#007ea2;
}
.txt-brick {
    color: #b32921;
}
.txt-light-red {
    color:#f16363; 
}
.txt-bold {
    font-weight:bold;
}
.txt-center {
    text-align:center;
}
.txt-right {
    text-align:right;
}
.txt-md {
    font-size:1.5em;
    font-weight:bold;
}
.txt-blue {
    color: #4868f3;
}
.txt-blue-royal {
    color: #2a3c86;
}
.txt-transparent {
    opacity:0.5;
}
.txt-small {
    font-size:small;
}
.hover-blue:hover, .hover-blue.active {
    background-color: #2a3c86 !important;
    color:white;
}
.hover-orange:hover, .hover-orange.active, .bg-orange {
    background-color:#9f591d !important;
    color:white;
}
.hover-green:hover, .hover-green.active, .bg-green {
    background-color: #02774d !important;
    color:white;
}
.hover-lime:hover, .hover-lime.active, .bg-lime {
    background-color:#7e9008 !important;
    color:white;
}
.hover-teal:hover, .hover-teal.active, .bg-teal {
    background-color: #007ea2 !important;
    color:white !important;
}
.hover-brick:hover, .hover-brick.active {
    background-color: #b32921 !important;
    color:white;
}
.bg-red {
    /*background-color:rgba(255,255,255,0.3);*/
    color:#f16363;
}
.bg-gray {
    background-color: gray;
}
.bg-blue-royal {
    background-color: #2a3c86;
}
.bg-red-royal {
    background-color:#862a2a;
}
.bg-light {
    background-color:#eee;
}
.btn-clear-teal {
    background-color: transparent;
    color: #007ea2;
    border: 2px solid #007ea2;
    font-weight: bolder;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
}
.btn-clear-teal:hover {
    cursor:pointer;
    transition-duration: 0.7s;
    background-color:#007ea2;
    color:white;
}
.pad-0 {
    padding:0 !important;
}
.pad-xs {
    padding:0.5em;
}
.pad-sm-top {
    padding-top:2em;
}
.pad-sm-bottom{
    padding-bottom:2em;
}
.pad-lg-bottom {
    padding-bottom:9em;
}
.pad-sm {
    padding:3em;
}
.pad-rl-xs {
    padding-right:1em;
    padding-left:1em;
}    
.pad-tb-3, #editStudyTab-btns.pad-tb-3 {
    padding:3em 0em;
}
@media (min-width: 992px) {
    .pad-lg-tb-1, #editStudyTab-btns.pad-lg-tb-1 {
        padding:1em 0em;
    }
}
.link-sm {
    width: 90%;
    margin: auto;
    display: block;
    text-transform: unset;
    font-family: unset;
    text-decoration: underline;
    font-style: italic;
    letter-spacing: unset;
    color: lightblue;
}
.width-max-500 {
    max-width:500px;
}
.width-100 {
    width:100%;
}
.full-wh {
    width:100%;
    height:100%;
}
.flex {
    display:flex;
}
.edit  {
    visibility:hidden;
}
.right {
    float:right;
}
.none {
    display:none;
}
.inline-block{
    display:inline-block;
}
.width-80{
    width:80%;
}
.width-50 {
    width:50%;
}
.cursor-wait {
    cursor:wait !important;
}
.hover {
    cursor:pointer;
}
.trans-slow {
    transition:2s;
    transition-timing-function: ease-out;
}
.trans-med {
    transition:0.7s;
}
.trans-slow:active {
    filter:scale(120%);
}

.trans-content {
    transition:0.7s;
}

#context-menu {
	position:fixed;
	background-color:lightgrey;
	border:1px solid grey;
	line-height:1.5em;
	list-style: none;
    font-size:1.3em;
    min-width:180px;
}
#context-menu li{
    padding: 0.2em 0.5em;
}
#context-menu li:hover {
    background-color:#333;
    color:white;
    cursor:pointer;
}
/*----------------------------------------------------SVG STYLING------------------------------------------------------*/

@-webkit-keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@-ms-keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }

    100% {
        stroke-dashoffset: 480px
    }
}

@-ms-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }

    100% {
        stroke-dashoffset: 480px
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }

    100% {
        stroke-dashoffset: 480px
    }
}

/*FLEX LOADER INSIDE DIV*/
.spinner-border {
     display: inline-block;
     width: 5em;
     height: 5em;
     vertical-align: text-bottom;
     border: .25em solid rgba(255, 255, 255, 0.3);
     border-right-color: transparent;
     border-radius: 50%;
     -webkit-animation: spinner-border .75s linear infinite;
     animation: spinner-border .75s linear infinite;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

@keyframes spinner-border {
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
/*END*/



/* other styles */
/* .svg svg {
    display: none
}
 */
.inlinesvg .svg svg {
    display: inline
}

/* .svg img {
    display: none
} */

.icon--order-success svg path {
    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
    animation: checkmark 0.25s ease-in-out 0.7s backwards
}

.icon--order-success svg circle {
    -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
    animation: checkmark-circle 0.6s ease-in-out backwards
}
/*---------------------------------------------------SVG STYLING--------------------------------------*/

/*--------------------------------------------------INTERNET EXPLORER STYLING--------------------------------------*/

#ie #editStudyTab {
    align-items: flex-start;
}
#ie .flex-full {
    height:auto;
}

/*-------------------------------------------------END INTERNET EXPLORER STYLING--------------------------------------*/



/*-------------------------------------------------SERIES MANAGEMENT TAB STYLING--------------------------------------*/

#seriesManagementTab .nav.nav-tabs {
    top:0;
    border-bottom: 4px solid #02774d;
    background-color: #3c4a45;
    overflow: hidden;
}

#seriesManagementTab .nav.nav-tabs .active a {
    background-color: #02774d;
    color:white;
    border:1px solid #02774d;
    border-radius:0;
}
#seriesManagementTab .nav.nav-tabs a:hover {
    border-radius:0;
    color:black;
}
#seriesManagementTab .nav.nav-tabs .active a:hover {
    color:white;
}
#seriesManagementTab select, #seriesManagementTab input {
    background-color: transparent;
    margin-right: 2em;
    border-bottom: 1px solid #00ad6f;
    font-weight:bold;
    color: #00ad6f;
}
#seriesManagementTab input::-ms-input-placeholder {
    font-weight:bold;
    color:#00ad6f;
}
#seriesManagementTab input:-ms-input-placeholder {
    font-weight:bold;
    color:#00ad6f;
}
#seriesManagementTab input::placeholder {
    font-weight:bold;
    color:#00ad6f;
}
#seriesManagementTab option {
    background-color: #282828;
}
/*-------------------------------------------------END SERIES MANAGEMENT TAB STYLING--------------------------------------*/


/*-------------------------------------------------FILE GROUP STYLING--------------------------------------*/
.file-group {
    text-align:center;
    width:100%;
    overflow:auto;
    /*min-width:50em;*/
    /*height:80%;*/
    height:90%;
}
.file-group .flex-col {
    justify-content: center;
    min-width:10em;
}
.file-group .glyphicon {
    font-size:4em;
}
.file-group h4 {
    z-index:500;
    margin-top:-1.3em;
    font-size:1.3em;
    line-height:1.3em;
    text-transform:uppercase;
    letter-spacing:0.2em;
    font-weight:bold;
}
.file-group p {
    line-height:1em;
    word-break: break-word;
}
.file-group .flex-col:hover {
    background-color:rgba(255,255,255,0.2);
    cursor:pointer;
}

.file-group::before, .file-group::after {
  content: ''; /* Insert space before the first item and after the last one */
}

.file-group .file.active {
    background-color:rgba(255,255,255,0.3);
}

.glyphicon-file {
    color:cornflowerblue;
}

.XYZ {
    color:rebeccapurple;
}
.PNG
.JPG {
    color:darkmagenta;
}
.JSF {
    color:purple;
}
.ANT {
}
.CPA {
}
.EKG {
    color:brown;
}
.SNP {
}
.MPEG {
}
.MP4 {
}
.MPG {
}
.TXT {
}
.XML {
}
.XYT {
    color:darkolivegreen;
}
.TXT_SIG {
}
.DOC {
}
.DOCX {
}
.DOC_SIG {
}
.PDF {
    color:firebrick;
}
.PDF_SIG {
    color:darkred;
    filter: drop-shadow( -3px 2px 1px rgba(0,255,0,1));
}
.RTF {
    color:darkgoldenrod;
}
.RTF_SIG {
    color:darkgoldenrod;
    filter: drop-shadow( -3px 2px 1px rgba(0,255,0,1));
}
.WMA {
}
.WMV {
}
.WMA_SIG {
}
.AVI {
}
.AVI_SIG {
}
.HTM {
    color:darkorange;
}
.HTM_SIG {
    color:darkorange;
    filter:drop-shadow( -3px 2px 1px rgba(0,255,0,1));
}
.TIF {
}
.TIF_SIG {
}
.TIFF {
}

/*-------------------------------------------------FILE GROUP STYLING--------------------------------------*/

.text-tag {
    background: grey;
    padding: 1em 3em;
    color: white;
    margin: 0.5em;
    font-size: small;
    border-radius: 1em;
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.1);
    display: inline-block;
}

.text-tags-container {
    text-align: center;
    margin-top: 3em;
    margin-bottom: 2em;
    max-height: 56vh;
    overflow-y: auto;
}

.text-tag:hover {
    filter: brightness(120%);
    cursor: pointer;
    box-shadow: -1px 7px 4px 1px rgba(0,0,0,0.2);
}

.text-tag:active {
    filter: brightness(130%);
    cursor:pointer;
}

.flex-center {
    display: flex;
    justify-content: center;
}
.textbox-button input[type="text"] {
    background: #b7b7b7;
    color: #1a1a1a;
    padding: 0.5em;
    font-weight: bold;
    padding: 0.5em;
    border-radius: 0.5em 0em 0em 0.5em;
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.1);
}
.textbox-button button {
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    border: none;
    border-radius: 0em 0.5em 0.5em 0em;
    padding: 0em 2em;
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.1);
}

.textbox-button input::-webkit-input-placeholder {
    color: rgba(0,0,0,1);
    font-style: italic;
}

.textbox-button input::-moz-placeholder {
    color: rgba(0,0,0,1);
    font-style: italic;
}

.textbox-button input::-ms-placeholder {
    color: rgba(0,0,0,1);
    font-style: italic;
}

.textbox-button input::placeholder {
    color: rgba(0,0,0,1);
    font-style: italic;
}

.textbox-button button:active {
    filter:brightness(120%);
}