@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&display=swap');

html {
  position: relative;
  min-height: 100%;
}

body {
    font-family: 'Roboto', sans-serif;
    margin-bottom: 184px;
}

.flex-grow {flex: 1 0 auto;}

h1.landing-title {
  font-size: 1.75rem;
  color: #374753;
  font-weight: 700;
}

h3 {
  color: #374753;
  font-weight: 700;
}

a {color: #2f9c39;}
  a:hover {color: #2f9c39;}

.vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/** Typography **/
.text-success {
  color: #C3CF21 !important;
}
/** End Typography **/

/** Buttons **/
.btn-primary {
  background-color: #2f9c39;
  border-color: #2f9c39;
}
  .btn-primary:hover {
    background-color: #2f9c39;
    border-color: #2f9c39;
  }

.btn-secondary {
  background-color: #00a1ed;
  border-color: #00a1ed;
}
  .btn-secondary:hover {
    background-color: #00a1ed;
    border-color: #00a1ed;
  }

 .btn-success {
   background-color: #2f9c39;
   border-color: #2f9c39;
 }
  .btn-success:hover {
    background-color: #2f9c39;
    border-color: #2f9c39;
  }
  .btn-success.disabled  {
    background-color: #C3CF21;
    border-color: #C3CF21;
}

.btn-link {color: #2f9c39;}
  .btn-link:hover {color: #2f9c39;}

.btn-link.change {
  color: #5A5A5A;
  text-decoration: underline;
}
  .btn-link.change:hover {color: #999;}

.btn-text {
  display: inline-block;
  padding: 0;
  border: 0;
  background: none;
  color: #117dba;
  font-size: 0.875rem;
}
  .btn-text:hover {color: #007278;}

.btn-text.reject {color: #5A5A5A;}
  .btn-text.reject:hover {color: #C6C6C6;}

.btn-danger.btn-remove {
  background: none;
  color: #5A5A5A;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}
  .btn.btn-danger.btn-remove:focus {
    border: none;
    box-shadow: 0 0 0 0rem !important;
    background: none;
    color: #5A5A5A;
  }
  .btn.btn-danger.btn-remove:active {
    border: none;
    box-shadow: 0 0 0 0rem !important;
    background: none;
    color: #5A5A5A;
    border-radius: 0;
  }

.min-max {width: 60px;}



/*
.candidate {
    background: #007278;
    color: #fff;
}
  .candidate:hover {cursor: pointer;}
.candidate.bg-success {
    background: #C3CF21 !important;
    color: #fff;
}
*/

.vote-time {

}
.card-img-top {background: #fff;}

.stop.disabled,
.start.disabled {
    opacity: 0.3;
}
.survey-btn {
    background: #1e5799;
    background: -moz-linear-gradient(-45deg,  #1e5799 0%, #7db9e8 100%);
    background: -webkit-linear-gradient(-45deg,  #1e5799 0%,#7db9e8 100%);
    background: linear-gradient(135deg,  #1e5799 0%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 );
    color: #fff;
}
.candidate.survey-btn.bg-success {
    background: #28a745 !important;
    background: -moz-linear-gradient(-45deg,  #28a745 0%, #165b25 100%);
    background: -webkit-linear-gradient(-45deg,  #28a745 0%,#165b25 100%);
    background: linear-gradient(135deg,  #28a745 0%,#165b25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28a745', endColorstr='#165b25',GradientType=1 );
    color: #fff;
}

/* XS-buttons from Bootstrap 3 */
.btn-group-xs > .btn, .btn-xs {
  padding: .25rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

/* pen-cursor for canvas */
#canvasDiv canvas {
    cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAEAAQCoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGgYDGhoGA70aBgO9GgYDNwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABoGAxoaBgO9fnl5/4yHh/8aBgO9GgYDNwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaBgMaGgYDvX55ef9XTEr/v7+//62oqP8aBgO9GgYDNwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGgYDGhoGA71+eXn/V0xK/7+/v/9pXlz/6enp/8jEw/8aBgO9GgYDNwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABoGAxoaBgO9fnl5/6urq/+/v7//aV5c/+np6f+rpKL//////87Jyf8aBgO9AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaBgMaGgYDvX55ef+rq6v/v7+//9XV1f/p6en/q6Si//////+vqKf/6Obl/xoGA70AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGgYDGhoGA71+eXn/q6ur/7+/v//V1dX/6enp//j4+P//////r6in/+jm5f97b27/GgYDvQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABoGAxoaBgO9fnl5/6urq/+/v7//1dXV/+np6f/4+Pj////////////o5uX/e29u/87Jyf8aBgO9AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaBgMaGgYDvX55ef+rq6v/v7+//9XV1f/p6en/+Pj4/////////////////3tvbv/Oycn/6Obl/xoGA70AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGgYDGhoGA71+eXn/q6ur/7+/v//V1dX/6enp//j4+P////////////////97b27/zsnJ///////o5uX/GgYDvQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABoGAxoaBgO9fnl5/6urq/+/v7//1dXV/+np6f/4+Pj/////////////////e29u/87Jyf//////6Obl/xoGA70aBgM3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaBgMaGgYDvX55ef+rq6v/v7+//9XV1f/p6en/+Pj4/////////////////3tvbv/Oycn//////+jm5f8aBgO9GgYDNwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGgYDGhoGA71+eXn/q6ur/7+/v//V1dX/6enp//j4+P////////////////97b27/zsnJ///////o5uX/GgYDvRoGAzcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABoGAxoaBgO9fnl5/1dMSv+/v7//1dXV/+np6f/4+Pj/////////////////e29u/87Jyf//////6Obl/xoGA70aBgM3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaBgMaGgYDvX55ef+rq6v/v7+//2leXP/p6en/+Pj4/////////////////3tvbv/Oycn//////+jm5f8aBgO9GgYDNwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGgYDGhoGA71+eXn/q6ur/7+/v//V1dX/6enp/6ukov////////////////97b27/zsnJ///////o5uX/GgYDvRoGAzcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABoGAxoaBgO9fnl5/6urq/+/v7//1dXV/+np6f/4+Pj//////6+op//o5uX/VUZE/87Jyf//////6Obl/xoGA70aBgM3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaBgMaGgYDvX55ef+rq6v/v7+//9XV1f/p6en/+Pj4////////////6Obl/1VGRP9VRkT/zsnJ/+jm5f8aBgO9GgYDNwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGgYDGhoGA71+eXn/q6ur/7+/v//V1dX/6enp//j4+P////////////////9VRkT/GgYDNxoGAzcaBgM3GgYDvRoGAzcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABoGAxoaBgO9fnl5/6urq/+/v7//1dXV/+np6f/4+Pj/////////////////VUZE/xoGAzcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaBgMaGgYDvX55ef+rq6v/v7+//9XV1f/p6en/+Pj4/////////////////1VGRP8aBgM3AAAAAAAA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'), auto;
}

/* yellow higlighter for needle in a haystack */
.highlighter {
    background-color: #ff0;
}

/* magnifier icon inside search field */
#live_search {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAH0SURBVDhPpZTBSxVRFIfHshASbRGtBINAStwIr6VEGxEhUIQSEXQhuusPaOPyLdxKVJK1SnkW7tq5cOMiHkWI0CZEk5IQRWhZ5ve759xhXm+mJ/nBx7ln5r7jGWfObUr+olqtXiL04xDexjb8ju+xgpulUolQTFqUYgp38SneUpLDCa7gIwr/CFdyCEW94AQuoDptxA4OUPizpbVc8KgOswWPcQ7vYS+O4lv8g6ITV2mm1dJamrhxmfgJ4yOr7RG62LXU8KcZxtfYogTK7Hvs6xQVHSG+sTR02MPGPUvrYf804ZllYX8H+39aaujxB20ZeP6vgs4L3LZl0o76F9Wgot22DLzzWAh/9Ddh3bJAj8cUFb1iy8CRx0YceBR1L0tFs9/bTY+NuOFRfPOYoqKalMiYx0J4UdcImrjIhscUFV1CTYoY4kf3fV0H9zQs+n41uuIj6nOsQUU3UaMnLmKFH0+i7qV4h4s4GS4Ys7y42FBKHNPrBP0bNCmRL7iGeildqEeOHUZe4jSFf1lqZA8UTdQqFh0mRSzjuH9qgfQRuajD4Q6W8VDXctjCBxgnSuhcWKSpZksznWZhg2a7D3WeXsWv+AF1lp5wX808wRmMvMIpdZxb9CwUFNaXNPHfRUVB4flzFRU5hffPXVR4YQ3FwyRJyqccWI5TWaf/pgAAAABJRU5ErkJggg==');
    background-position: 5px 8px;
    background-repeat: no-repeat;
    padding-left: 30px;
}

/* barcode-cursor for scanable input fields */
input.scanable {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGYSURBVFhH7Zc9LwRBHIcX8VqIRKIRElEpUAiVROMtdBKd78AHuM6pqXwBvY6GglZQUBAikUgUKhQKhfN75iXZ3dtkq725S/ZJnuxvdjN3/7udmd2JRC3DqiyaPVn33W0uXMkz6bmU8XYRLMkFGw205wgUtE8IzIGstdvcPGQV1CH73JHrZC90ynTm1vt+2COhW/baGHXJrH51MIDXbDSsSm7jipxxGT8k+MHIB+64PCo3XMZrCcfy1UZzS/5sTPTzrMsq/0BFnnImMCey0hJjKChlQXlkFfQlb+S3/HEZ7yS8S9rMGGYe+Vd+uowPEl7kvY3Rm7y1MdGvuYkvTCxgjzY2lGe5aGOyIBY6v4g1kic5b2OLMCWP3HHMZTyUsClp82ziMUMelLMu466EbckjA7Yk1yDeL5dQzzJDuTDmURaUBwUxSHk5Cg01UIsZ7fGX/H7J7OLITCLjtIRhSZsfM+QyS8CAyzghYVxO2hiNSK5BvJ/HvOQT0gWFojl3HfGN4jknHBey6I3iskxvFFntTUFpA22lo9o/OB50uCtNMWkAAAAASUVORK5CYII='), auto;
}

/* flash messages container */
#flash-messages {
    position: absolute;
    z-index: 10000;
    top: 16px;
    left: 16px;
    width: 50%;
    opacity: 0.9;
}

.fit-content {
    max-width: fit-content;
}

/** Header **/
header {border-bottom: 1px solid #007278;}
.bg-light {background-color: #fff !important;}
/** End Header **/

/** Votes **/
.timer-update {font-weight: bold;}
.btn-link.reset {color: #dc3545;}
.btn-link.results-display {color: #007278;}
/** End Votes **/

/** Question Column **/
.question-sticky {
  /*position: sticky;
  top: 20px;*/
  position: relative;
}
.col-questions {
  position: fixed;
  border: 0 solid #000;
  overflow-y: auto;
  height: calc(100vh - 196px);
}
.col-questions-title {position: fixed;}
  .col-questions-title h3 {margin-bottom: 0;}
  .col-questions-title button {margin-top: 9px;}
.question-container .card-header {
    background: none;
    border-bottom: 0;
}
.question-container .card-footer {
    background: none;
    border-top: 0;
}
.question-container .question .blockquote p {font-size: 1rem;}
/** End Question Column **/

.voter {margin-bottom: 150px;}
.view-info {
  text-decoration: underline;
  font-size: 1rem;
  display: inline-block;
}
.voteable {
  color: #5A5A5A;
  font-size: 1rem;
  border-bottom: 1px solid #d6eaf5;
}

.candidate {cursor: pointer;}
.candidate-checkbox {
  width: 30px;
  height: 30px;
  border: 2px solid #117dba;
  border-radius: 3px;
  margin: auto;
}
  .candidate-checkbox i {margin-top: 5px;}

  .candidate-title {display: inline-block;}

.candidate.bg-success {background: none !important;}
  .candidate.bg-success .candidate-checkbox {background: #117dba;}
  .candidate.bg-success .candidate-checkbox i {color: #fff;}

/** Voter live stream **/
.live-stream-container {position: relative;}
  .live-stream {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 32px;
    left: 0;
    pointer-events: none;
  }
  .video {
    width: 300px;
    height: auto;
    float: right;
  }
/** End Voter live stream **/

/** Admin Tabs **/
.admin-tabs.nav-tabs {
  border-bottom: 0;
  margin-bottom: 56px;
}
.admin-tabs.nav-tabs .nav-link.active {
  border: none;
  background: #00a1ed;
  border-radius: 0;
  color: #fff;
}
.admin-tabs.nav-tabs .nav-link:focus {
  border: none;
  background: #00a1ed;
  border-radius: 0;
  color: #fff;
}
.admin-tabs.nav-tabs .nav-link:hover {
  border: none;
  background: #00a1ed;
  border-radius: 0;
  color: #fff;
}

.question-tabs.nav-pills .nav-link {color: #00a1ed;}
.question-tabs.nav-pills .nav-link.active {
    color: #fff;
    background-color: #00a1ed;
    border-radius: 0;
}
  .question-tabs.nav-pills .nav-link:hover {
      color: #fff;
      background-color: #00a1ed;
      border-radius: 0;
  }
/** End Admin Tabs **/

.add-motion {color: #00a1ed;}

/** Footer **/
footer.page-footer.bg-dark {
  background-color: #2f9c39 !important;
  color: #fff;
  font-size: .875rem;
}
footer a {
  color: #fff;
  text-decoration: underline;
  margin: 0 15px;
}
footer span {margin: 0 15px;}
footer a:hover {color: #fff;}




footer.voter-footer {
    background-color: #e2eaef;
    border-top: 2px solid #c2d4de;
    width: 100%;
    position: absolute;
    bottom: 0;
}
    footer.voter-footer .social a {color: #00a1ed;}
    footer.voter-footer .copyright span {
        color: #00a1ed;
        font-size: 0.875rem;
    }
    footer.voter-footer .footer-nav a {color: #00a1ed;}
    footer.voter-footer .footer-nav span {
        display: inline-block;
        margin: 0 10px;
        color: #00a1ed;
    }

/** End Footer **/

.members-online.table thead th {border: 0;}
.view-members-modal .modal-title {color: #373A3C;}
.view-members-modal .download {float: left;}
.view-members-modal .close-btn {float: right;}

.bar {
  display: block;
  width: 100%;
  height: 24px;
  background: #E5E5E5;
}
  .progress-bar {
      background: #54c7f5; /* Old browsers */
      background: -moz-linear-gradient(top,  #54c7f5 0%, #387790 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  #54c7f5 0%,#387790 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  #54c7f5 0%,#387790 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54c7f5', endColorstr='#387790',GradientType=0 ); /* IE6-9 */
  }
.results-message {color: #797979;}

/* Customize the label (the container) */
.survey-option {
  position: relative;
  color: #5A5A5A;
  font-size: 1rem;
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid #d6eaf5;
}

.survey-option label {
  cursor: pointer;
}

/* Hide the browser's default radio button */
.survey-option input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #117dba;
}

/* On mouse-over, add a grey background color */
.survey-option:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.survey-option input:checked ~ .checkmark {
  background-color: #117dba;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.survey-option input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.survey-option .checkmark:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  content: "\f00c";
  color: #fff;
  top: 2px;
  left: 5px;
}

.or {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
  font-style: italic;
  color: #aaa;
}

.message {
    background-color: #cce5ff;
    border: 1px solid #b8daff;
    border-radius: 6px;
}

@media only screen  and (max-width : 768px) {
    .extra {margin-bottom: 120px !important;}

    #div_confirm .btn {
      display: block;
      width: 100%;
    }

}

@media only screen  and (max-width : 530px) {

}