body {
  background-color: #eef4fd;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px
}

textarea {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #212121;
  border: 1px solid #bababa;
  background-color: rgba(255,255,255,.8);
}

body, input {
  color: #333333;
}

  body.timeout {
    background-color: #ffffff;
  }

table {
  padding: 2px;
  border-style: none;
  border-width: 0px;
}

th {
  font-size: 0.8em;
}

tbody th {
  font-size: 14px;
}

a {
  color: #3c8dbc;
}

a:hover, a:active, a:focus {
  color: #288eca;
  cursor: pointer;
  outline: none;
}

select {
  -webkit-appearance: none; /*Removes default chrome and safari style*/
  -moz-appearance: none; /*Removes default style Firefox*/
  background: url(images/dropdown-arrow.png) no-repeat right #f5f5f5;
  background-size: 20px;
  border: solid 1px #ccc;
  font-weight: bold;
  height: 32px;
  padding: 0 25px 0 10px;
}

  select[multiple] {
    height: auto;
  }

  /*removes dropdown arrow in IE*/
  select::-ms-expand {
    display: none;
  }

  select:hover {
    border-color: #004164 !important;
  }

  select optgroup {
    color: #f08c00;
  }

  select option {
    color: #555;
  }

.dropdown-toggle,
.dropdown-menu {
  color: #596064;
  font-size: 14px;
  margin-left: 0;
}

  .dropdown-toggle:hover {
    border-color: #596064;
    color: #596064;
  }

.dropdown-item {
  color: #596064;
}

.btn-block.dropdown-toggle::after {
  float: right;
  margin-top: 8px;
}

.paged-list .dropdown-toggle {
  white-space: normal;
}

.paged-list-container .dropdown-menu label {
  font-weight: normal;
}

.modal .dropdown-toggle {
  border: 1px solid rgb(210, 214, 222);
  border-radius: 0;
}

.paged-list .table-responsive {
  min-height: 500px; /* Give enough space for the menu dropdown */
}

.paged-list .table-responsive.sticky-container{
    overflow-x: unset; /* necessary for sticky headers */
}

input[type=checkbox] {
  height: 20px;
  width: 20px;
  box-sizing: content-box;
  -webkit-appearance: none; /*Removes default chrome and safari style*/
  -moz-appearance: none; /*Removes default style Firefox*/
  border: solid 1px #aaa;
  border-radius: 0px;
  background-color: #f5f5f5;
}

/*override IE checkbox default style*/
::-ms-check {
  height: 18px;
  width: 18px;
  border: solid 1px #aaa;
  border-radius: 0px;
  background-color: #f5f5f5;
}

  ::-ms-check:checked {
    background: #f5f5f5 url(images/tick.png) no-repeat center;
    background-size: auto 15px;
  }

input[type=checkbox]:checked {
  background: #f5f5f5 url(images/tick.png) no-repeat center;
  background-size: auto 15px;
}

input[type=checkbox]:hover {
  border-color: #004164 !important;
}

