body {
  background: #edeff0;
  color: #525a64;
  font-size: 14px;
  line-height: 18px;
  -webkit-font-smoothing: antialiased;
}
.top {
  width: 100%;
  height: 51px;
  background: #fff;
  background: rgba(255,255,255,.97);
  box-shadow: 1px 1px 2px #ccc;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
}
.top .logo {
  display: inline-block;
  margin: 0;
  width: 170px;
  height: 50px;
  text-indent: -5000px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNzAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE3MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0QjFCNjc7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03MC43LDIyLjljLTAuNC0wLjItMC44LTAuMy0xLjMtMC4zcy0wLjksMC4xLTEuMywwLjNjLTAuNCwwLjItMC43LDAuNS0wLjksMC45Yy0wLjIsMC40LTAuMywwLjktMC4zLDEuNAoJCWMwLDAuNSwwLjEsMSwwLjMsMS40YzAuMiwwLjQsMC41LDAuNywwLjksMC45czAuOCwwLjMsMS4zLDAuM2MwLjUsMCwwLjktMC4xLDEuMy0wLjNjMC40LTAuMiwwLjctMC41LDAuOS0wLjkKCQljMC4yLTAuNCwwLjMtMC45LDAuMy0xLjRzLTAuMS0xLTAuMy0xLjRDNzEuNCwyMy40LDcxLjEsMjMuMSw3MC43LDIyLjl6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDIuNiwyMC45aDEuOGwwLDBsNC4xLDVWMTNIMTBWMzdoMzIuNlYyMC45eiBNMjUuMywyOS44bDAtNWwtMi45LDMuNWwtMi45LTMuNHY0LjloLTIuMXYtOWgxLjhsMy4yLDMuOQoJCWwzLjItMy45aDEuOGwwLDlMMjUuMywyOS44TDI1LjMsMjkuOHogTTM4LjcsMjQuNHYxLjhoLTQuOFYyOGg0Ljh2MS45aC03di05aDd2MS45aC00Ljh2MS43TDM4LjcsMjQuNEwzOC43LDI0LjR6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTAuOCwxM3YxNi45SDQ5bC00LjItNS4xVjM3aDM2LjhWMTNINTAuOHogTTYxLjgsMjkuOGgtNi42di05aDIuMlYyOGg0LjRMNjEuOCwyOS44TDYxLjgsMjkuOHogTTczLjYsMjcuNgoJCWMtMC40LDAuNy0xLDEuMy0xLjgsMS43Yy0wLjcsMC40LTEuNiwwLjYtMi41LDAuNmMtMC45LDAtMS44LTAuMi0yLjUtMC42Yy0wLjctMC40LTEuMy0xLTEuOC0xLjdzLTAuNi0xLjUtMC42LTIuNAoJCWMwLTAuOSwwLjItMS43LDAuNi0yLjRjMC40LTAuNywxLTEuMywxLjgtMS43YzAuNy0wLjQsMS42LTAuNiwyLjUtMC42YzAuOSwwLDEuOCwwLjIsMi41LDAuNmMwLjcsMC40LDEuMywxLDEuOCwxLjcKCQlzMC42LDEuNSwwLjYsMi40Qzc0LjIsMjYuMSw3NCwyNi45LDczLjYsMjcuNnoiLz4KPC9nPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05My42LDI0LjZjLTAuNS0wLjItMC45LTAuMy0xLjQtMC40Yy0wLjQtMC4xLTAuOC0wLjItMS4yLTAuNGMtMC4yLTAuMS0wLjQtMC4zLTAuNC0wLjUKCQljMC0wLjIsMC4xLTAuNCwwLjMtMC42YzAuMy0wLjIsMC43LTAuMywxLjEtMC4yYzAuNywwLDEuNCwwLjIsMi4xLDAuNmwwLjEsMGwwLjYtMS41bC0wLjEsMGMtMC40LTAuMi0wLjgtMC40LTEuMi0wLjUKCQlDOTMsMjEsOTIuNSwyMSw5MiwyMWwwLDBjLTAuNiwwLTEuMiwwLjEtMS44LDAuM2MtMC40LDAuMi0wLjgsMC41LTEuMSwwLjljLTAuMiwwLjQtMC40LDAuOC0wLjQsMS4yYzAsMC41LDAuMSwwLjksMC40LDEuMwoJCWMwLjMsMC4zLDAuNiwwLjUsMSwwLjdjMC41LDAuMiwwLjksMC4zLDEuNCwwLjRjMC40LDAuMSwwLjcsMC4yLDAuOSwwLjJjMC4yLDAuMSwwLjQsMC4yLDAuNSwwLjNjMC4xLDAuMSwwLjIsMC4yLDAuMiwwLjQKCQljMCwwLjItMC4xLDAuNC0wLjMsMC41Yy0wLjMsMC4yLTAuNywwLjItMS4xLDAuMmMtMC40LDAtMC45LTAuMS0xLjMtMC4yYy0wLjQtMC4xLTAuOC0wLjMtMS4xLTAuNmwtMC4xLTAuMWwtMC43LDEuNWwwLjEsMAoJCWMwLjQsMC4zLDAuOSwwLjUsMS40LDAuN2MwLjYsMC4yLDEuMSwwLjIsMS43LDAuMmMwLDAsMCwwLDAsMGMwLDAsMC4xLDAsMC4xLDBjMC42LDAsMS4xLTAuMSwxLjctMC4zYzAuNC0wLjIsMC44LTAuNSwxLjEtMC45CgkJYzAuMy0wLjQsMC40LTAuOCwwLjQtMS4yYzAtMC41LTAuMS0wLjktMC40LTEuM0M5NC40LDI1LDk0LDI0LjgsOTMuNiwyNC42eiIvPgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxMDAuMiwyNS43IDEwNC4yLDI1LjcgMTA0LjIsMjQuMiAxMDAuMiwyNC4yIDEwMC4yLDIyLjcgMTA0LjMsMjIuNyAxMDQuMywyMS4xIDk4LjMsMjEuMSA5OC4zLDI4LjkgCgkJMTA0LjMsMjguOSAxMDQuMywyNy4zIDEwMC4yLDI3LjMgCSIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExMC4zLDIyLjljMC40LTAuMiwwLjgtMC4zLDEuMi0wLjNjMC43LDAsMS40LDAuMywxLjksMC45bDAuMSwwLjFsMS4yLTEuMWwwLTAuMWMtMC40LTAuNC0wLjgtMC44LTEuNC0xCgkJYy0wLjYtMC4yLTEuMi0wLjQtMS44LTAuNGMtMC44LDAtMS41LDAuMi0yLjEsMC41Yy0wLjYsMC4zLTEuMSwwLjgtMS41LDEuNGMtMC43LDEuMy0wLjcsMi44LDAsNC4xYzAuNCwwLjYsMC45LDEuMSwxLjUsMS40bDAsMAoJCWMwLjYsMC4zLDEuNCwwLjUsMi4xLDAuNWMwLDAsMC4xLDAsMC4xLDBjMC42LDAsMS4yLTAuMSwxLjgtMC40YzAuNS0wLjIsMS0wLjYsMS40LTFsMC0wLjFsLTEuMi0xLjFsLTAuMSwwLjEKCQljLTAuNSwwLjYtMS4xLDAuOS0xLjksMC45Yy0wLjQsMC0wLjktMC4xLTEuMi0wLjNjLTAuNC0wLjItMC42LTAuNS0wLjgtMC44Yy0wLjQtMC44LTAuNC0xLjcsMC0yLjUKCQlDMTA5LjcsMjMuNCwxMTAsMjMuMSwxMTAuMywyMi45eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyMi45LDI1LjRjMCwwLjUtMC4xLDEuMS0wLjQsMS41Yy0wLjMsMC4zLTAuOCwwLjUtMS4yLDAuNWwwLDBjLTAuNSwwLTAuOS0wLjItMS4yLTAuNQoJCWMtMC4zLTAuMy0wLjQtMC44LTAuNC0xLjV2LTQuM2gtMS45djQuM2MwLDEuMSwwLjMsMiwwLjksMi42bDAuMSwwLjF2MGMwLjcsMC41LDEuNiwwLjgsMi41LDAuOGMwLjksMCwxLjgtMC4zLDIuNi0wLjkKCQljMC42LTAuNiwwLjktMS41LDAuOS0yLjZ2LTQuM2gtMS45TDEyMi45LDI1LjR6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTM1LjEsMjVjMC4zLTAuNywwLjMtMS40LDAtMi4xYy0wLjMtMC43LTAuOC0xLjItMS40LTEuNWMtMC42LTAuMi0xLjItMC40LTEuOC0wLjNoLTMuNHY3LjhoMS45di0yLjFoMS41CgkJbDEuNSwyLjFoMi4xbC0xLjctMi41QzEzNC40LDI2LjEsMTM0LjksMjUuNiwxMzUuMSwyNXogTTEzMywyNC45Yy0wLjMsMC4yLTAuNywwLjQtMS4yLDAuM2gtMS40di0yLjVoMS40YzAuNCwwLDAuOCwwLjEsMS4xLDAuMwoJCWwwLDBDMTMzLjUsMjMuNiwxMzMuNSwyNC40LDEzMywyNC45eiIvPgoJPHJlY3QgeD0iMTM4LjciIHk9IjIxLjEiIGNsYXNzPSJzdDAiIHdpZHRoPSIxLjkiIGhlaWdodD0iNy44Ii8+Cgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE0My42LDIyLjcgMTQ2LDIyLjcgMTQ2LDI4LjkgMTQ3LjksMjguOSAxNDcuOSwyMi43IDE1MC40LDIyLjcgMTUwLjQsMjEuMSAxNDMuNiwyMS4xIAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTU4LjEsMjEuMSAxNTYuMSwyNC40IDE1NC4xLDIxLjIgMTU0LjEsMjEuMSAxNTIuMSwyMS4xIDE1NS4xLDI2LjEgMTU1LjEsMjguOSAxNTcsMjguOSAxNTcsMjYuMSAKCQkxNjAsMjEuMSAJIi8+CjwvZz4KPC9zdmc+Cg==");
  background-size: auto 50px;
  vertical-align: top;
}
.top .heading {
  display: inline-block;
  margin: 12px 0 0 5px;
  padding-left: 13px;
  border-left: #c2c7d0 1px solid;
  font-size: 15px;
  font-weight: 600;
  line-height: 25px;
  vertical-align: top;
}
.container {
  padding-top: 80px;
}
.intro {
   margin: 10px 25px 25px;
   font-weight: 500;
}
.panel {
  /* height: 300px; */
  margin: 0 auto 20px;
  padding: 20px 25px;
  border: 1px solid #ddd;
  border-radius: 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.panel-high {
   height: 340px;
}

h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
   .top .heading {
      font-size: 13px;
   }
   .panel {
      height: auto;
   }
   .panel-high {
      height: 380px;
   }
}
.info {
  background: #fcfcfc;
  margin: 10px 0 0;
  padding: 10px 20px 20px;
  border-top: #eee 1px solid;
  text-align: left;
}
a {
  color: #2d95bf;
}
a:hover {
  color: #2d95bf;
}
.nav-link {
  color: #2d95bf;
}

