.externalsite {
    color: red;
}

.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px;
}

.nopad td, .nopad th{
    padding:0px;
}
.wpypicd {

}

.wpypic {
    width:100%;
}

.wpyinfo {

}

a.disabled {
  pointer-events: none;
  cursor: default;
}

.prevnext{
    margin: 0px 10px 0px 10px;
    display:inline;
    overflow:hidden;
}

.prevnext a{
    padding:5px 14px;
    border: 1px solid #ddd;
    border-radius:1em;
    background-color:white;
}

.prevnext a:hover{
    background-color: #f1f1f1;
}

.demotool{
    padding-right:5px;
}

.wpyrow{
    padding: 5px;
    border: 1px solid white;
}

.dircolor{
    color:#8e1414;
}

.filecolor{
    color:#2f506f;
}
.reportbutton{
    padding: 5px;
    width:100%;
}

.leftlinks{
    text-align:left;
}

.rightlinks{
    text-align:right;
}

.required{
    color:red;
}

div .select2-container--default .select2-selection--multiple .select2-selection__choice{
    color:black;
}

/* for loading icon */

.loading {
  -webkit-animation:fadein 0.2s;
     -moz-animation:fadein 0.2s;
       -o-animation:fadein 0.2s;
          animation:fadein 0.2s;
}
@-moz-keyframes fadein {
  from {opacity:0}
  to {opacity:1}
}
@-webkit-keyframes fadein {
  from {opacity:0}
  to {opacity:1}
}
@-o-keyframes fadein {
  from {opacity:0}
  to {opacity:1}
}
@keyframes fadein {
  from {opacity:0}
  to {opacity:1}
}

.fullscreen {
  min-width:100%;
  min-height:100%;
  height:100%;
  top:0;
  left:0;
  background:rgba(0, 0, 0, 0.59);
  position:absolute;
  z-index:275;
}

.spinner-wrapper {
  position:absolute;
  text-align:center;
  z-index:300;

  width: 50%;
  height: 50%;

  left:0; right:0;
  top:0; bottom:0;
  margin:auto;

  /*this to solve "the content will not be cut when the window is smaller than the content": */
  max-width:100%;
  max-height:100%;
  overflow:auto;
}

.spinner-text {
    font-size:42px;
    font-family:Arial;
    color:white;
    letter-spacing:1px;
    font-weight:300;
    margin:0 auto;
    display:block;
}
.spinner {
  margin:0 auto;
  display:block;

  border:25px solid white;
  width:25px;
  height:1px;
  border-left-color:transparent;
  border-right-color:transparent;
  -webkit-border-radius:50px;
     -moz-border-radius:50px;
          border-radius:50px;
  -webkit-animation:spin 1.5s infinite;
     -moz-animation:spin 1.5s infinite;
          animation:spin 1.5s infinite;
}

@-webkit-keyframes spin {
  0%,100% {-webkit-transform:rotate(0deg) scale(1)}
  50%     {-webkit-transform:rotate(720deg) scale(0.6)}
}

@-moz-keyframes spin  {
  0%,100% {-moz-transform:rotate(0deg) scale(1)}
  50%     {-moz-transform:rotate(720deg) scale(0.6)}
}
@-o-keyframes spin  {
  0%,100% {-o-transform:rotate(0deg) scale(1)}
  50%     {-o-transform:rotate(720deg) scale(0.6)}
}
@keyframes spin  {
  0%,100% {transform:rotate(0deg) scale(1)}
  50%     {transform:rotate(720deg) scale(0.6)}
}