/*
  Designed by Jack Cai : http://www.doublejdesign.co.uk/
*/
div.lockedObject, div.locked-object {
  position: absolute;
  width: 128px;
  height: 128px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAjLElEQVR42u19a5RcV3Xmt++rHt0tdUu29ZYtWZJlycKysZ2YTDABQ4jNGBwbsiBhJglMEpJJMrNmkln+M2smDCyctTAwxjYTYhziARKhhhlm1oAx2A5gYxNsLKnVUustWY9uqd9dXY977zl7ftxHnfuqqpZaUrVcZ63qvnXr3HMfe5/9+Pbe5wKd1mmd1mmd1mmd1mmd1mmd1mmd1mmd9mZp9Ga++b/8y/9EAIOZIYTEI498ljsMcAW1T37yv1EunyMCiEgjIVwaGxsjIiIQkX//BGZIZmYpWUrJQkhesqRP2rbNrivYcWyuVKt44vHHucMAbdw+9elPUz6fp3wuT6Oj5/TpmRl9ZmZGn5meNmzbNnRdNzRNMwEYRGQA0IJnwMyCmV0ppSuldAEIAG4+nxeWZbldXV3CsixhGIasVCpcrVb5y1/+MncYoA3af3/0Ua1UKunl2Vn92LFjZrVatSzLKq5ff/0NV1999ZY1a9duzOWstcuWLV+2ePHiJbqud5Om5cEcEB+u687Yjj07MT4+OT4+MTJbKh0/dPjQwYmJiaGTJ0+ekEJUAdQA1PL5vNPb2+eQRoKllI899pjsMMAlbp/97CNkWqY2MjxsjIyMWKVSqbhu3bqtN23bdtf69df/ixUrVtyqG0YPmLWAyADA3pfwv/8MIjPZ2+3tkpKlbddGjx8/9vrQ/v0vHThw8OWRkeHjzDxLRJVisVgtFAqOaVmiUi7LJ598kjsMcBHb5z73OZJS6keOHDEnJibyK1eu2nTrW2/9lze/5eYPLO7t3QDACgjuE5nYp76yT/1PYGYQeZQnij8UYs9SBANwHacyMjKy9xevvfa93Xt2Pz89NXWSmWdyuVw5n8/X8vmCW6mU5VNPPcUdBpjH9sgjnyPTNLWjR49YZ8+e7dq8efMdb3/7XR+/bt26dxqGsYiZUwkMgNhrSGUC/3fle5QRPGORFdEQHj87Wx7du3fPsz996ac7h4fPDDHzpGVZs93d3VUizfmbv/kfssMA89C++Nhj2vj4uHno4MHi+vXrb333e97z79etW//uYLZHRLxKYGVfAwkQ/o/09/f5TAAC1Z8Wc0RV2I4zs2f3rmeef+65p8fHxw8CmDAMo9SzaFHNdV33qa98hTsMcB7t85//PJGm6bt37crlcrlV9933/v+47S1v+W1N0woK4RuK+LlKAJX4oYrwJz2BQMoTC46HP3q1Upn88Y9/9D9fevHFnbZtnwIw2dXdPWuapvPk3/6t6DDA3GY9jY2OmocOHSrccccvve/e973vU8VicS35FAhFfhYD1AlO3j9OGHis2ACsjBlngPDg4KFF7YT6+f1jTp8+Pfid//2/Pnvy5MnXiOicaZrTxWKxatu2ePrpp9tKGujtSPwvfelL2rlz56xjx45d9aHf+q2/etfdd38yn8/3aRql8SxFxLyUEbHvEyiF+OHBFBmIKHOSxFWEYiQG1AcD6Onuufrm7dvfY9dscerUqTOu60rbtmWhUJDbtm2Tu3bt6jBAVnv88ce1gYGBXKVS2fgHf/hHT964+cYHDMPQNCIkp04oASDrEgExgkUZJMkEpMrzFEZIcAQr6iJgoDgTaKSZGzZsuKO3t3f5saNHjziOYzuO4+byeblt2za5e/fuDgMkif+EPjAwkO/t7bv1Yx//+FdXrlhxm2EaREQAqzRiSCkhpQwZgCPGmcoEIFXkq6La3yakMEeg/NP8QtVTYPiGQRrOAKLly5dvWrly1YbDhw8drtVqNce2XV3Xxc033yzagQnahgEef+IJbc+e3fmlS5e+9fd+/2NPL1myZINhGqBQ6SOcdUJICCHCGZ5K2DoxKUUqRI3E9OOCbUpFi/zv4fWluImBlunr61u1ctWqTQcPHjho23bFdV3HMAx327Ztcs+ePR0GeOyxx7WBPXty3d3d2/7NH/zhP/T2Ll5rGobvggci3NPvQrgQQkLW9XATAsZUQIJQnoTIHEOREKlWNEWNhlQGY6C3d/HyVatXbxoa2r/Pdd2K67q2aVnu1q1b5cDAwJuXAR599Is0NjZqTU5Orv2zP/vz/r6+vnWmaZJGnsXHHghHUghyXJeEEOQTpW4R+tu+uI9v+2oA/nHqtvp75hhQj/OtAwJ5LWAC/wsx18fwj0OwvXhx7/Jly5Zdt3fvwG4ANeG6tmVZ7ubNm3nv3r1vPgZ45JFHiFma+4eGrvqTP/m3T61YseIW0zKhkRaYeGBmcl2XHccJdH6aiOcmIp6biPjQkYsbc5HxU0S8zwRMUPmRoYxHIZDMQN+SvpWWles+cuTwQWauSSlruVxO7N69+7KghtrlZABm6Lt27Sred999f7F27dq7LMsKiR88SNd14Tg2hBQR6zugqUqbNCTPd/Cjx2Vth32VbQ6NjyRQlPZANQ2euxqM4Z9FYbzb77jj3q1bb/oNACuZude2bevDH/7wZaGFcdlQvi98QRvavz+3ZevWX7/zzrf9Uc6yoGla+LAC4tu2AyEksly5tP3qLJaS5exsqTo6Ojpx6tSp0YmJ8YmZmZnparVaIS/mDwDo7u4udHV3L7pq6VVLlq9Ysayvr68vl8vl01y8mIRAzAyApulgAMIVEUYLjQ4i7V3vfvfvnD596vDExERFSlnTdV188IMftL/5zW/yFc8An3n4YRobHTOElCs/8IH7P1nI53OGoYe2FiMgvq1a+2jszyuSAIzpqanZPXv2HN03uPfwqVOnT1Yq5XEAswDKAKoAbAAuUSjhNf955AAUent7r1q9Zu36rVu2bL1+48ZNuVwun8oEzABp8EyWOkMYugGWDCHcBGMyGF1dXX3vfNfdH/32t/pPCyFKjuPUDMMQANwrngFMw9QOHBgqfPRf/es/XbKkb6NpmfVwLANCSNRsG64rEgGdJBOgLm7BGBkZmXzhhedf3zswMFir1c4R0RgzTwKYAlACUIGX2OHAkwCsqEMdXoApNzk52TU5Ofna3oE9z/b09Ky65dZb33bn237l7flcvivKBACzDMW/qgpM0/BVl0yVIBs2bLxl06Yb3rFv3+A4M5eYufahD31I7Nixg69YBnj44YdpeHjY3LBx483bt2//3VwuB420UKBKlrDtGhzHSY3mxZkg2C6VZqs/ePb7r73yysuvSinPABgGcA7AhE/8YOY7/iwTKa59wASGzwgFAF3T09NH/umFFwZ/9sorz7zjHb9231tvu+1XdV031RkN6ccIiEIpYJqmz8y1iB0QMgFBu+sd7/jNI0eOvF6rVSdd1y2bpun613hlegH33HOPvnfvQPdHPvyRz6xaveotuVwuAPrAzLBrNirVqgrrUjNxf2Bo6PTff/Xvvnvw4IGfM/MBAAcBHAFwkoiGAYwDmPZVQCABbAA2ETn+Aw8+ts8oVQCzRFTyj51yXXfi8OFD+44fP35i9eq1G4qFYjeDKbBZiAikeUygaRp0XYemaeQ4Llhy3WpQDMNcPt9dLpcrp0+dOgxgBkB169atYnBwkK84CfCpT3+aTp0+bW7ctGn7ho0b35vL5UgjCiJ2EEKgWqtF3D3/iVGaISalkC+99OL+7z/zzI9s2z5ERMcAvOHP/Gmf2A4RCQC8c+fOZg9V/d198MEHCUCNiMo+caYATJw4fnz877/61PH7f/OBP7722uu2BdcnhPCIb2hhGME0TZiWSaIiFDibI9D2bbff/q5dr//iecdxzjLztKbrNgB5xUmAe++5V9+/f1/x/e//wEPXXrv21lwuFwRTWDKjWq2iWq3FgzqJcGsg9n/w7LO7nn32+y84jjMEYMif9ad9sV8GYPf394vBwUEeHByc8/UODg7CP1Zs2bLFJSIbQJWZy7ZtTx84MLRv2fLl1/X19a1QbP1g5kPTCLquExGx7eMYcSYAQJZlFaamp6aGh4ePAJghoLJlyxb3fK65rXGAmZlpfdGiRctuuumm+z2fn0JR7rpugvhqmlfUt2e88srLQ88998MfSSmHAOwHcNgn/iSASn9/v9Pf3z9vYnTnzp2SmR1N00q6ro8R0RuVSmXgW/39f33mzJkDAWYghIAQ0dwPy7JgWVbo4cAHinygCwxg+/ZbfpWIlgHoZeY8QJdkcl4yBvjMww9rJ0+etH75zjvvz+dy3YZhKHKXPX/ft/oDUIdjqFvABEePHh35P9/5zvPMfNjX98cAnPXFtN3f339RxOfOnTt5x44dAkBV1/UpAGdqter+b3/7W5+pVCoTgS0ghIDk+iXouo58LgciLSR8nQm8+7v6mmVrr7lm2SYAS5i5CLDxwAMP0BXDABppWqlUKm67adt96uwHACkk7FoNkmUClUMsS6dcLtd2fnPH867rHgFwCMBxX+fPzvesz2o7duyQzFwzTXMawJnxsbHXn3nme49LKQUzwxUupJARXMCyLBi6Hpn94f352zdu2fLLAK4C0APAigeaFiwDPPTQQzQ+PqYvX75izYqVK9/qh3nD3x3HgeO6SahX8fUDqfDDH/zgF2NjY4f8Wf8GgFHfur+kAMqOHTuYGY5lWTMARvYNDv6/w4cPvcQe+gjXdSNBRMM0YFpmPX0kUAGoM8S69eu3GIZxDYBFPiClXREMUCx20dmzZ83rN1x/l2kalqHX1ZuUErbj1BG/GIYfom1gjJ47N/Xqqz9/3Sf8SZX4l2Lmx9s//uM/SIBswzCmpZRnfvKTHz/pOE45gLGlVNSApiFnWSA/ulyHvBFKhd7evqv7+vrWAFjMzAUAhu+JLGwG0HWNqtWauXnzjb9iGiZICfgIKeHYtjL7owEZVSq89OKLA9Vq9ZRv7J3zdb5zOYgftK9//WvSsqwakTY9fObMrqNHj7yIwBiUIqEGNE1LqAE1crlmzdrNvgQo+G76wmcAIaVmGPqiFStW3GwYRpBUSwBIuAKOEH6VrhpHZ6r7/0wzM6XKwMCefUQ0QkRniWiKiOydO3de9uIL13WFZZllAOO/ePW1fskspZQkXJdCQAAgwzBI1/Xw/pjDZBZvH5hWrlp1HREtIqLiFcMAo6Ojend397Kenp7Vuq6zn8TDzMyu60IKwWpD9C+YmQ8M7X+jVCoNM/M5Zp5g5gozu2iD9o1vfIMty3KJqHTq1MnXJibGj0jv3thXAwyAdV1n3dC9G0KYxQr1zpcuvWq5YRiLmbnIzNbFptFFZ4CHHnpIm5me0detW79J13VLDZgAgCtEmNEbjfEH216//fv3H/Eh3XE/qHNZRX+8OY4j8vl81bbtsRPHj/8Ufu6ieoGaRjB0PVR1oREYAkOM7u7uRblcbgmAIgBzwTOAaVmoVit6oVDYqAZLAqBHRhI9ELP+2ccIbPfYsaPHfYRv2sfp26rS5mtf+xpbluUCKL/xxomXGQwhRcQQJCLouh4Sm2NGIINhGIbVs2jREt8GsABoFxMPuOgMoGsaMbO+Zu3a6xLAuz9LVH84LSvn3Llzk7VabVIJ6DiXCiufS2Nmqet67Y0TJ/ZIIWvxmAYRwQPAqG74RaqZPCbo7e29WmWABS0BSrOzZNu23tPTsywefZWqBEhLx/Klwejo6ITrujM+8auXy+1rwdiV+XzecRxnolKtDNehTCi2YJTwcU+AGSgUir0+DmDCi9csXAmgeTJfN3SjLy27OnSHMmY/mDExPj4BL7JXbtfZDwCu48CycsJxnNLY2NgwJzkAoUUYUQNRJigUCt0+8Y0FLwH8lGxd07UlnJVfH/r7alFmXUdOTE6UoKRxpT7VNrEDDMOQUkqnVq2Opl9lNBikJqYGtlAul8vFGOCiSYCLng9QKs0QeVGQMG9aqaQKxD81SrysVasVPxQbpHG17cILxWKRiUg4rjvOfl2CSkCF5GpKG6mLUxQKhYK/iJWOZO3JwmKAarVGzKyF9dtAvNCGfGc4K/uWHMetMbNAehpX+5mCzBIMifoaExyT/3UvhxHmkNerDkhjZh2ATkRakDCzIBkgXFuBFS6P/FoXialp1/WnIv1PmzMA1eU8OLWekKEmvCiSoG4Ykj/7tYutpi9VShgpNTVJlQikJ01mKtG2lgApf2Isz4irgMg26mnqWlyFLFQGCKtk0h+XagUnZj8YC3Q9xjQO4CgTgBPVxEFlOl1s4l9SBojavKo8jGbGpFXeLEjaM2fegVqupphGsfu/+MS/xBIgQwSAY2BIspZuIXECR3k72w2MzHqOJotewhs2LtUDSVcDHMHC4+VTC434SWuPM6QgGhuBfAUxgOf3U2S9HqUKLASLWEmUTxiESBZgtrUfQMrKchFRTukiP7KKCSfud0HjAIiWbSdwAGZuggOAAL6ks2I+7pfrixJQxJxVi0pVHECRBKoUUCbPlWADNHpoGTjAAtMCHFNvnGEEptc5KjGQK0cFcEMmqMcAWsYBFhAjcDOJmGkHXFE2QKYEYHVKIFk8eemN4vljeOYM7IOz7ABl3xXIAJkSABxNk05jggVI/0boV2KZmQQT8JtEAqhE52wXcCEqgmwypuEAcSa4ElUAGszoFCMw2pcXEOG58exP4ABp6uAKkgBSSs+P9eQ8eYsk1d/W4huBFBX9iG5z3Rdud3dQuK7nunnXnYHnJ3GAWCzgkuEeF5UBfue3P0zqWr6sLMtet345sp5/Wv08In4xSNfalwGkqCk6njm6nH1kmfuACSKvpAk9IwUH0LUFggM8+td/7r+jDzRbsTEx7dCJMyUdgC6FDBd4DrJlw+9CKkagaht420qptQ5Av6rXMD750EdEsaAhZ/oLe0dELse0sLq8e1o/tU+jfmqMIsLEcFzCTEWn0Zlp736lpPg9E3mV0ELI6CooMdeP66nkGjPr+ZyjP/Snv8aWKRhMsF2Nq47Bn/vSs9wWDPDUF/+CpJT66/vOmZMztkmALpnJdiS5rsgxc1e1WtUq5TLKs7NwTBOSGXathkqlgkql0pABHMeB67oWERWJaNHwmGtMlqTQKG15f56D6ZD6/oE52B2RVckhJFHNcXUpZU+tVjMrVe/edE2DbRjQNEK5UkG1WoUUIgEaBds122bXdXUiyhNR92zVco+O9Lq6xsyAAEj0dlWdT/z+bzhPfOW78rIzQLXm6FMzzva33rT8bcycA9jgoLaPpS6FKC7rGeuxhIvaxAgczTMChBDIixlouq3Mvnp0MDCpbt/M125atvguXactmkYzGsHxUus5Y3ZzRM8mZ3MDidHyWBnShSVJ5tyKq3fdsBTDMGe6IKsmoBEkAblyGdfo02BN1tcG8KZ9OGaxb3xR7pYTt+sar9V1TOhEVVCYDeW8PLTyhyOTxTeKOXfmwQcfsHfuPP8FMS6YAT7zX/6YDh6ftO5+27Xvfe/br/0r70Zk8DBAkMSQDJ6Gt3qLRL2PBHWxv86eup/DbYLELaus24Blt6X1qY8fPJ/Y+B4Tcn0/x8f3f08e643PyvjRa6sfz5w89nR4/awe2y29T3A8Mzh+XyvlMtwo76+Pr9jFktwjw71TYzP5SrlmuETk4gKSZC+YAZhZO35qxpRS5MAiSUj1O3Pk4aY90CxCZh4bGT/t2LTx0/anjR/r18o1x++Xmt1bxvjhNSUEF0mmVfBWEgnWPzzvItkLtqfJy/bTpZQGWABB8i6nfCAAdmN93Gj/eJ/gN7hIju82Hj/4nnpsyvhIOa96fZExReyTco74c4BMvwekXE8K8T3hRcSMXnjLyJgA6EJqBy9YAkjJXuI6SyIISptBnvZLmSl1MUjxfXExnTrj4+MjXTIQS0o7r6pGGkmfyPVxxvVxC9eXpUYi48dtTP+NhRGvmHJEFFQOX1DdwIUbgeHCTpKY3YQujejglIdc1+HpIr6uo9MJFNHBc7YRYuOr52hqI3DIXInxm95/XeXUry+EgKIvsOLgfQdK3IxBfq0AXWi+wDx4Aap8Eim6tIk+T3noc9fVDWyBLBvkfOwNvgjHqtCnWv/BysvMopgY0tHFyw0Esa/f4jebauS0+EBTjagGx3JMxLfCjGo/nuOxrRA7k8Ez8Ao1kyyAyyPzbH4h4nmUANKXAHMkRvC90Wy+EGI09RIaeAAtEXiOXkKIanJsxscJj/q7i7lpiLFNVEBo6aaJ2lYJ2SqRuIXxL6KbOWeJpELNhEjdaByjSqiDeZX6820EckwFzPOMbKQeWtLnc2SoeTuWM8Q9ZYp+jjOE2n/BqIAG7t78AzXnK+IZpTKjUmMQMbrzEnlLZLpxcxfxrev5ehCUmtgCbRsN5DAPniAo7cHX/eT0h0fgJn6y4sc3HT9JcM8PZ7iuxGsHDHz3Z104cbaIim2AIdGdq9Lm1TO455emcMMaBxpFCdvq+NE+UVcuTb8rs9nH01IIzlQ/WAlDzFfdwLwwgBf/lmAWfH5Yuu9nZxA36kdzk/GjfYLjp2eBL/QvwsCJq9DV1YNcVw65Hh2SJTm2za8eK+PFwSnce/tp/O6vj0HTmmH9adfHiVlPIOJEvFdJdIHq56fgAABFE4WiiTFthAMoNkBDEdpE187VqGuhX6XK+M9PLcVYeQWuunoxCoUCDN1bsFqyhOu6KBQKmM3l8X9/bmF6Fvh3Dwyfh55PEjCuxzku3hGkR7WiAmje8wXnzwiE9PFwnpvPj7naAq3aEV4fZom/+14PzpaWYenSPhSLXQgWq2aW0OAt3aaFaxgyntu9Cm9ZP413bp9qAUfIAnLS3Lo0Ijcw/MJthUHm2QjU5k0CMCcDIcgIjCAlkJMaFGphOx6ciY0/PAa8sGcJenp6UMgXoOt6NBtJyjADxzRMFPIFdHV34+vPXQPbkemBmnCbkVq+FHutMfv/k/58ioWvWv1ctxWiVUbURhIgTQU0EtOtWNgX4iXEzvvSQBc0vQv5XN4jvp+K5X1kJEePwdB1HblcDqdHFuPIGQM3rrFTJECGuI9JgDqQkyIZMmd/cj+nuYPtwwBIcQMVYtAcgKBMoOX8gaCDpyyYpgld1+plaDKDAXx1pms6dF3HgRM53LhmJjZ+nNiKDm/oz6fr9KQEoRgDxfu0Kw7AnA4E8QWici1j9en7qzaFadoRggeJqcpraSRL5bU1gO3696S8/6f5bKXk6qCZaqIRA2XM+naEgj3jSSKZD9BKvJ19Pz+bKTw/PJvgjca3DAeu65JwXQjNW6jZkwBSlQYUMoCQEMKFEAKm7vrnV/zwdH+eFJ8/0ceL51MDxgmKHqguA5Q+pE77tsUB4OMArcbzVT9e9fNj/cJ4e8asb5YPsGnVLP38cJVt24ahG/6E8yWBVOsSpPLGchu1Wg0bVpY9/uRY+m80WkfJQqZ6n3g8P2UWUz0pmBOzPoIDYP5xgHn0AmR66lSaZxCx4v1UrPPxADK3Zbh9543TcO0ZVMpl2I4N6S/hnvx4Wcp2rYZyuYxVfRPYuLIaT8dS3DGl8KdBn2jgJ2X2M9WNPKZYxI+SY8+zCrhwBuB4NDAr5y7D3eMsQrqN8+e4kZtZ77diaRV3bz+N6ZlpVMrl8GVO0aINAekTf3a2hNnSND76rpOwTKkQkCKuWejWqf8RIyBTBnMobh2n6XqFGdTzX4SI4Dy7gfMUPWsla7bFfAMNEh977xnsO17E2WkNRARvLea6NxCggbPlMqanp/Ce7Sdw9y1TqW5dY12eFrGLIn3cMCrY2K28GEagNq8M0LKIdlPAmwaSgRuAMc2AJggUcw4+/XsHsHnZUZRKM3BdJzr7pYRt25gtTeK+Ow7hPzx4Mqw44mC2MjVF+iLiPlJDQrGqMkqVCklpETEU6+qiPZFAmSRkI6QulUFSjoXboH8jFRJlgt7uGj7xvsNgdwau473ZU3JQmyjg2DaWFCfxiXtPQ9dicZ044SPiPv4/qvuZlV1paqKJDcGMpMpoWxsArREjTVe3bCNkMpTb1EZ47UA3qo5RJ7zyAYCzk3kcPJWPivs0+DbzTSBRUc4Rfd5IzzcGihgXzxCcXxyABaWGZFnJ608BghrG25ERb1dDsiqOkJGaDTBe3NeH4KXVkqUKC3vp1WThlf2LcMPqGkj1w1n1w5N6mUCUIJTnv4ch30bIYH38mKpIO3+K738hOMC8qIAwHwCCmf0PXPbyA4Sy3+VoH8GAQLCt7g+2wf7v8T7q75H9bmx8CWbJUyWN9x7rY0P33tsnpWApJfsSgInAhmHyjwcWR19gzsrSf5wo8WdfPIcoc7yPLyQ56wNWf2dOvDQ1dn5EXrQRX23scscCmtYGziX3rkXYuKGXUJ+1vzjUA5fzYTQQrHoB3lM2DB1HhrsxPG5geZ9oEMBBImU7G75NwQqQEu5VDbxEn3iUkdrIBohnBc+ldq9hzZzINhwRCyMnjpUxrJbwk4FeGIblI2cyEQ5mZmiaBokcfra/K2bBN7IFqIk/n0J8Tgn3ZtkZTBljt6MX0KgIc64FnM2KQZHiKUQIX3efXBd4ZcjT/0SoE5/rriCzt5aRoev4p909TQgfi89noX8xRkn18xNZQk0Mz/atC2iQD3Ah+fotZeU2TrsePF7ETKWIpQUtqYRlPSxMADRdx6uHulGuEYo5bi1a10qIN0Z4VkM9DaOFcXXSbhlBnFIZNBdYF03UAzcDl7ihP80AXti1CIahe3SQ0bWJ4rEBIqDmmvjnoXxiBnLEPaSEpIlKDMrM+OEEUNQoKygGFLWvCuB0YqOJSuBmej7L54/F6Dn2wPz9tkN4eV8PAEAIAVe4kMLD/iPEFwJCCLCU0Ijw/K5ihFicSpw0zD+bgHVAKE3cp42dZCBGO+MAYV1AWt58RrFIIh8gZf0AcKyuICoqKfZePlV8nh41cei0RV1dLqrVKlx/HT8KXSkJlkxePEDAtm0IIfHyYA4Vm1CwEMZ8kZHpQ2E8Pwng1NcLJFBGtjAhigOkYAUUVxMLIB8gJW+e51A/n6jvT8/Di+fNx+Pqz79eJNt2mVCGXauBNC3kFt9RJ2bJnmoQcIWA4ziYnCIMvWFg+3o3Fs+PXgOB/HwEiq1wSUFP//o4g3ka1AX4OWGRugAFB5iPfIB5TAmL1wZeSP18PDIYS5ZIgU6zDLObrq3hv370jGpypUey1bWKfQOxp8BNDLy0As8Mf77FaGHcUCS+uEbg/C8QkWbF43yBoCzrXkFmmeov6EwRn7ffUANzranVnmnZZ+blURTIaYn4rVr8FLMVuI2zgjnNDZzHatosFK1Z2nXDGRglxnmheLGUbW54/uZrAUQI30xitG1dQAjGnE8pGGdk31JKHl6r1bRzTLtOwK7Z51f7cCNmQwOEULkPbjU5pG3rAph9l+08lohh2WDGpz+wqA5tNGuUV5WfV1ZO4zAtNdDhaJGo3KhP1v21twRoZTFEGXPgWwi2NFhcoVVJkF2cifMX0/F6PW5NBUQZqIXzY8HkAzSo708pqgzi6QmrPvqqwYwZku2HI+aHA4j64qEfTtRklsaW54q7okRowBTERInFnrz9LZ0/sT5AW+EAQVyauY4DNKyflw38YCT0fLI+PgaIgGJ5+3F/Or0+v04E//zZEobUdz23dv4oSKSenxueP238aF1A/AVTlx0H4EZLxKQuktQ8eMJNdHirejb0oxsZh1lGHlOSp1rSz5RcsZ6pgZ7PMjIpZQ2hSGIqt4UKqLlaAzdw7tW0LRlhTYCU1tO3swhS/0pNx2mBgeZ0/jjzEThpBHL7MICt+xckZdIN5IZgR/0GW18hI90ipvTVN1rxw2NG2JxQvGbhXg6wx0bnR4MFJjK3nbq4vcwMYHsSQLxxruv4Px+4+hVAdsN7aYSuwvVxfmVlgSSk6sCs3xMPiSLhoYRFHhyfZj2T8nsGY/k2QOb4wfVluZfh7+nvjYreX8yWrReOcv19k1SbtY0RACWfEWR/fz9fNgZwXI1zpnCf2736e8/tXj0AYA2APgA5AFozI6Xze8u/B1h7CcAIgDEAlQuVAhfMAOWawV0517Zdfcq/jxKAgj/2wnnne/u3wI+2AcwAmCRC1Te8zrvNC4E++MEHiBkmQBYAq0P8i9qEL/ptgO2dO/svPwMAgP/WCkIsy6gjwi/K73yhur/TOq3TOq3TOq3TOq3TOq3TOq3T3pTt/wPl9TKE0XGMCgAAAABJRU5ErkJggg==');
  z-index: 10;
}