hr {
  margin-top: 15px;
  margin-bottom: 15px;
}
h4 {
  font-size: 16px;
}
p {
  margin: 0 0 5px;
}
.error {
  color: red;
  font-weight: bold;
}
.btn-default {
   background: none !important;
   border: #2d95bf 1px solid;
   border-radius: 2px;
   color: #2d95bf;
   font-weight: 600;
   box-shadow: none;
}
.btn-default:hover, .btn-default:active, .btn-default:focus {
   background: rgba(45,149,191,.05) !important;
   border: #2d95bf 1px solid;
   color: #2d95bf;
   font-weight: 600;
   box-shadow: none;
   text-shadow: none;
}
.progress {
   background: #f5f5f5;
   border: #e5e5e5 1px solid;
   box-shadow: none;
}
.file {
   margin: 10px 0;
   padding: 0;
}
.file input {
   display: none;
}
.file .filename {
   display: inline-block;
   width: 200px;
   max-width: 35vw;
   height: 30px;
   margin-right: -4px;
   padding: 0 5px;
   line-height: 30px;
   font-size: 12px;
   color: #777;
   font-weight: 400;
   border: #c2c7d0 1px solid;
   border-right: none;
   vertical-align: top;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.file .btn {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   background: #f5f5f5 !important;
   border: #c2c7d0 1px solid;
   color: #444;
   vertical-align: top;
}
.file .btn:hover {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   background: #f5f5f5 !important;
   border: #c2c7d0 1px solid;
   color: #444;
}
.upload-list {
   max-height: 180px;
   background: #f5f5f5;
   overflow: auto;
   box-shadow: rgba(0,0,0,.2) 0 0 1px inset;
   border-radius: 2px;
}
.upload-list-full {
   max-height: 100%;
   background: none;
   overflow: visible;
   box-shadow: none;
   border-radius: 0;
}
.upload-list a {
   display: block;
   margin: 5px 10px;
   white-space: nowrap;
   cursor: pointer;
}
.upload-list a:before {
   display: inline-block;
   margin-right: 5px;
   vertical-align: baseline;
   font-family: 'Glyphicons Halflings';
   content: "\e025";
}
.message {
   max-height: auto;
   margin: 10px;
   background: #d6ecf5;
   box-shadow: none;
   border-radius: 4px;
}
.message span {
   margin: 5px 10px;
}
.message span:before {
   display: inline-block;
   margin-right: 5px;
   vertical-align: bottom;
   font-family: 'Glyphicons Halflings';
   content: "\e086";
}


.card-body {
  padding-bottom: 25px;
}


.headingdiv {
    display: flex;
}
.headingdiv button {
    margin: unset;
    margin-left: auto;
    border: none;
}

.instructions {
  margin-top: 5px;
  margin-bottom: 5px;
}

.panel-footer {
    // text-align: center
}

.required-help {
  color: #f78e13;
  font-size: 11px;
  display: none;
}

.checksum {
  //color: #f78e13;
  font-size: 11px;
}

.filesize {
  //color: #f78e13;
  font-size: 13px;
}

.formats {
  //color: #f78e13;
  margin-left: 20px;
  font-size: 13px;
}


.support > span {
  line-height: 24px;
  vertical-align: middle;
}

.support > input {
  font-weight: normal;
}

#support-ticket {
  font-weight: initial;
}