div.lockedObject {
  top: 180px;
  right: 50px;
}

div.locked-object {
  right: 20px;
  top: 0;
}

div.lockedObject-small {
  width: 32px;
  height: 32px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFV0lEQVRYw+VXS2xVVRRd+74Hvr73yqep/dCAtMWU2gaICaUMICCBJpIQEQYGJ0g0NcYY0BgHOLHEhIGJcYgjBnQEaROVj7EQDcinSkIbWsSGgrHyEejvffru5+zl4N4+Xks/rzgx8SQ35+5z9zl77b3X3jcH+L8PmeuGffv2SSwWixQVFa0oiEZLqZTBocEHjx4+vO26bvrYsWNmLueF81Xcv3+/VVVVtWll7UvvV1dXbwmHwwtUFUoCJDOZzOiNGzd+rKioODIwMHCutbXVzufcUD5Kn7W0FDVtazq6afPmw8XFxbUiMp+k+KYpqgoBIiUlJTVr1ry8JxaP18fjsUtdXV0j/xpAS8uh53ft2nWuunrFK47jiDEGqiokoUohFSQFJIyqEJSy0tLapcuWbRVBR3d39+AzAzhw4MPwztd3tlVVVq1PpVJijKGqiuM4Xl9f353fb97s/XNg4E5mbMyOFxYulGAAYCwWL124aNGqcCj0TU9Pz9gzcaC+vn5PXV3d1uHhEXieB1VFZ2fntdOnTn6ZTqd/BvAYgAKIxuOFq7Y1NR2sq6/fGIlExHgeampWblxeWbl39+7dX504ccLMCUBzc3No/frGA67jwrZtqqqcP3/+ysnvvn1PVbvb2tpyDxwFcD+VSl51HOdoQ8O67dFoVAaHhrF2bcPb/bdutQJ4MJUdazoAxcXFL1ZWVq5OpdMwxsjQ0FDy+zOnPzfGdE0ynh3Hjx9/fLbjhw9GRkdGo9ECUFXKl1TUFBQUrJ7OzrQAysrLG0KhEGzbhqqyq6vrmuu6V9rb23WmtKVSqT96e3rOWFYIYglJtUpKStfu2LHDmhOASCSylIR4ngdjVO7fu/ubiMxaVm1tbTo0ONgFACDEGEUsHlsaDodDcwLguu58ADSqUDW0HWfU8zzNp28omQQAVaWqwrJCUcuy5hYBkgAoahTGjNd9XvbH90JVxRjj94m5csA/BFQ1UDUM5LwBEIAJIjDT3tkAiKrCqAoITBPFKfYqQORGYFoQT/WBQ5++G0uNuWXzLGdxOvmIbmZYPM9jwXx3wfIlkeqDH71hAPr9h4rJ76qKeRgstlMDUPse6YxJJDQcW1KUrG7e++pfR46eGpnxd9x65ON39mxf/jVoA5oBaPuP2jnvU61nJupM0HMBVRxuX/fJ2auRLzo6OnTaCBjPtqgJitpC2hTaQrUpzPjydOtZ2RYyE+g5FBqhCkFLQInP3orpQExSQBtCW6AZf6YN0WBmRqg2bt+lWHDwQklSwMl6HkARqgAUgYqfrdkBuKAmGRgJPBr3PJOVj/9UJJf66+m5jmxZeZGvrXsU6LlCkoFRBiD8mflUAR2IJgSahGgymBMCTTyRTVI6+8oQsiwJWSFc6C0XaAowjlABqCUwFqCW0Aig4xEQ5JUCqkPRmXJrs6xwQO4MFdJ1HVlZPEAaCmgRRNbjbAQoFBXJrw/QgZicCJicCJhkdv3NDb8ikRiVxOgw3tp80/dQJes5dHwWwGS5kA8AnwPQJGgShCZ82SSD9QRoUrzeH4fxPBqj6O4vJNQCjUWqgEYII6AK6QMi1JqShNNzwOTmPIcDxgEUcrG3CHZmTOxMBheuL8jJdZB7tQBjZSNDI1PeAqbmgEk+lfPceibBTbV3Zf2Kv0mFFMxz6RsVghBQCPVzn8uFPMswiMCEeuaTeqbv0Ya6dFDf8OvdTPwOyoTvgTw7AGrQB9TJqWcry2b/cEyo74lsR9ZzqlBy9gU/yZkBXOgtPXOtf3EzmPstQM5JPOKk3wmnuPnlrD1KPfcLkOSsd8PGxsY53xnzGZcvXyb+a+MfDIAw74b4KX8AAAAASUVORK5CYII=');
}

/*******************************    
    Zones
********************************/

.header-line-container {
  background-color: #fff;
  padding-top: 4px;
  padding-bottom: 2px;
}

#HeaderLine {
  clear: both;
  height: 4px;
  background: #d4720b url(images/orange_hr.png) repeat-y;
}

.page-header {
  margin-top: 100px;
}

.display-name {
  color: #f08c00;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  margin-top: 4px;
  padding-left: 23px;
}

header.navbar {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar.bg-dark {
  background-color: #004164 !important;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 30px;
}

.navbar.navbar-dark .navbar-brand {
  padding-top: 5px;
  padding-bottom: 0px;
}

.navbar.bg-dark .nav-item:hover,
.navbar.bg-dark .nav-item.active {
  background-color: #4c7a93;
}

  .navbar.bg-dark .nav-item.active:hover {
    background-color: #82a2b3;
  }

.navbar.bg-dark .navbar-nav .nav-link {
  color: #fff;
  padding: 15px;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #799bad;
}

#leftBodyBar {
  background-color: #eef4fd;
  bottom: 158px;
  display: none;
  height: auto;
  left: 0;
  position: fixed;
  top: 0;
  width: 50px;
  z-index: 300;
}

#leftContentBar {
  background-color: #fff;
  border-left: 1px solid #a5b5b5;
  bottom: 158px;
  display: none;
  height: auto;
  left: 50px;
  position: fixed;
  top: 0;
  width: 10px;
  z-index: 300;
}