#status-message {
  margin: 0;
  margin-top: 10px;
}

.alert {
  margin: 0;
  padding: 8px;
}

.menloSignIn div {
    display: flex;
}
 button {
    margin: auto;
    background: #6f4fc8;
    color: #fff;
}

button:hover {
    background-color: #4B1B67;
    color: #fff;
}

.btn-menlo {
    margin: auto;
    background: #6f4fc8;
    color: #fff;
}
.btn-menlo:hover {
    background-color: #4B1B67;
    color: #fff;
}

.bs-callout-danger small {
    color: #d9534f;
}

/*
 * Material Design


input {
  margin: 40px 25px;
  width: 200px;
  display: block;
  border: none;
  padding: 10px 0;
  border-bottom: solid 1px #1abc9c;
  -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #1abc9c 4%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #1abc9c 4%);
  background-position: -200px 0;
  background-size: 200px 100%;
  background-repeat: no-repeat;
  color: #0e6252;
}

input:focus, input:valid {
 box-shadow: none;
 outline: none;
 background-position: 0 0;
}

input::-webkit-input-placeholder {
 font-family: 'roboto', sans-serif;
 -webkit-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}

input:focus::-webkit-input-placeholder, input:valid::-webkit-input-placeholder {
 color: #1abc9c;
 font-size: 11px;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
 visibility: visible !important;
}

*/

/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

/* Common styles for all types */
.bs-callout {
  background: white;
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #ddd;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}

/* Tighten up space between multiple callouts */
.bs-callout + .bs-callout {
  margin-top: -5px;
}

/* Variations */
.bs-callout-danger {
  border-left-color: #ce4844;
}
.bs-callout-danger h4 {
  color: #ce4844;
}
.bs-callout-warning {
  border-left-color: #f7911a;
}
.bs-callout-warning h4 {
  color: #aa6708;
}
.bs-callout-info {
  //border-left-color: #2d95bf;
  border-left-color: #525a64;
}
.bs-callout-info h4 {
  color: #525a64;
}

#msipplaceholder {
    display: flex;
}
#msipplaceholder svg {
    margin: auto;
}

#mpaplaceholder {
    display: flex;
}
#mpaplaceholder svg {
    margin: auto;
}

#allplaceholder {
    display: flex;
}
#allplaceholder svg {
    margin: auto;
}

svg {
  width: 3.75em;
  transform-origin: center;
  animation: rotate 2s linear infinite;
}

circle {
  fill: none;
  stroke: #4B1B67;
  stroke-width: 2;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

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

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dashoffset: -125px;
  }
}