#rightBodyBar {
  background-color: #eef4fd;
  bottom: 158px;
  display: none;
  height: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 50px;
  z-index: 300;
}

#rightContentBar {
  background-color: #fff;
  border-right: 1px solid #a5b5b5;
  bottom: 158px;
  display: none;
  height: auto;
  position: fixed;
  right: 50px;
  top: 0;
  width: 10px;
  z-index: 300;
}

#content {
  height: 100%; /*overflow:auto;*/
  padding: 70px 50px 100px 50px;
}

  #content > .row {
    min-height: 50em;
  }

header {
  background-color: #fff;
}

#header .row {
  background-color: #fff;
}

main {
  background-color: #fff;
  border: solid 1px #a5b5b5;
  border-top: none; /* TODO: If supported, integrate main:has(.subnav) */
}

#footer-zone {
  color: #666666;
  background-color: #ffffff;
  padding: 20px 0 20px 50px;
}

  #footer-zone a {
    color: #666666;
  }

/*******************************    
    Header
********************************/

#header-user-info {
  display: table-row;
  float: right;
  padding: 20px 10px 0 0;
}

  #header-user-info a {
    color: #4c5051;
  }

.content-top {
  padding-top: 15px;
  padding-right: 15px;
}

table#layout-header2 {
  width: 100%;
  margin-top: 15px;
  padding: 0;
}

  table#layout-header2 td {
    vertical-align: top;
    padding: 0;
  }

    table#layout-header2 td img {
      position: relative;
      top: -10px;
    }

    table#layout-header2 td h2 {
      margin: 0;
    }

    table#layout-header2 td.col3 {
      width: 50px;
    }

.logo-container {
  margin-left: 16px;
  padding-top: 5px;
}

.sp-logo {
  box-sizing: border-box;
  height: 50px;
}

.logo-img {
  height: 50px !important;
}

#extendedSearchTable table td {
  vertical-align: middle;
  padding: 4px 0;
}


/*******************************    
    Content
********************************/
.content_title_zone {
  vertical-align: middle;
}

.content_print_zone {
  text-align: right;
}

div#printControl {
  position: relative;
  height: 32px;
  line-height: 32px;
}

#printControl div.report {
  display: block;
  float: left;
  margin-right: 10px;
}

.scrollable {
  clear: both;
  overflow: auto;
  padding-bottom: 60px;
  border: solid 1px #e8efe1;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.22); /*same as login box*/
}

div.box {
  width: auto;
  border: solid 1px #e8efe1;
  box-shadow: 0px 1px 4px #596064;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 4px #596064;
  -webkit-box-shadow: 0px 1px 4px #596064;
}

div.command-list {
  line-height: 50px;
  height: 50px;
  padding: 20px 10px 10px 0;
}

.commandlist {
  list-style-type: none;
  padding: 0 0 0 0;
  height: 60px;
}

  .commandlist li {
    float: left;
    display: inline;
    line-height: 50px;
    height: 50px;
    padding: 20px 10px 10px 0;
  }



/*
    Paging
********************************/

.pagination > li > a {
  background: #fafafa;
  color: #666;
}

.arrowNext, .arrowLast {
  display: block;
  width: 12px;
  height: 12px;
  background: url(../images/next_last.png) no-repeat left top;
}

.arrowNext {
  background: url(../images/next_last.png) no-repeat top right;
}

  .arrowNext:hover, .arrowLast {
    cursor: pointer;
    background: url(../images/next_last.png) no-repeat bottom left;
  }

    .arrowLast:hover {
      background: url(../images/next_last.png) no-repeat bottom right;
    }





/*
    FilterMenu for GridView
********************************/
#filter-zone {
  background-color: #efefef;
}

  #filter-zone div.filter-item {
    display: inline-block;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

    #filter-zone div.filter-item a {
      color: #4c5051;
      font-size: 12px;
      padding-right: 5px;
      text-decoration: none;
    }

      #filter-zone div.filter-item a:hover {
        color: #e98a10;
      }

    #filter-zone div.filter-item.selected a {
      color: #e98a10;
    }


/*******************************    
    TableDnd
********************************/
.tDnD_whileDrag {
  background-color: #efefef;
}



/*******************************    
    Main Menu Layout    
********************************/

#MainMenu {
  background-color: #004164;
  border-radius: unset;
  border-width: 0;
}

  #MainMenu .navbar-nav > li > a {
    color: #fff;
    font-weight: 400;
  }

  #MainMenu .navbar-nav > li.active:hover {
    background-color: rgba(255, 255, 255, 0.3);
  }

  #MainMenu .navbar-nav > li.active > a,
  #MainMenu .navbar-nav > li > a:hover {
    background-color: rgba(255, 255, 255, 0.3);
  }

/*.navbar-fixed-top {
  background-color: #004164;
}

  .navbar-fixed-top .navbar-nav > li > a {
    color: #fff;
  }

    .navbar-fixed-top .navbar-nav > li > a:hover {
      background-color: rgba(255, 255, 255, 0.3);
    }

.navbar-toggle {
  background-color: #004164;
}

  .navbar-toggle:hover {
    background-color: rgba(255, 255, 255, 0.3);
  }*/

/*******************************    
    Tabs layout (submenu)
********************************/
ul.tabs {
  box-sizing: content-box;
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 28px; /*--Set height of tabs--*/
  border-bottom: 1px solid #A5B5B5;
  width: 100%;
  text-align: center;
}

  ul.tabs li {
    box-sizing: content-box;
    min-width: 152px;
    float: left;
    margin: 0 7px 0 0;
    padding: 0;
    height: 27px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 27px; /*--Vertically aligns the text within the tab--*/
    border: 1px solid #999;
    margin-bottom: -1px; /*--Pull the list item down 1px--*/
    overflow: hidden;
    background: #EEF4FD;
  }

    ul.tabs li a {
      text-decoration: none;
      text-transform: uppercase;
      color: #798585;
      display: block;
      font-size: 0.9em;
      padding: 0 15px;
      outline: none;
      font-weight: bold;
    }

      ul.tabs li a:hover {
        background: #FFF;
      }

html ul.tabs li.selected, html ul.tabs li.selected a:hover {
  /*--Makes sure that the active tab does not listen to the hover properties--*/
  background: #fff;
  border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
  font-weight: bold;
}

.tab_container {
  padding: 5px 10px 10px 10px;
  clear: both;
  background-color: #ffffff;
  border: solid 1px #A5B5B5;
  border-top: none;
  min-height: 25em;
}

/* Bootstrap submenu (subnav) overrides */

.subnav {
  border-bottom: solid 1px #a5b5b5;
  margin-left: -15px;
  margin-right: -15px;
}

  .subnav li {
    box-sizing: content-box;
    margin: 0 7px 0 0;
    line-height: 27px;
    min-width: 152px;
    text-align: center;
  }

    .subnav li a.nav-link {
      border: solid 1px #a5b5b5;
      border-radius: 0px;
      text-decoration: none;
      text-transform: uppercase;
      color: #798585;
      font-size: 0.8em;
      padding: 0;
      font-weight: bold;
    }

      .subnav li a.nav-link:hover {
        background: #fff;
        border: solid 1px #a5b5b5;
      }

      .subnav li a.nav-link.active {
        border: solid 1px #a5b5b5;
        border-bottom: solid 1px #fff;
        color: #798585;
      }

        .subnav li a.nav-link.active:hover {
          color: #798585;
        }


.page-item.active .page-link {
  background-color: initial;
  border: 1px solid #dee2e6;
  color: initial;
  cursor: auto;
  font-weight: bold;
  pointer-events: none;
}

/*******************************    
    Forms Layout 
********************************/
.form_container {
  padding: 15px;
}

  .form_container table tr td {
    /*vertical-align: top;*/
  }

.form_title {
  background-color: #E4E4E4;
  margin: -15px;
  padding: 5px;
  line-height: 1em;
  height: 1em;
}

  .form_title div.right {
    float: right;
  }


div.form_header {
  position: relative;
}

.form_header img {
  vertical-align: middle;
}

.form_header h3 {
  -position: absolute;
  -top: 50%;
  -margin-top: -10px;
  -margin-left: 20px;
}

.table_form td {
  vertical-align: top;
}

#aspnetForm input[type='text'],
#aspnetForm input[type='password'],
#aspnetForm input[type='file'] {
  height: 32px;
  line-height: 32px;
  color: #212121;
  border: 1px solid #bababa;
  background-color: rgba(255,255,255,.8);
}


  #aspnetForm input[type='text'].form-control:disabled {
    background-color: #e9ecef;
    opacity: 1;
  }

input[type='file'] {
  border: none;
}

::-ms-browse {
  border: 1px solid #bababa;
}

input[type='text']:hover, input[type='password']:hover {
  border-color: #004164;
}


input[type='text'] + .calendar {
  margin-top: 5px;
}

/*DON'T FORGET TO ADD SELECTORS IN IE8.CSS!''*/
.sprite, .delete, .edit, .clone, .calendar, .pdf-icon-small, .logoutIcon, .export-xlsx, .export-doc, div.copy, div.displayAllColumns, div.displayAllColumns.ok, div.classicView, div.participantView, div.refresh, .samples-header .SampleThumbnailImage, .questions, .export-csv {
  display: inline-block;
  background-image: url('images/sprite_admin@2x.png');
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 400px auto;
}

  .sprite:hover, .delete:hover, .edit:hover, .clone:hover, .calendar:hover, .pdf-icon-small:hover, .logoutIcon:hover, .export-xlsx:hover, .export-doc:hover, div.copy:hover, div.displayAllColumns:hover, div.classicView:hover, div.participantView:hover, div.refresh:hover, .questions:hover, .export-csv:hover {
    opacity: 0.4;
    cursor: pointer;
  }

  .sprite:disabled {
    opacity: 0.2;
  }

.icon-bar {
  padding-left: 10px;
}

.btn:focus {
  box-shadow: none;
}

.ico-gallery {
  background-color: transparent;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAG1BMVEUAAAADQmQBQWUAQWQAQWQAQWQAQWUAQWQAAACn6LfcAAAABnRSTlMAAhD+DiKwxjHeAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAEdJREFUSMdjYBgFo4BOgC0NB0gY7grTy4hUKERsOLKXY7c93QBNIVHuHFU4qnBU4ajCUYXYFcIUjzyFbsQqDCdW4SgYBTQDAKUFE3SzzO8mAAAAAElFTkSuQmCC');
  background-size: 40px auto;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  color: #fff;
  padding-top: 10px;
  padding-right: 8px;
}

  .ico-gallery:hover {
    color: #fff;
  }

button .delete {
  width: auto;
}

.delete {
  background-position: 0 0;
  width: 32px;
  height: 32px;
}

  .delete.locked, .delete.inverted {
    background-position: 0 -32px;
    width: 32px;
    height: 32px;
  }

.edit {
  background-position: -32px 0;
  width: 32px;
  height: 32px;
}

.clone, div.copy {
  background-position: -64px 0px;
  width: 32px;
  height: 32px;
}

.calendar {
  background-position: -96px 0px;
  width: 32px;
  height: 32px;
}

.calendar-btn {
  background-position: -96px 0px;
  width: 32px;
  height: 32px;
}

.pdf-icon-small {
  background-position: 0 -64px;
  width: 32px;
  height: 18px;
}

.logoutIcon {
  background-position: 0 -96px;
  width: 32px;
  height: 32px;
}

.export-xlsx {
  display: block;
  border: none;
  float: left;
  background-position: -64px -64px;
  width: 32px;
  height: 32px;
}

.export-excel {
  border: none;
  background-position: -64px -64px;
  width: 32px;
  height: 32px;
}

.export-csv {
  display: block;
  border: none;
  float: left;
  background-position: -32px -96px;
  width: 32px;
  height: 32px;
}

.export-doc {
  display: block;
  border: none;
  float: left;
  background-position: -64px -96px;
  width: 32px;
  height: 32px;
}

.print-pdf {
  display: block;
  border: none;
  float: left;
  background-position: -32px -64px;
  width: 32px;
  height: 32px;
}

div.displayAllColumns {
  background-position: -160px -64px;
  width: 32px;
  height: 32px;
}

  div.displayAllColumns.ok {
    background-position: -160px -96px;
    width: 32px;
    height: 32px;
  }

div.classicView {
  background-position: -128px -64px;
  width: 32px;
  height: 32px;
}

div.participantView {
  background-position: -128px -96px;
  width: 32px;
  height: 32px;
}

div.refresh {
  background-position: -96px -64px;
  width: 32px;
  height: 32px;
}

.questions {
  background-position: -160px 0px;
  width: 32px;
  height: 32px;
}

.SelectionImage {
  background-image: url('images/Selection.png') !important;
  background-size: 50px auto;
  width: 50px !important;
  height: 50px !important;
  margin: 0 10px;
}



/*******************************    
    Icons-Small
********************************/
.increase, .decrease {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url(images/icons16x16.png) no-repeat;
}

a.decrease {
  background-position: -112px 0px;
}

a.increase {
  background-position: -128px 0px;
}

/*******************************    
    Icon Sizes
********************************/

.big-icon {
  height: 50px;
  margin: 10px 0 10px 10px;
}

.icon-32px {
  max-height: 32px;
  max-width: 32px;
}


label, .label {
  color: #073A5F;
  font-size: 1em;
  font-weight: bold;
}

tr.label td {
  padding: 15px 0px 5px 0px;
}

.error {
  color: Red;
  font-weight: normal;
}

.status-horizontal {
  margin: 0;
  min-width: 120px;
  padding: 0;
  white-space: nowrap;
}

  .status-horizontal .status-color {
    margin-left: 5px;
  }

/* Old style with div's */
div.status-horizontal div.status-color {
  margin-right: 5px;
}

div.image-control {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

  div.image-control .image-container {
    background-color: #ffffff;
    border: 1px inset gray;
    display: none;
    padding: 15px;
    position: absolute;
    z-index: 99;
  }

  div.image-control div.box {
    padding: 10px;
  }

  div.image-control div.gallery img {
    max-height: 180px;
  }

/*
DateTimeTextBox-Calendar-Control
********************************/
.ajax__calendar_container {
  z-index: 1000;
}

  .ajax__calendar_container TD {
    padding: 0 !important;
  }

div.ajax__calendar_days tbody {
  color: #e98a10;
}

div.ajax__calendar_days tr {
  min-height: 0px;
}

.mainDiv {
  border: solid 1px #B2D0DF;
  background-color: White;
  margin-bottom: 5px;
}

.headerDiv {
  background-color: #E4E4E4;
  margin: 0;
  padding: 5px;
}

.contentDiv {
  padding: 5px;
}


/*
    Form2
********************************/
.form2-header {
  background-color: #ECECEC;
}

.form2-content {
  border: solid 1px #ECECEC;
}

div#selection-name {
  color: #073a5f;
  font-weight: bold;
  height: 1.5em;
  padding: 5px 15px 5px 5px;
  display: inline-block;
}

div#selection-properties th {
  text-align: left;
  padding: 0 15px 5px 5px;
}

div#selection-properties td {
  text-align: left;
  padding: 0 15px 5px 5px;
}

.move-selection {
  margin-top: 5px;
  display: inline-block;
}

.samples-header {
  padding-top: 10px;
  padding-bottom: 10px;
}

.samples-footer {
  cursor: pointer;
  vertical-align: middle;
}

  .samples-footer span, .samples-footer img {
    height: 32px;
    line-height: 32px;
  }

/*******************************    
    Participants
********************************/

ul#participants {
  list-style: none;
  padding: 0;
}

  ul#participants li {
    display: block;
    min-width: 20em;
    height: 3em;
    line-height: 2.5em;
    background-color: #EEEEEE;
    margin: 1px;
    padding: 8px 0 0 8px;
  }

    ul#participants li.team-member {
      background-color: #FFFFFF;
    }

    ul#participants li img {
      cursor: pointer;
    }

    ul#participants li img {
      vertical-align: top;
    }

    ul#participants li span.right {
      float: right;
    }

    ul#participants li.expanded.team-member {
      background-image: none;
    }

/*******************************    
  Excel-like Grid Edit Control
  => Scales
********************************/
td.highlight {
  border: solid 2px #F7F77C !important;
  padding: 0;
}

li.highlight a {
  color: #313237 !important;
}

.navigateable td {
  border: solid 1px silver;
  padding: 2px;
}

  .navigateable td input {
    width: inherit;
    height: inherit;
    border: none;
  }

.hidden {
  visibility: hidden;
}

tr.hidden {
  display: none;
}

/*******************************    
 Questionnaire
********************************/
#attributestreeview a.Node {
  color: Black;
}

#attributestreeview a.RootNode {
  color: Black;
  font-weight: normal;
}

#attributestreeview a.ParentNode {
  color: Black;
  font-weight: normal;
}

#attributestreeview a.SelectedNode {
  color: Red;
  font-weight: bold;
}

#attributestreeview a.SelectionNode {
  color: Black;
  font-weight: bold;
  text-decoration: none;
}

.launchQuestionnaire {
  color: #e98a10;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

.table-style-grid td {
  background-color: #efefef;
  padding: 5px;
  vertical-align: top;
}

.table thead.text-center th {
  text-align: center;
  vertical-align: middle;
}

/*
  Warning Status, Status table
*/
.statusTable {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}

  .statusTable td, .statusTable th {
    border: solid 1px #D4D0C8;
    padding: 2px;
  }

.status-success, .status-information, .status-warning, .status-exception {
  display: block;
  width: 14px;
  height: 14px;
  background: transparent url(images/action-state.png) no-repeat;
}

.status-success {
  background-position: 0px 0px;
}

.status-information {
  background-position: -14px 0px;
}

.status-warning {
  background-position: -28px 0px;
}

.status-exception {
  background-position: -42px 0px;
}

#settingsPanel {
  text-align: left;
}

div.container {
  margin: 0 0 10px 0;
}

.positionControl {
  position: relative;
  display: inline-block;
  height: 32px;
  padding: 3px 0px 0px 0px;
}

  .positionControl input {
    display: none;
    height: 25px;
    width: 25px;
    line-height: 25px;
  }

  .positionControl .moveUp {
    display: none;
    position: absolute;
    top: -30px;
    left: 0;
  }

  .positionControl .moveDown {
    display: none;
    position: absolute;
    top: 24px;
    left: 0;
  }

.moveSelectionControl {
  position: relative;
  display: inline-block;
  height: 32px;
  padding: 3px 0px 0px 0px;
  width: 45px;
}

  .moveSelectionControl div {
    display: inline-block;
    width: 100px;
    -background-color: transparent !important;
  }

.moveSelectionPanel {
  width: 180px;
  border: solid 1px #0D4789;
  background-color: #ffffff;
  z-index: 999;
}

  .moveSelectionPanel ul {
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
  }

    .moveSelectionPanel ul li {
      cursor: pointer;
      list-style-type: none;
      padding: 2px 2px 2px 2px;
    }

      .moveSelectionPanel ul li:hover {
        color: #ffffff;
        background-color: #8C9698;
      }

div.translationContainer {
  background-color: #ffffff;
}

  div.translationContainer div.translate, .btn-translate {
    width: 32px;
    height: 24px;
    background-image: url('data:image/png;base64,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');
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
  }

  div.translationContainer div.translations {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    display: none;
    padding: 15px;
    position: absolute;
    right: 0;
    z-index: 1000;
  }

div.translations {
  min-width: 330px;
}

  div.translations div#footer {
    padding-top: 30px;
  }

  div.translations table {
    -border: 1px solid #f08c00;
  }

    div.translations table tr {
      height: 32px;
    }

    div.translations table td {
      vertical-align: middle;
    }

  div.translations input {
    width: 250px;
  }

div.editStyle {
  width: 32px;
  height: 32px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAERJREFUOE9j+E8WYADqSsxpJAkBtUC1yXvWYqJ3bx5iIqAFo9pQA4YaQeLfuBcTHQjwxUQoto1qA4UQNYKEnIxDRkYFAOjWWgWi5OP5AAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

td.emphasize > a,
td.emphasize > a:visited {
  color: #004164;
  font-weight: bold;
}

/*******************************    
    Loader Indicator
********************************/
.overlay {
  position: fixed;
  z-index: 2000;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  filter: Alpha(Opacity=70);
  opacity: 0.70;
  -moz-opacity: 0.70;
}

.loader {
  position: relative;
  top: 50%;
  text-align: center;
}

.togglePanel span, .togglePanel img {
  text-align: right;
  display: table-cell;
  vertical-align: middle;
}

/*******************************    
    Context Menu
********************************/

.ajax__dropdown_arrow {
  background-color: transparent !important;
  width: 20px !important;
}

.ajax__dropdown_arrow_wrapper {
  top: 20% !important;
}

  .ajax__dropdown_arrow_wrapper img {
    width: 20px;
    position: relative;
    top: -50%;
    left: -50%;
    margin-top: -50%;
  }

div.ContextMenuPanel {
  border: solid 1px #0D4789;
  background-color: #ffffff;
  box-sizing: content-box;
  width: 120px;
  visibility: hidden;
  z-index: 999;
}

.ContextMenuItem {
  position: relative;
  text-align: left;
  vertical-align: top;
  overflow: hidden;
  width: 120px;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  -z-index: 999;
  cursor: pointer;
  background-color: #ffffff !important;
}

div.ItemOn div.ContextMenuImage {
  background-position: 0px -22px !important;
}

div.ContextMenuItem:hover {
  background-color: #f5f5f5 !important;
}

div.ContextMenuItem div.ContextMenuImage {
  width: 20px;
  height: 18px;
  position: absolute;
  top: 3px;
  left: 4px;
  line-height: 22px;
  background-position: 0px 0px;
  -display: inline;
}

div.ContextMenuItem div.ContextMenuText {
  position: relative;
  display: inline-block;
  padding-left: 24px;
  padding-top: 2px;
}


/*******************************    
    Grid
********************************/

.Grid td, .Grid th {
  vertical-align: middle;
}

.Grid > tbody {
  background-color: #ffffff;
}

.Grid tbody tr:nth-child(odd) {
  background-color: rgba(100, 100, 100, 0.07);
}

.Grid tbody tr:hover {
  background-color: rgba(0, 65, 100, 0.17);
}

table tr.inactive {
  background-color: #f5f5f5;
}

.Grid tbody tr.last-edited,
table tr.active {
  background-color: rgba(0, 65, 100, 0.17);
}

.Grid tr.overdue, .Grid tr.overdue:nth-child(odd) {
  background-color: rgba(240, 140, 0, 0.17);
}

.GridHeader, .Grid thead {
  color: #fff;
  background-color: #004164;
  border-width: 0 1px 1px 1px;
  border-top-color: #fff;
  font-weight: bold;
}

  .GridHeader, .Grid thead tr {
    font-weight: bold;
    height: 50px;
    vertical-align: middle;
  }

  .GridHeader, .Grid thead tr.sticky {
      position: sticky;
      top: 0;
      background-color: #004164;
  }

    .GridHeader th, .Grid thead th {
      border-color: #e8efe1;
      border-left: 1px solid;
      border-right: 1px solid;
      padding-top: 0;
      padding-right: 5px;
      padding-bottom: 0;
      padding-left: 5px;
      vertical-align: middle;
    }

      .GridHeader th.sorting, .Grid thead th.sorting,
      .GridHeader th.sorting_asc, .Grid thead th.sorting_asc,
      .GridHeader th.sorting_desc, .Grid thead th.sorting_desc {
        padding-right: 40px;
      }

    .GridHeader input[type=image] {
      height: 16px;
    }

      .GridHeader input[type=image]:hover {
        opacity: 0.4;
      }

tr.GridRowStyle, tr.GridSelectedRowStyle, .Grid > tbody > tr {
  border-bottom: 1px solid #FFFFFF;
  border-top: none;
  color: #596064;
}

.GridRowStyle td, .GridSelectedRowStyle td, .Grid > tbody td {
  padding: 5px;
  border-left: 1px solid #E8EFE1;
  border-right: 1px solid #E8EFE1;
}

.GridRowStyle a, .GridSelectedRowStyle a {
  color: #00669e;
}

.GridTopHeader {
  padding: 0px;
  background-color: #ffffff;
}

.GridVisibleColumns {
  background-color: #336783;
}

div.letter-pager a {
  color: #25262a;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}

  div.letter-pager a:hover,
  div.letter-pager a.selected {
    color: #798585;
  }

.GridPager {
  color: #798585;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

  .GridPager input[type=image] {
    height: 16px;
  }

    .GridPager input[type=image]:hover {
      opacity: 0.4;
    }

  .GridPager td, .GridPager tr {
    font-size: 14px;
    padding: 5px;
    border-style: none;
    border-width: 0px;
    background-color: white;
  }

  .GridPager table {
  }

  .GridPager a {
    color: #25262A;
    text-decoration: none;
  }

    .GridPager a:hover {
      text-decoration: underline;
    }

div.pager {
  margin: 0;
}

  div.pager span {
    padding-right: 5px;
  }

  div.pager a {
    color: #25262a;
    font-size: 1em;
    font-weight: bold;
  }

  div.pager span.selected {
    color: #798585;
    font-size: 1em;
    font-weight: bold;
  }

  div.pager a.previous {
    display: inline-block;
    height: 16px;
    padding: 5px 10px 5px 0;
    -background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAABGdBTUEAALGPC/xhBQAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuM6DpWdUAAADjSURBVDhPpZI7CgIxEIbXG9hYeQhLD+AlPJMKdoKFIFh7AUsLQbDwAhaCzfpcFvPcZMZkQdnsg304ECYw+eafR1pozGtqFm5qXlMwrrgqLC97fKwGzvNS2EL3RR/9SQffu3E1WJy3MXSddpEcZgiSOqCUEhxlUAL5aYO3eS8XAoBfggxMj0v0R218rYeo6dNRSoI2wDmvp5zMxhhz4WSwrOeMct7aiqYthChWTidK77kWnE72F5zbs52i3aE9URSBUsrxNv6tIvM9wzCEIAiAECIppUaAUwMwc1cmpowHW7LWGj79l2UfHlbZdgAAAABJRU5ErkJggg==');
  }

  div.pager a.next {
    display: inline-block;
    height: 16px;
    padding: 5px 10px 5px 0;
    -background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuM6DpWdUAAADYSURBVDhPY/wPBAyUAJABlAAGSjSDXf/z589/IAaM/ny47f/3m5v+//vzkyizGX7//g02AAZ+Pjj4/9Vkpf+v+qX/f7+y4v+/X9/wGsTw69evfyCM7AqQ7T/u7vr/eqY+2KCvZ6bhNAhsALIVIBcBAcJFDw/9fzPX/P/LHtH/X451///74yOKi8AGgPwP0/T379//yAbAVH89N+f/yy6B/5/2VKAaANKMHg4oYYLmAvQAAccCugHYwgBXSIK9gGwAybEAMhnZz7B0QFQiACUkYhXi9MLQNwAA4/WjBVqQ3GQAAAAASUVORK5CYII=');
  }

div.resultset {
  margin-top: 20px;
}

  div.resultset div.grid-container {
    overflow: auto;
    width: 100%;
  }


table.surveys td.survey-name div.survey-name-fld {
  padding: 5px;
}

.survey-name-fld {
  background-color: transparent !important;
}


/*******************************
	ModalPopupExtender (Send Notification)
********************************/

.ModalPopupBackground {
  background-color: #666666;
  filter: alpha(opacity=50);
  opacity: 0.7;
}

.ModalPopup {
  background: #fff;
  box-shadow: 0 0 10px #444;
}

.PopupHeader {
  padding: 2px 0 0 0;
  text-align: right;
  height: 20px;
  line-height: 20px;
  background-color: #0A246A;
}

.PopupContent {
  padding: 10px;
}

div#qualitySealPanel {
  background-color: #ffffff;
  border: 1px solid #d4d0c8;
  height: 200px;
  overflow: auto;
  z-index: 999;
}

  div#qualitySealPanel li {
    list-style-type: none;
  }


.ui-autocomplete {
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px #bababa solid !important;
  padding: 5px;
  z-index: 2000;
}

  .ui-autocomplete li {
    display: table-row-group;
    padding-left: 10px;
    line-height: 1.2;
  }

    .ui-autocomplete li a {
      display: table-row !important;
    }

      .ui-autocomplete li a div {
        display: table-cell;
        overflow: hidden;
        padding-right: 3px;
      }

/* Old WebForms auto-complete */
span.auto-complete {
  white-space: nowrap;
}

  span.auto-complete.form-control {
    border: none;
    padding: 0;
  }

  span.auto-complete input {
    margin: 5px 0;
  }

  span.auto-complete button {
    border: none;
    margin: 5px 0 0 0;
    background: transparent url(images/dropdown-arrow.png) no-repeat scroll;
    background-size: 20px;
    background-position: center;
    height: 32px;
    width: 32px;
  }

    span.auto-complete button:hover {
      opacity: 0.4;
    }

/****************
  Login-Logout
****************/
#userSettings {
  background-color: #ffffff;
  border: 1px solid #004164;
  height: auto;
  right: 20px;
  padding: 5px;
  position: absolute;
  top: 55px;
  display: none;
  width: 240px;
  z-index: 1060;
}

#loginNameZone {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-right: 1em;
  color: #f08c00;
  cursor: pointer;
  font-size: 1.1em;
  font-weight: bold;
}

.logoutIcon {
  display: table-cell;
}

.ui-spinner-input {
  height: 26px;
  margin-right: 6px;
}

.ui-datepicker-title select {
  padding-right: initial;
}

.form-footer {
  background: #f0f0f0;
  clear: both;
  padding: 10px 20px;
  border-top: 1px solid #dadada;
}

  .form-footer:after {
    content: "";
    display: table;
    clear: both;
  }

  .form-footer .form-footer-buttons {
    float: right;
  }

/* Legacy: ui-dialog-content compatibility-dialog-content */
.ui-dialog-content {
  height: 580px;
}

  .ui-dialog-content table {
    border-collapse: collapse;
    width: 100%;
  }

    .ui-dialog-content table tr td,
    .compatibility-dialog-body table tr td {
      padding: 8px 18px;
    }

    .ui-dialog-content table tr,
    .compatibility-dialog-body table tr {
      border-top: 1px solid #dfdfdf;
    }

  .ui-dialog-content h4,
  .compatibility-dialog-body h4 {
    padding: 15px 18px;
    border-top: 1px solid #dfdfdf;
  }

#criteriaSelectionsContainer {
  width: 350px;
  overflow: auto;
}

.img-type {
  background-repeat: no-repeat;
  height: 50px;
  min-width: 50px;
  background-size: contain;
}

input.has-error {
  border-color: #f08c00;
  background-color: #ffdfb3;
}

input.input-validation-error {
  border-color: #f08c00;
  background-color: #ffdfb3;
}

.modal {
  text-align: left;
}

  .modal select {
    font-weight: unset;
  }

.modal-dialog {
  word-wrap: normal;
}

  .modal-dialog .alert {
    z-index: 1100;
  }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 600px;
  }
}

.modal-scale {
  min-width: 900px;
}

.modal-dynamic-width.in {
  display: flex !important;
}

  .modal-dynamic-width.in .modal-dialog {
    max-width: 100%;
    width: auto !important;
    display: inline-block;
  }

.modal-header {
  display: block; /* Override Bootstrap 4.0 "flex" */
}

.modal-footer .fa-exclamation-triangle {
  margin-right: 10px;
  vertical-align: middle;
}

#findExternalProductDialog .modal-dialog {
  width: 700px;
}

  #findExternalProductDialog .modal-dialog .thumbnail > img {
    max-height: 121px;
    max-width: 121px;
  }

.icon {
  height: 50px;
}

.notify.small {
  background: url(../Mobileweb/layout/iconset/sprites.png) no-repeat;
  background-size: 316px;
  background-position: -20px 0;
  border: none;
  width: 20px;
  height: 20px;
}

.tooltip-inner {
  max-width: 350px;
}

.rule-warning-list {
  text-align: left;
  padding: 10px 5px 0 10px;
}

.rule-warning {
  color: #ed7161;
}

.radio-inline {
  font-weight: normal;
}

  .radio-inline input {
    margin-top: 10px;
  }

.checkbox-inline {
  padding-left: 30px;
}

  .checkbox-inline input[type='checkbox'] {
    margin-left: -30px;
  }

  .checkbox-inline.checkbox-inline-fix {
    margin-left: 0px;
  }

.status-filter .dropdown-menu {
  min-width: 12rem;
}

.status-filter .dropdown-item {
  white-space: normal;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

  .status-filter .dropdown-item.status-sub {
    padding-left: 2.5rem;
  }

.status-filter .fa-archive {
  font-size: 20px;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border: 0;
  background-color: #f08c00;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(240,140,0,.25) !important;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border: 0;
}

.reports-container {
  padding-top: 15px;
}

.report-category.card {
  background-color: #004164;
  color: #fff;
  cursor: pointer;
}

.report.card {
  cursor: pointer;
}

  .report.card.selected {
    color: #fff;
    background-color: #f08c00;
  }

.custom-select {
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
}

#SelectedSelections option {
  white-space: normal;
}

.event-selection.completed td span {
  text-decoration: line-through;
}

.accordion .card-header {
  background-color: #ececec;
  border: 0;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 10px;
}

  .accordion .card-header a:after {
    content: "\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
  }

  .accordion .card-header a.collapsed:after {
    content: "\f107";
  }

.input-group .input-group-addon {
  border: none;
}

.share-link .success i {
  color: #8cbf50;
}

#SurveyDetailsContainer {
    padding-top: 10px;
}

#LinkToSurveyContainer {
    border: 1px solid #e5e5e5;
    padding: 10px 10px 10px 10px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
    justify-content: space-between;
}

#LinkToSurveyContainer a {
    color: #004164;
    order: 1;
}

#LinkToSurveyContainer div.copy {
    position: unset;
    top: 18px;
    right: 2px;
    width: 42px;
    order: 2;
}

#LinkToSurveyContainer div.qr {
    order: 3;
}

#QRToSurveyImg {
    height: 60px;
    width: 60px;
}

#QRToSurveyImg:hover {
    opacity: 0.4;
    cursor: pointer;
}

.layout-table tr {
    min-height: 34px;
}

.layout-table td {
    vertical-align: middle;
}

.bootstrap-select button {
    margin-top: 10px;
}