@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700";
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 0;
  font-size: 12px;
  color: #555555;
  font-weight: bold;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.checkbox input[type="checkbox"]:focus ~ label::before,
.checkbox input[type="radio"]:focus ~ label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked ~ label::after,
.checkbox input[type="radio"]:checked ~ label::after {
  /*font-family: 'FontAwesome';*/
  content: "\2714";
}
.checkbox input[type="checkbox"]:indeterminate ~ label::after,
.checkbox input[type="radio"]:indeterminate ~ label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled ~ label,
.checkbox input[type="radio"]:disabled ~ label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled ~ label::before,
.checkbox input[type="radio"]:disabled ~ label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked ~ label::before,
.checkbox-primary input[type="radio"]:checked ~ label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked ~ label::after,
.checkbox-primary input[type="radio"]:checked ~ label::after {
  color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked ~ label::before,
.checkbox-danger input[type="radio"]:checked ~ label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked ~ label::after,
.checkbox-danger input[type="radio"]:checked ~ label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked ~ label::before,
.checkbox-info input[type="radio"]:checked ~ label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked ~ label::after,
.checkbox-info input[type="radio"]:checked ~ label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked ~ label::before,
.checkbox-warning input[type="radio"]:checked ~ label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked ~ label::after,
.checkbox-warning input[type="radio"]:checked ~ label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked ~ label::before,
.checkbox-success input[type="radio"]:checked ~ label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked ~ label::after,
.checkbox-success input[type="radio"]:checked ~ label::after {
  color: #fff;
}

.checkbox-primary input[type="checkbox"]:indeterminate ~ label::before,
.checkbox-primary input[type="radio"]:indeterminate ~ label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate ~ label::after,
.checkbox-primary input[type="radio"]:indeterminate ~ label::after {
  background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate ~ label::before,
.checkbox-danger input[type="radio"]:indeterminate ~ label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate ~ label::after,
.checkbox-danger input[type="radio"]:indeterminate ~ label::after {
  background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate ~ label::before,
.checkbox-info input[type="radio"]:indeterminate ~ label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate ~ label::after,
.checkbox-info input[type="radio"]:indeterminate ~ label::after {
  background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate ~ label::before,
.checkbox-warning input[type="radio"]:indeterminate ~ label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate ~ label::after,
.checkbox-warning input[type="radio"]:indeterminate ~ label::after {
  background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate ~ label::before,
.checkbox-success input[type="radio"]:indeterminate ~ label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate ~ label::after,
.checkbox-success input[type="radio"]:indeterminate ~ label::after {
  background-color: #fff;
}

.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.radio input[type="radio"]:focus ~ label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked ~ label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled ~ label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled ~ label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type="radio"] ~ label::after {
  background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked ~ label::before {
  border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked ~ label::after {
  background-color: #337ab7;
}

.radio-danger input[type="radio"] ~ label::after {
  background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked ~ label::before {
  border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked ~ label::after {
  background-color: #d9534f;
}

.radio-info input[type="radio"] ~ label::after {
  background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked ~ label::before {
  border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked ~ label::after {
  background-color: #5bc0de;
}

.radio-warning input[type="radio"] ~ label::after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked ~ label::before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked ~ label::after {
  background-color: #f0ad4e;
}

.radio-success input[type="radio"] ~ label::after {
  background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked ~ label::before {
  border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked ~ label::after {
  background-color: #5cb85c;
}

/*VR: [2014]*/
input[type="checkbox"].styled:checked ~ label:after,
input[type="radio"].styled:checked ~ label:after {
  /*font-family: 'FontAwesome';*/
  content: "\2714";
  font-weight: bold;
  font-size: 11px;
}
input[type="checkbox"] .styled:checked ~ label::before,
input[type="radio"] .styled:checked ~ label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked ~ label::after,
input[type="radio"] .styled:checked ~ label::after {
  color: #fff;
}

/*!
 * bootswatch v3.3.5
 * Homepage: http://bootswatch.com
 * Copyright 2012-2015 Thomas Park
 * Licensed under MIT
 * Based on Bootstrap
*/
/*
    2017-07-25 - Modified to add the xxs styles
    https://github.com/auipga/bootstrap-xxs
*/
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.label,sub,sup{vertical-align:baseline}.btn,.btn-group,.btn-group-vertical,.caret,.checkbox-inline,.radio-inline,img{vertical-align:middle}hr,img{border:0}body,figure{margin:0}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.pre-scrollable{max-height:340px}.btn-group>.btn-group,.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.dropdown-menu{float:left}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.glyphicon,address{font-style:normal}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before{background:0 0!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}.btn,.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-warning.active,.btn-warning:active,.btn.active,.btn:active,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover,.form-control,.navbar-toggle,.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-warning{background-image:none}.img-thumbnail,body{background-color:#fff}@font-face{font-family:'Glyphicons Halflings';src:url(/fonts/glyphicons-halflings-regular.eot);src:url(/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before,.glyphicon-btc:before,.glyphicon-xbt:before{content:"\e227"}.glyphicon-jpy:before,.glyphicon-yen:before{content:"\00a5"}.glyphicon-rub:before,.glyphicon-ruble:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"Source Sans Pro",Calibri,Candara,Arial,sans-serif;font-size:15px;line-height:1.42857143;color:#333}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#2780e3;text-decoration:none}a:focus,a:hover{color:#165ba8;text-decoration:underline}a:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:0}.img-thumbnail{padding:4px;line-height:1.42857143;border:1px solid #ddd;border-radius:0;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:21px;margin-bottom:21px;border-top:1px solid #e6e6e6}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:"Source Sans Pro",Calibri,Candara,Arial,sans-serif;font-weight:300;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#999}.h1,.h2,.h3,h1,h2,h3{margin-top:21px;margin-bottom:10.5px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10.5px;margin-bottom:10.5px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:39px}.h2,h2{font-size:32px}.h3,h3{font-size:26px}.h4,h4{font-size:19px}.h5,h5{font-size:15px}.h6,h6{font-size:13px}p{margin:0 0 10.5px}.lead{margin-bottom:21px;font-size:17px;font-weight:300;line-height:1.4}dt,kbd kbd,label{font-weight:700}address,blockquote .small,blockquote footer,blockquote small,dd,dt,pre{line-height:1.42857143}@media (min-width:768px){.lead{font-size:22.5px}}.small,small{font-size:86%}.mark,mark{background-color:#ff7518;padding:.2em;color:#FFF}.list-inline,.list-unstyled{padding-left:0;list-style:none}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#999}.text-primary{color:#2780e3}a.text-primary:focus,a.text-primary:hover{color:#1967be}a.text-danger:focus,a.text-danger:hover,a.text-info:focus,a.text-info:hover,a.text-success:focus,a.text-success:hover,a.text-warning:focus,a.text-warning:hover{color:#e6e6e6}.bg-primary{color:#fff;background-color:#2780e3}a.bg-primary:focus,a.bg-primary:hover{background-color:#1967be}.bg-success{background-color:#3fb618}a.bg-success:focus,a.bg-success:hover{background-color:#2f8912}.bg-info{background-color:#9954bb}a.bg-info:focus,a.bg-info:hover{background-color:#7e3f9d}.bg-warning{background-color:#ff7518}a.bg-warning:focus,a.bg-warning:hover{background-color:#e45c00}.bg-danger{background-color:#ff0039}a.bg-danger:focus,a.bg-danger:hover{background-color:#cc002e}pre code,table{background-color:transparent}.page-header{padding-bottom:9.5px;margin:42px 0 21px;border-bottom:1px solid #e6e6e6}dl,ol,ul{margin-top:0}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child,ol ol,ol ul,ul ol,ul ul{margin-bottom:0}address,dl{margin-bottom:21px}ol,ul{margin-bottom:10.5px}.list-inline{margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}.container{width:750px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10.5px 21px;margin:0 0 21px;font-size:18.75px;border-left:5px solid #e6e6e6}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;color:#999}legend,pre{display:block;color:#333}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #e6e6e6;border-left:0;text-align:right}code,kbd{padding:2px 4px;font-size:90%;border-radius:0}caption,th{text-align:left}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{color:#c7254e;background-color:#f9f2f4}kbd{color:#fff;background-color:#333;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;-webkit-box-shadow:none;box-shadow:none}pre{padding:10px;margin:0 0 10.5px;font-size:14px;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:0}.container,.container-fluid{margin-right:auto;margin-left:auto}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;border-radius:0}.container,.container-fluid{padding-left:15px;padding-right:15px}.pre-scrollable{overflow-y:scroll}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}caption{padding-top:8px;padding-bottom:8px;color:#999}.table{width:100%;max-width:100%;margin-bottom:21px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#3fb618}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#379f15}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#9954bb}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#8d46b0}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#ff7518}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#fe6600}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#ff0039}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#e60033}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15.75px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset,legend{padding:0;border:0}fieldset{margin:0;min-width:0}legend{width:100%;margin-bottom:21px;font-size:22.5px;line-height:inherit;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}.form-control,output{font-size:15px;line-height:1.42857143;display:block;color:#333}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}output{padding-top:11px}.form-control{width:100%;height:43px;padding:10px 18px;background-color:#fff;border:1px solid #ccc;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#e6e6e6;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:43px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:31px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:64px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:21px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px;margin-top:4px\9}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.form-control-static{padding-top:11px;padding-bottom:11px;margin-bottom:0;min-height:36px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.form-group-sm .form-control,.input-sm{padding:5px 10px;font-size:13px;border-radius:0}.input-sm{height:31px;line-height:1.5}select.input-sm{height:31px;line-height:31px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:31px;line-height:1.5}.form-group-sm select.form-control{height:31px;line-height:31px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:31px;min-height:34px;padding:6px 10px;font-size:13px;line-height:1.5}.input-lg{height:64px;padding:18px 30px;font-size:19px;line-height:1.3333333;border-radius:0}select.input-lg{height:64px;line-height:64px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:64px;padding:18px 30px;font-size:19px;line-height:1.3333333;border-radius:0}.form-group-lg select.form-control{height:64px;line-height:64px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:64px;min-height:40px;padding:19px 30px;font-size:19px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:53.75px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:43px;height:43px;line-height:43px;text-align:center;pointer-events:none}.collapsing,.dropdown,.dropup{position:relative}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:64px;height:64px;line-height:64px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:31px;height:31px;line-height:31px}.has-success .form-control{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff}.has-success .input-group-addon{color:#fff;background-color:#3fb618}.has-warning .form-control{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff}.has-warning .input-group-addon{color:#fff;background-color:#ff7518}.has-error .form-control{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff}.has-error .input-group-addon{color:#fff;background-color:#ff0039}.has-feedback label~.form-control-feedback{top:26px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-control-static,.form-inline .form-group{display:inline-block}.form-inline .control-label,.form-inline .form-group{margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:11px}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:11px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:32px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:25px;font-size:19px}.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:13px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:10px 18px;font-size:15px;line-height:1.42857143;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#fff;text-decoration:none}.btn.active,.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#fff;background-color:#222;border-color:#222}.btn-default.focus,.btn-default:focus{color:#fff;background-color:#090909;border-color:#000}.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#fff;background-color:#090909;border-color:#040404}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#fff;background-color:#000;border-color:#000}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#222;border-color:#222}.btn-default .badge{color:#222;background-color:#fff}.btn-primary{color:#fff;background-color:#2780e3;border-color:#2780e3}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#1967be;border-color:#10427b}.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#1967be;border-color:#1862b5}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#15569f;border-color:#10427b}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#2780e3;border-color:#2780e3}.btn-primary .badge{color:#2780e3;background-color:#fff}.btn-success{color:#fff;background-color:#3fb618;border-color:#3fb618}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#2f8912;border-color:#184509}.btn-success.active,.btn-success:active,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#2f8912;border-color:#2c8011}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#24690e;border-color:#184509}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#3fb618;border-color:#3fb618}.btn-success .badge{color:#3fb618;background-color:#fff}.btn-info{color:#fff;background-color:#9954bb;border-color:#9954bb}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#7e3f9d;border-color:#522967}.btn-info.active,.btn-info:active,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#7e3f9d;border-color:#783c96}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#6a3484;border-color:#522967}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#9954bb;border-color:#9954bb}.btn-info .badge{color:#9954bb;background-color:#fff}.btn-warning{color:#fff;background-color:#ff7518;border-color:#ff7518}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#e45c00;border-color:#983d00}.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#e45c00;border-color:#da5800}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#c04d00;border-color:#983d00}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#ff7518;border-color:#ff7518}.btn-warning .badge{color:#ff7518;background-color:#fff}.btn-danger{color:#fff;background-color:#ff0039;border-color:#ff0039}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#cc002e;border-color:#80001c}.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#cc002e;border-color:#c2002b}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#a80026;border-color:#80001c}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#ff0039;border-color:#ff0039}.btn-danger .badge{color:#ff0039;background-color:#fff}.btn-link{color:#2780e3;font-weight:400;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#165ba8;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#999;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:18px 30px;font-size:19px;line-height:1.3333333;border-radius:0}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:13px;line-height:1.5;border-radius:0}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:13px;line-height:1.5;border-radius:0}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:15px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);-webkit-background-clip:padding-box;background-clip:padding-box}.dropdown-menu-right,.dropdown-menu.pull-right{left:auto;right:0}.dropdown-header,.dropdown-menu>li>a{display:block;padding:3px 20px;line-height:1.42857143;white-space:nowrap}.dropdown-menu .divider{height:1px;margin:9.5px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{clear:both;font-weight:400;color:#333}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;color:#fff;background-color:#2780e3}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#2780e3}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#999}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{font-size:13px;color:#999}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn .caret,.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn-lg .caret{border-width:5px 5px 0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:64px;padding:18px 30px;font-size:19px;line-height:1.3333333;border-radius:0}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:64px;line-height:64px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:31px;padding:5px 10px;font-size:13px;line-height:1.5;border-radius:0}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:31px;line-height:31px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.nav>li,.nav>li>a{display:block;position:relative}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:10px 18px;font-size:15px;font-weight:400;line-height:1;color:#333;text-align:center;background-color:#e6e6e6;border:1px solid #ccc;border-radius:0}.input-group-addon.input-sm{padding:5px 10px;font-size:13px;border-radius:0}.input-group-addon.input-lg{padding:18px 30px;font-size:19px;border-radius:0}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li>a{padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#e6e6e6}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#e6e6e6;border-color:#2780e3}.nav .nav-divider{height:1px;margin:9.5px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:0}.nav-tabs>li>a:hover{border-color:#e6e6e6 #e6e6e6 #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px;margin-right:0;border-radius:0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0;border-bottom:1px solid #ddd;border-radius:0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-justified>li,.nav-stacked>li{float:none}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#2780e3}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:21px;border:1px solid transparent}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar{border-radius:0}.navbar-header{float:left}.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-left:0;padding-right:0}}.carousel-inner,.embed-responsive,.modal,.modal-open,.progress{overflow:hidden}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}.navbar-static-top{z-index:1000;border-width:0 0 1px}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:14.5px 15px;font-size:19px;line-height:21px;height:50px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{border-radius:0}.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;border:1px solid transparent;border-radius:0}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}.navbar-nav{margin:7.25px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:21px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:21px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}.progress-bar-striped,.progress-striped .progress-bar,.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}@media (min-width:768px){.navbar-toggle{display:none}.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:14.5px;padding-bottom:14.5px}}.navbar-form{padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin:3.5px -15px}@media (min-width:768px){.navbar-form .form-control-static,.navbar-form .form-group{display:inline-block}.navbar-form .control-label,.navbar-form .form-group{margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}}.breadcrumb>li,.pagination{display:inline-block}.btn .badge,.btn .label{top:-1px;position:relative}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-radius:0}.navbar-btn{margin-top:3.5px;margin-bottom:3.5px}.navbar-btn.btn-sm{margin-top:9.5px;margin-bottom:9.5px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:14.5px;margin-bottom:14.5px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#222;border-color:#121212}.navbar-default .navbar-brand{color:#fff}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#fff;background-color:none}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:#fff}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:#090909}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:transparent}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#090909}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#121212}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:#090909;color:#fff}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:#090909}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .btn-link,.navbar-default .btn-link:focus,.navbar-default .btn-link:hover,.navbar-default .navbar-link,.navbar-default .navbar-link:hover{color:#fff}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#2780e3;border-color:#1967be}.navbar-inverse .navbar-brand{color:#fff}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:none}.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#fff}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:#1967be}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:transparent}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#1967be}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#1a6ecc}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:#1967be;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#1967be}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#1967be}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#fff}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:#1967be}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#fff;background-color:transparent}}.navbar-inverse .btn-link,.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,.navbar-inverse .navbar-link,.navbar-inverse .navbar-link:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:21px;list-style:none;background-color:#f5f5f5;border-radius:0}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.pagination{padding-left:0;margin:21px 0;border-radius:0}.pager li,.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:10px 18px;line-height:1.42857143;text-decoration:none;color:#2780e3;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span,.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span,.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0;border-top-left-radius:0}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;color:#165ba8;background-color:#e6e6e6;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#999;background-color:#f5f5f5;border-color:#ddd;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:18px 30px;font-size:19px;line-height:1.3333333}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:13px;line-height:1.5}.badge,.label{font-weight:700;line-height:1;white-space:nowrap;text-align:center}.pager{padding-left:0;margin:21px 0;list-style:none;text-align:center}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:0}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#e6e6e6}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;color:#fff}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.label-default{background-color:#222}.label-default[href]:focus,.label-default[href]:hover{background-color:#090909}.label-primary{background-color:#2780e3}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#1967be}.label-success{background-color:#3fb618}.label-success[href]:focus,.label-success[href]:hover{background-color:#2f8912}.label-info{background-color:#9954bb}.label-info[href]:focus,.label-info[href]:hover{background-color:#7e3f9d}.label-warning{background-color:#ff7518}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#e45c00}.label-danger{background-color:#ff0039}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#cc002e}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:13px;color:#fff;vertical-align:middle;background-color:#2780e3;border-radius:10px}.badge:empty{display:none}.media-object,.thumbnail{display:block}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#2780e3;background-color:#fff}.jumbotron,.jumbotron .h1,.jumbotron h1{color:inherit}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;background-color:#e6e6e6}.jumbotron p{margin-bottom:15px;font-size:23px;font-weight:200}.alert,.thumbnail{margin-bottom:21px}.alert .alert-link,.close{font-weight:700}.jumbotron>hr{border-top-color:#ccc}.container .jumbotron,.container-fluid .jumbotron{border-radius:0}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-left:60px;padding-right:60px}.jumbotron .h1,.jumbotron h1{font-size:68px}}.thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:0;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-left:auto;margin-right:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#2780e3}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;border-radius:0}.alert h4{margin-top:0;color:inherit}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.modal,.modal-backdrop{top:0;right:0;bottom:0;left:0}.alert-success{background-color:#3fb618;border-color:#4e9f15;color:#fff}.alert-success hr{border-top-color:#438912}.alert-success .alert-link{color:#e6e6e6}.alert-info{background-color:#9954bb;border-color:#7643a8;color:#fff}.alert-info hr{border-top-color:#693c96}.alert-info .alert-link{color:#e6e6e6}.alert-warning{background-color:#ff7518;border-color:#ff4309;color:#fff}.alert-warning hr{border-top-color:#ee3800}.alert-warning .alert-link{color:#e6e6e6}.alert-danger{background-color:#ff0039;border-color:#f0005e;color:#fff}.alert-danger hr{border-top-color:#d60054}.alert-danger .alert-link{color:#e6e6e6}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{margin-bottom:21px;background-color:#ccc;border-radius:0}.progress-bar{float:left;width:0;height:100%;font-size:13px;line-height:21px;color:#fff;text-align:center;background-color:#2780e3;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#3fb618}.progress-striped .progress-bar-success{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-striped .progress-bar-info,.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#9954bb}.progress-striped .progress-bar-info{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#ff7518}.progress-striped .progress-bar-warning{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#ff0039}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{text-decoration:none;color:#555;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{background-color:#e6e6e6;color:#999;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#999}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#2780e3;border-color:#ddd}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#dceafa}.list-group-item-success{color:#fff;background-color:#3fb618}a.list-group-item-success,button.list-group-item-success{color:#fff}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#fff;background-color:#379f15}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#fff;border-color:#fff}.list-group-item-info{color:#fff;background-color:#9954bb}a.list-group-item-info,button.list-group-item-info{color:#fff}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#fff;background-color:#8d46b0}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#fff;border-color:#fff}.list-group-item-warning{color:#fff;background-color:#ff7518}a.list-group-item-warning,button.list-group-item-warning{color:#fff}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#fff;background-color:#fe6600}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#fff;border-color:#fff}.list-group-item-danger{color:#fff;background-color:#ff0039}a.list-group-item-danger,button.list-group-item-danger{color:#fff}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#fff;background-color:#e60033}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#fff;border-color:#fff}.panel-heading>.dropdown .dropdown-toggle,.panel-title,.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:21px;background-color:#fff;border:1px solid transparent;border-radius:0;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-title,.panel>.list-group,.panel>.panel-collapse>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent}.panel-title{margin-top:0;font-size:17px}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:-1;border-bottom-left-radius:-1}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel-group .panel-heading,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:-1;border-bottom-right-radius:-1}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:-1;border-top-left-radius:-1}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:-1;border-bottom-left-radius:-1}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-right-radius:-1;border-top-left-radius:-1}.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-left:15px;padding-right:15px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:-1}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:-1}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:-1}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:-1}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:21px}.panel-group .panel{margin-bottom:0;border-radius:0}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#2780e3}.panel-primary>.panel-heading{color:#fff;background-color:#2780e3;border-color:#2780e3}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#2780e3}.panel-primary>.panel-heading .badge{color:#2780e3;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#2780e3}.panel-success{border-color:#4e9f15}.panel-success>.panel-heading{color:#fff;background-color:#3fb618;border-color:#4e9f15}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#4e9f15}.panel-success>.panel-heading .badge{color:#3fb618;background-color:#fff}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#4e9f15}.panel-info{border-color:#7643a8}.panel-info>.panel-heading{color:#fff;background-color:#9954bb;border-color:#7643a8}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#7643a8}.panel-info>.panel-heading .badge{color:#9954bb;background-color:#fff}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#7643a8}.panel-warning{border-color:#ff4309}.panel-warning>.panel-heading{color:#fff;background-color:#ff7518;border-color:#ff4309}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ff4309}.panel-warning>.panel-heading .badge{color:#ff7518;background-color:#fff}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ff4309}.panel-danger{border-color:#f0005e}.panel-danger>.panel-heading{color:#fff;background-color:#ff0039;border-color:#f0005e}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#f0005e}.panel-danger>.panel-heading .badge{color:#ff0039;background-color:#fff}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#f0005e}.embed-responsive{position:relative;display:block;height:0;padding:0}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:0}.well-sm{padding:9px;border-radius:0}.close{float:right;font-size:22.5px;line-height:1;color:#fff;filter:alpha(opacity=20)}.popover,.tooltip{font-family:"Source Sans Pro",Calibri,Candara,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;text-decoration:none}.modal-title,.popover,.tooltip{line-height:1.42857143}.close:focus,.close:hover{color:#fff;text-decoration:none;cursor:pointer;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal{display:none;position:fixed;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid transparent;border-radius:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.43px}.modal-header .close{margin-top:-2px}.modal-title{margin:0}.modal-body{position:relative;padding:20px}.modal-footer{padding:20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;text-align:left;text-align:start;font-size:13px;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:0}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px}.tooltip.top-right .tooltip-arrow{left:5px}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow{border-width:0 5px 5px;border-bottom-color:#000;top:0}.tooltip.bottom .tooltip-arrow{left:50%;margin-left:-5px}.tooltip.bottom-left .tooltip-arrow{right:5px;margin-top:-5px}.tooltip.bottom-right .tooltip-arrow{left:5px;margin-top:-5px}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;text-align:left;text-align:start;font-size:15px;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:0;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.carousel-caption,.carousel-control{color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:15px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:-1 -1 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.carousel,.carousel-inner{position:relative}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.left>.arrow:after,.popover.right>.arrow:after{content:" ";bottom:-10px}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{left:1px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;border-right-width:0;border-left-color:#fff}.carousel-inner{width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:focus,.carousel-control:hover{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;line-height:1;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px}.carousel-caption .btn,.close,.text-hide{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;background-color:transparent;border:0}.affix{position:fixed}@-ms-viewport{width:device-width}@media (min-width:480px) and (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important}}@media (min-width:480px) and (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}.navbar-inverse .badge{background-color:#fff;color:#2780e3}body{-webkit-font-smoothing:antialiased}.text-primary,.text-primary:hover{color:#2780e3}.text-success,.text-success:hover{color:#3fb618}.text-danger,.text-danger:hover{color:#ff0039}.text-warning,.text-warning:hover{color:#ff7518}.text-info,.text-info:hover{color:#9954bb}.table a:not(.btn),table a:not(.btn){text-decoration:underline}.close,.table .dropdown-menu a,table .dropdown-menu a{text-decoration:none}.table .danger,.table .danger a,.table .info,.table .info a,.table .success,.table .success a,.table .warning,.table .warning a,table .danger,table .danger a,table .info,table .info a,table .success,table .success a,table .warning,table .warning a{color:#fff}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#ff7518}.has-warning .form-control,.has-warning .form-control:focus,.has-warning .input-group-addon{border:1px solid #ff7518}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#ff0039}.has-error .form-control,.has-error .form-control:focus,.has-error .input-group-addon{border:1px solid #ff0039}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3fb618}.has-success .form-control,.has-success .form-control:focus,.has-success .input-group-addon{border:1px solid #3fb618}.nav-pills>li>a{border-radius:0}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-image:none}.close{opacity:.4}.close:focus,.close:hover{opacity:1}.alert{border:none}.alert .alert-link{text-decoration:underline;color:#fff}.modal .close,.panel-default .close,.popover{color:#333}.label{border-radius:0}.progress{height:8px;-webkit-box-shadow:none;box-shadow:none}.progress .progress-bar{font-size:8px;line-height:8px}.panel-footer,.panel-heading{border-top-right-radius:0;border-top-left-radius:0}a.list-group-item-success.active{background-color:#3fb618}a.list-group-item-success.active:focus,a.list-group-item-success.active:hover{background-color:#379f15}a.list-group-item-warning.active{background-color:#ff7518}a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover{background-color:#fe6600}a.list-group-item-danger.active{background-color:#ff0039}a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover{background-color:#e60033}

.col-xxs-1,.col-xxs-10,.col-xxs-11,.col-xxs-12,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9{min-height:1px;padding-left:15px;padding-right:15px;position:relative}.visible-xxs,.visible-xxs-block,.visible-xxs-inline,.visible-xxs-inline-block{display:none!important}@media (max-width:479px){.col-xxs-1,.col-xxs-10,.col-xxs-11,.col-xxs-12,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9{float:left}.col-xxs-12{width:100%}.col-xxs-11{width:91.66666667%}.col-xxs-10{width:83.33333333%}.col-xxs-9{width:75%}.col-xxs-8{width:66.66666667%}.col-xxs-7{width:58.33333333%}.col-xxs-6{width:50%}.col-xxs-5{width:41.66666667%}.col-xxs-4{width:33.33333333%}.col-xxs-3{width:25%}.col-xxs-2{width:16.66666667%}.col-xxs-1{width:8.33333333%}.col-xxs-pull-12{right:100%}.col-xxs-pull-11{right:91.66666667%}.col-xxs-pull-10{right:83.33333333%}.col-xxs-pull-9{right:75%}.col-xxs-pull-8{right:66.66666667%}.col-xxs-pull-7{right:58.33333333%}.col-xxs-pull-6{right:50%}.col-xxs-pull-5{right:41.66666667%}.col-xxs-pull-4{right:33.33333333%}.col-xxs-pull-3{right:25%}.col-xxs-pull-2{right:16.66666667%}.col-xxs-pull-1{right:8.33333333%}.col-xxs-pull-0{right:auto}.col-xxs-push-12{left:100%}.col-xxs-push-11{left:91.66666667%}.col-xxs-push-10{left:83.33333333%}.col-xxs-push-9{left:75%}.col-xxs-push-8{left:66.66666667%}.col-xxs-push-7{left:58.33333333%}.col-xxs-push-6{left:50%}.col-xxs-push-5{left:41.66666667%}.col-xxs-push-4{left:33.33333333%}.col-xxs-push-3{left:25%}.col-xxs-push-2{left:16.66666667%}.col-xxs-push-1{left:8.33333333%}.col-xxs-push-0{left:auto}.col-xxs-offset-12{margin-left:100%}.col-xxs-offset-11{margin-left:91.66666667%}.col-xxs-offset-10{margin-left:83.33333333%}.col-xxs-offset-9{margin-left:75%}.col-xxs-offset-8{margin-left:66.66666667%}.col-xxs-offset-7{margin-left:58.33333333%}.col-xxs-offset-6{margin-left:50%}.col-xxs-offset-5{margin-left:41.66666667%}.col-xxs-offset-4{margin-left:33.33333333%}.col-xxs-offset-3{margin-left:25%}.col-xxs-offset-2{margin-left:16.66666667%}.col-xxs-offset-1{margin-left:8.33333333%}.col-xxs-offset-0{margin-left:0}.hidden-xxs{display:none!important}.visible-xxs{display:block!important}table.visible-xxs{display:table}tr.visible-xxs{display:table-row!important}td.visible-xxs,th.visible-xxs{display:table-cell!important}.visible-xxs-block{display:block!important}.visible-xxs-inline{display:inline!important}.visible-xxs-inline-block{display:inline-block!important}}

.col-tn-1,.col-tn-10,.col-tn-11,.col-tn-12,.col-tn-2,.col-tn-3,.col-tn-4,.col-tn-5,.col-tn-6,.col-tn-7,.col-tn-8,.col-tn-9,.col-xxs-1,.col-xxs-10,.col-xxs-11,.col-xxs-12,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9{min-height:1px;padding-left:15px;padding-right:15px;position:relative}@media (min-width:384px) and (max-width:479px){.col-xxs-1,.col-xxs-10,.col-xxs-11,.col-xxs-12,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9{float:left}.col-xxs-12{width:100%}.col-xxs-11{width:91.66666667%}.col-xxs-10{width:83.33333333%}.col-xxs-9{width:75%}.col-xxs-8{width:66.66666667%}.col-xxs-7{width:58.33333333%}.col-xxs-6{width:50%}.col-xxs-5{width:41.66666667%}.col-xxs-4{width:33.33333333%}.col-xxs-3{width:25%}.col-xxs-2{width:16.66666667%}.col-xxs-1{width:8.33333333%}.col-xxs-pull-12{right:100%}.col-xxs-pull-11{right:91.66666667%}.col-xxs-pull-10{right:83.33333333%}.col-xxs-pull-9{right:75%}.col-xxs-pull-8{right:66.66666667%}.col-xxs-pull-7{right:58.33333333%}.col-xxs-pull-6{right:50%}.col-xxs-pull-5{right:41.66666667%}.col-xxs-pull-4{right:33.33333333%}.col-xxs-pull-3{right:25%}.col-xxs-pull-2{right:16.66666667%}.col-xxs-pull-1{right:8.33333333%}.col-xxs-pull-0{right:auto}.col-xxs-push-12{left:100%}.col-xxs-push-11{left:91.66666667%}.col-xxs-push-10{left:83.33333333%}.col-xxs-push-9{left:75%}.col-xxs-push-8{left:66.66666667%}.col-xxs-push-7{left:58.33333333%}.col-xxs-push-6{left:50%}.col-xxs-push-5{left:41.66666667%}.col-xxs-push-4{left:33.33333333%}.col-xxs-push-3{left:25%}.col-xxs-push-2{left:16.66666667%}.col-xxs-push-1{left:8.33333333%}.col-xxs-push-0{left:auto}.col-xxs-offset-12{margin-left:100%}.col-xxs-offset-11{margin-left:91.66666667%}.col-xxs-offset-10{margin-left:83.33333333%}.col-xxs-offset-9{margin-left:75%}.col-xxs-offset-8{margin-left:66.66666667%}.col-xxs-offset-7{margin-left:58.33333333%}.col-xxs-offset-6{margin-left:50%}.col-xxs-offset-5{margin-left:41.66666667%}.col-xxs-offset-4{margin-left:33.33333333%}.col-xxs-offset-3{margin-left:25%}.col-xxs-offset-2{margin-left:16.66666667%}.col-xxs-offset-1{margin-left:8.33333333%}.col-xxs-offset-0{margin-left:0}.hidden-xxs{display:none!important}}@media (max-width:383px){.col-tn-1,.col-tn-10,.col-tn-11,.col-tn-12,.col-tn-2,.col-tn-3,.col-tn-4,.col-tn-5,.col-tn-6,.col-tn-7,.col-tn-8,.col-tn-9{float:left}.col-tn-12{width:100%}.col-tn-11{width:91.66666667%}.col-tn-10{width:83.33333333%}.col-tn-9{width:75%}.col-tn-8{width:66.66666667%}.col-tn-7{width:58.33333333%}.col-tn-6{width:50%}.col-tn-5{width:41.66666667%}.col-tn-4{width:33.33333333%}.col-tn-3{width:25%}.col-tn-2{width:16.66666667%}.col-tn-1{width:8.33333333%}.col-tn-pull-12{right:100%}.col-tn-pull-11{right:91.66666667%}.col-tn-pull-10{right:83.33333333%}.col-tn-pull-9{right:75%}.col-tn-pull-8{right:66.66666667%}.col-tn-pull-7{right:58.33333333%}.col-tn-pull-6{right:50%}.col-tn-pull-5{right:41.66666667%}.col-tn-pull-4{right:33.33333333%}.col-tn-pull-3{right:25%}.col-tn-pull-2{right:16.66666667%}.col-tn-pull-1{right:8.33333333%}.col-tn-pull-0{right:auto}.col-tn-push-12{left:100%}.col-tn-push-11{left:91.66666667%}.col-tn-push-10{left:83.33333333%}.col-tn-push-9{left:75%}.col-tn-push-8{left:66.66666667%}.col-tn-push-7{left:58.33333333%}.col-tn-push-6{left:50%}.col-tn-push-5{left:41.66666667%}.col-tn-push-4{left:33.33333333%}.col-tn-push-3{left:25%}.col-tn-push-2{left:16.66666667%}.col-tn-push-1{left:8.33333333%}.col-tn-push-0{left:auto}.col-tn-offset-12{margin-left:100%}.col-tn-offset-11{margin-left:91.66666667%}.col-tn-offset-10{margin-left:83.33333333%}.col-tn-offset-9{margin-left:75%}.col-tn-offset-8{margin-left:66.66666667%}.col-tn-offset-7{margin-left:58.33333333%}.col-tn-offset-6{margin-left:50%}.col-tn-offset-5{margin-left:41.66666667%}.col-tn-offset-4{margin-left:33.33333333%}.col-tn-offset-3{margin-left:25%}.col-tn-offset-2{margin-left:16.66666667%}.col-tn-offset-1{margin-left:8.33333333%}.col-tn-offset-0{margin-left:0}.hidden-tn{display:none!important}}.visible-tn,.visible-tn-block,.visible-tn-inline,.visible-tn-inline-block,.visible-xxs,.visible-xxs-block,.visible-xxs-inline,.visible-xxs-inline-block{display:none!important}@media (min-width:384px) and (max-width:479px){.visible-xxs{display:block!important}table.visible-xxs{display:table}tr.visible-xxs{display:table-row!important}td.visible-xxs,th.visible-xxs{display:table-cell!important}.visible-xxs-block{display:block!important}.visible-xxs-inline{display:inline!important}.visible-xxs-inline-block{display:inline-block!important}}@media (max-width:383px){.visible-tn{display:block!important}table.visible-tn{display:table}tr.visible-tn{display:table-row!important}td.visible-tn,th.visible-tn{display:table-cell!important}.visible-tn-block{display:block!important}.visible-tn-inline{display:inline!important}.visible-tn-inline-block{display:inline-block!important}}



/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}

@keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}



.jello{
    -webkit-animation-name:jello;
            animation-name:jello;
    -webkit-transform-origin: center;

            transform-origin: center
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker{border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker.datepicker-rtl{direction:rtl}.datepicker.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0;padding:4px}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,.15);border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid rgba(0,0,0,.15)}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.new,.datepicker table tr td.old{color:#777}.datepicker table tr td.day:hover,.datepicker table tr td.focused{background:#eee;cursor:pointer}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td.highlighted{color:#000;background-color:#d9edf7;border-color:#85c5e5;border-radius:0}.datepicker table tr td.highlighted.focus,.datepicker table tr td.highlighted:focus{color:#000;background-color:#afd9ee;border-color:#298fc2}.datepicker table tr td.highlighted:hover{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active,.datepicker table tr td.highlighted:active{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active.focus,.datepicker table tr td.highlighted.active:focus,.datepicker table tr td.highlighted.active:hover,.datepicker table tr td.highlighted:active.focus,.datepicker table tr td.highlighted:active:focus,.datepicker table tr td.highlighted:active:hover{color:#000;background-color:#91cbe8;border-color:#298fc2}.datepicker table tr td.highlighted.disabled.focus,.datepicker table tr td.highlighted.disabled:focus,.datepicker table tr td.highlighted.disabled:hover,.datepicker table tr td.highlighted[disabled].focus,.datepicker table tr td.highlighted[disabled]:focus,.datepicker table tr td.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.highlighted.focus,fieldset[disabled] .datepicker table tr td.highlighted:focus,fieldset[disabled] .datepicker table tr td.highlighted:hover{background-color:#d9edf7;border-color:#85c5e5}.datepicker table tr td.highlighted.focused{background:#afd9ee}.datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active{background:#d9edf7;color:#777}.datepicker table tr td.today{color:#000;background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focus,.datepicker table tr td.today:focus{color:#000;background-color:#ffc966;border-color:#b37400}.datepicker table tr td.today:hover{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active,.datepicker table tr td.today:active{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active.focus,.datepicker table tr td.today.active:focus,.datepicker table tr td.today.active:hover,.datepicker table tr td.today:active.focus,.datepicker table tr td.today:active:focus,.datepicker table tr td.today:active:hover{color:#000;background-color:#ffbc42;border-color:#b37400}.datepicker table tr td.today.disabled.focus,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today[disabled].focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.today.focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover{background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focused{background:#ffc966}.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:active{background:#ffdb99;color:#777}.datepicker table tr td.range{color:#000;background-color:#eee;border-color:#bbb;border-radius:0}.datepicker table tr td.range.focus,.datepicker table tr td.range:focus{color:#000;background-color:#d5d5d5;border-color:#7c7c7c}.datepicker table tr td.range:hover{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active,.datepicker table tr td.range:active{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active.focus,.datepicker table tr td.range.active:focus,.datepicker table tr td.range.active:hover,.datepicker table tr td.range:active.focus,.datepicker table tr td.range:active:focus,.datepicker table tr td.range:active:hover{color:#000;background-color:#c3c3c3;border-color:#7c7c7c}.datepicker table tr td.range.disabled.focus,.datepicker table tr td.range.disabled:focus,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range[disabled].focus,.datepicker table tr td.range[disabled]:focus,.datepicker table tr td.range[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.focus,fieldset[disabled] .datepicker table tr td.range:focus,fieldset[disabled] .datepicker table tr td.range:hover{background-color:#eee;border-color:#bbb}.datepicker table tr td.range.focused{background:#d5d5d5}.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:active{background:#eee;color:#777}.datepicker table tr td.range.highlighted{color:#000;background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focus,.datepicker table tr td.range.highlighted:focus{color:#000;background-color:#c1d7e3;border-color:#4b88a6}.datepicker table tr td.range.highlighted:hover{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active,.datepicker table tr td.range.highlighted:active{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active.focus,.datepicker table tr td.range.highlighted.active:focus,.datepicker table tr td.range.highlighted.active:hover,.datepicker table tr td.range.highlighted:active.focus,.datepicker table tr td.range.highlighted:active:focus,.datepicker table tr td.range.highlighted:active:hover{color:#000;background-color:#a8c8d8;border-color:#4b88a6}.datepicker table tr td.range.highlighted.disabled.focus,.datepicker table tr td.range.highlighted.disabled:focus,.datepicker table tr td.range.highlighted.disabled:hover,.datepicker table tr td.range.highlighted[disabled].focus,.datepicker table tr td.range.highlighted[disabled]:focus,.datepicker table tr td.range.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.highlighted.focus,fieldset[disabled] .datepicker table tr td.range.highlighted:focus,fieldset[disabled] .datepicker table tr td.range.highlighted:hover{background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focused{background:#c1d7e3}.datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.highlighted.disabled:active{background:#e4eef3;color:#777}.datepicker table tr td.range.today{color:#000;background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.focus,.datepicker table tr td.range.today:focus{color:#000;background-color:#f4b747;border-color:#815608}.datepicker table tr td.range.today:hover{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:active{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active.focus,.datepicker table tr td.range.today.active:focus,.datepicker table tr td.range.today.active:hover,.datepicker table tr td.range.today:active.focus,.datepicker table tr td.range.today:active:focus,.datepicker table tr td.range.today:active:hover{color:#000;background-color:#f2aa25;border-color:#815608}.datepicker table tr td.range.today.disabled.focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today[disabled].focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today.focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover{background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:active{background:#f7ca77;color:#777}.datepicker table tr td.selected,.datepicker table tr td.selected.highlighted{color:#fff;background-color:#777;border-color:#555;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.focus,.datepicker table tr td.selected.highlighted.focus,.datepicker table tr td.selected.highlighted:focus,.datepicker table tr td.selected:focus{color:#fff;background-color:#5e5e5e;border-color:#161616}.datepicker table tr td.selected.highlighted:hover,.datepicker table tr td.selected:hover{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active,.datepicker table tr td.selected.highlighted.active,.datepicker table tr td.selected.highlighted:active,.datepicker table tr td.selected:active{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active.focus,.datepicker table tr td.selected.active:focus,.datepicker table tr td.selected.active:hover,.datepicker table tr td.selected.highlighted.active.focus,.datepicker table tr td.selected.highlighted.active:focus,.datepicker table tr td.selected.highlighted.active:hover,.datepicker table tr td.selected.highlighted:active.focus,.datepicker table tr td.selected.highlighted:active:focus,.datepicker table tr td.selected.highlighted:active:hover,.datepicker table tr td.selected:active.focus,.datepicker table tr td.selected:active:focus,.datepicker table tr td.selected:active:hover{color:#fff;background-color:#4c4c4c;border-color:#161616}.datepicker table tr td.selected.disabled.focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.highlighted.disabled.focus,.datepicker table tr td.selected.highlighted.disabled:focus,.datepicker table tr td.selected.highlighted.disabled:hover,.datepicker table tr td.selected.highlighted[disabled].focus,.datepicker table tr td.selected.highlighted[disabled]:focus,.datepicker table tr td.selected.highlighted[disabled]:hover,.datepicker table tr td.selected[disabled].focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover{background-color:#777;border-color:#555}.datepicker table tr td.active,.datepicker table tr td.active.highlighted{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.focus,.datepicker table tr td.active.highlighted.focus,.datepicker table tr td.active.highlighted:focus,.datepicker table tr td.active:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td.active.highlighted:hover,.datepicker table tr td.active:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td.active.disabled.focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.highlighted.disabled.focus,.datepicker table tr td.active.highlighted.disabled:focus,.datepicker table tr td.active.highlighted.disabled:hover,.datepicker table tr td.active.highlighted[disabled].focus,.datepicker table tr td.active.highlighted[disabled]:focus,.datepicker table tr td.active.highlighted[disabled]:hover,.datepicker table tr td.active[disabled].focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active[disabled]:hover,fieldset[disabled] .datepicker table tr td.active.focus,fieldset[disabled] .datepicker table tr td.active.highlighted.focus,fieldset[disabled] .datepicker table tr td.active.highlighted:focus,fieldset[disabled] .datepicker table tr td.active.highlighted:hover,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover.focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.focus,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover.focus,.datepicker table tr td span.active:hover:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td span.active.disabled.disabled.focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled.focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active.disabled:hover[disabled].focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled].focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active:hover.disabled.focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active:hover[disabled].focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active[disabled].focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active.disabled.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,fieldset[disabled] .datepicker table tr td span.active.focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover.focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active:hover:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#777}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-group.date .input-group-addon{cursor:pointer}.input-daterange{width:100%}.input-daterange input{text-align:center}.input-daterange input:first-child{border-radius:3px 0 0 3px}.input-daterange input:last-child{border-radius:0 3px 3px 0}.input-daterange .input-group-addon{width:auto;min-width:16px;padding:4px 5px;line-height:1.42857143;text-shadow:0 1px 0 #fff;border-width:1px 0;margin-left:-5px;margin-right:-5px}

/*!
 * Bootstrap Colorpicker
 * http://mjolnic.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */.colorpicker-saturation{float:left;width:100px;height:100px;cursor:crosshair;background-image:url("/Content/images/bootstrap-colorpicker/saturation.png")}.colorpicker-saturation i{position:absolute;top:0;left:0;display:block;width:5px;height:5px;margin:-4px 0 0 -4px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-saturation i b{display:block;width:5px;height:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-hue,.colorpicker-alpha{float:left;width:15px;height:100px;margin-bottom:4px;margin-left:4px;cursor:row-resize}.colorpicker-hue i,.colorpicker-alpha i{position:absolute;top:0;left:0;display:block;width:100%;height:1px;margin-top:-1px;background:#000;border-top:1px solid #fff}.colorpicker-hue{background-image:url("/Content/images/bootstrap-colorpicker/hue.png")}.colorpicker-alpha{display:none;background-image:url("/Content/images/bootstrap-colorpicker/alpha.png")}.colorpicker-saturation,.colorpicker-hue,.colorpicker-alpha{background-size:contain}.colorpicker{top:0;left:0;z-index:2500;min-width:130px;padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1}.colorpicker:before,.colorpicker:after{display:table;line-height:0;content:""}.colorpicker:after{clear:both}.colorpicker:before{position:absolute;top:-7px;left:6px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,0.2);content:''}.colorpicker:after{position:absolute;top:-6px;left:7px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:''}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url("/Content/images/bootstrap-colorpicker/alpha.png");background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-selectors{display:none;height:10px;margin-top:5px;clear:both}.colorpicker-selectors i{float:left;width:10px;height:10px;cursor:pointer}.colorpicker-selectors i+i{margin-left:3px}.colorpicker-element .input-group-addon i,.colorpicker-element .add-on i{display:inline-block;width:16px;height:16px;vertical-align:text-top;cursor:pointer}.colorpicker.colorpicker-inline{position:relative;z-index:auto;display:inline-block;float:none}.colorpicker.colorpicker-horizontal{width:110px;height:auto;min-width:110px}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-hue,.colorpicker.colorpicker-horizontal .colorpicker-alpha{float:left;width:100px;height:15px;margin-bottom:4px;margin-left:0;cursor:col-resize}.colorpicker.colorpicker-horizontal .colorpicker-hue i,.colorpicker.colorpicker-horizontal .colorpicker-alpha i{position:absolute;top:0;left:0;display:block;width:1px;height:15px;margin-top:0;background:#fff;border:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url("/Content/images/bootstrap-colorpicker/hue-horizontal.png")}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url("/Content/images/bootstrap-colorpicker/alpha-horizontal.png")}.colorpicker.colorpicker-hidden{display:none}.colorpicker.colorpicker-visible{display:block}.colorpicker-inline.colorpicker-visible{display:inline-block}.colorpicker-right:before{right:6px;left:auto}.colorpicker-right:after{right:7px;left:auto}

/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */.bootstrap-timepicker{position:relative}.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu{left:auto;right:0}.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before{left:auto;right:12px}.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after{left:auto;right:13px}.bootstrap-timepicker .input-group-addon{cursor:pointer}.bootstrap-timepicker .input-group-addon i{display:inline-block;width:16px;height:16px}.bootstrap-timepicker-widget.dropdown-menu{padding:4px}.bootstrap-timepicker-widget.dropdown-menu.open{display:inline-block}.bootstrap-timepicker-widget.dropdown-menu:before{border-bottom:7px solid rgba(0,0,0,0.2);border-left:7px solid transparent;border-right:7px solid transparent;content:"";display:inline-block;position:absolute}.bootstrap-timepicker-widget.dropdown-menu:after{border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;content:"";display:inline-block;position:absolute}.bootstrap-timepicker-widget.timepicker-orient-left:before{left:6px}.bootstrap-timepicker-widget.timepicker-orient-left:after{left:7px}.bootstrap-timepicker-widget.timepicker-orient-right:before{right:6px}.bootstrap-timepicker-widget.timepicker-orient-right:after{right:7px}.bootstrap-timepicker-widget.timepicker-orient-top:before{top:-7px}.bootstrap-timepicker-widget.timepicker-orient-top:after{top:-6px}.bootstrap-timepicker-widget.timepicker-orient-bottom:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.bootstrap-timepicker-widget.timepicker-orient-bottom:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.bootstrap-timepicker-widget a.btn,.bootstrap-timepicker-widget input{border-radius:4px}.bootstrap-timepicker-widget table{width:100%;margin:0}.bootstrap-timepicker-widget table td{text-align:center;height:30px;margin:0;padding:2px}.bootstrap-timepicker-widget table td:not(.separator){min-width:30px}.bootstrap-timepicker-widget table td span{width:100%}.bootstrap-timepicker-widget table td a{border:1px transparent solid;width:100%;display:inline-block;margin:0;padding:8px 0;outline:0;color:#333}.bootstrap-timepicker-widget table td a:hover{text-decoration:none;background-color:#eee;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-color:#ddd}.bootstrap-timepicker-widget table td a i{margin-top:2px;font-size:18px}.bootstrap-timepicker-widget table td input{width:25px;margin:0;text-align:center}.bootstrap-timepicker-widget .modal-content{padding:4px}@media(min-width:767px){.bootstrap-timepicker-widget.modal{width:200px;margin-left:-100px}}@media(max-width:767px){.bootstrap-timepicker{width:100%}.bootstrap-timepicker .dropdown-menu{width:100%}}

/*! jQuery UI - v1.11.4 - 2015-07-30
* http://jqueryui.com
* Includes: core.css, draggable.css, sortable.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative;
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px;
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .select2-container .select2-search--inline {
        float: left;
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0;
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none;
            }

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

    .select2-results__option[aria-selected] {
        cursor: pointer;
    }

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box;
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    .select2-search--dropdown.select2-search--hide {
        display: none;
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none;
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            list-style: none;
        }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-top: 5px;
        margin-right: 10px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333;
        }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0;
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em;
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em;
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em;
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em;
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em;
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb;
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-right: 10px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
        background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
        background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: none;
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px;
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
        }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

/* Overall wrapper */
.monthly {
	background: #F3F3F5;
	color:#545454;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
}

/* Top bar containing title, navigation, and buttons */
.monthly-header {
	position: relative;
	text-align:center;
	padding:10px;
	background: #fff;
	height: 40px;
	box-sizing: border-box;
}
/* Center area of top bar containing title and buttons */
.monthly-header-title {
	font-size:.8em;
	text-transform: uppercase;
}

/* Buttons for reverting to "today", and closing event list */
.monthly-header-title a:link,
.monthly-header-title a:visited {
	display: inline-block;
	border: 1px solid #ccc;
	color: #545454;
	text-decoration: none;
	font-size: 11px;
	height: 25px;
	padding: 1px 10px 0 10px;
	box-sizing: border-box;
	transition:background .1s;
}
/* Add some roundy-ness */
.monthly-header-title a:first-of-type {
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
}
.monthly-header-title a:last-of-type {
	border-top-right-radius:15px;
	border-bottom-right-radius:15px;
}
.monthly-header-title a:hover {
	background: #8b8b8b;
	border:1px solid #8b8b8b;
	color:#fff;
}
.monthly-header-title a:active {
	background: #222;
	border:1px solid #222;
	transition:none;
}
/* current month/yr block */
.monthly-header-title-date,
.monthly-header-title-date:hover {
	background: #eee!important;
	border:1px solid #ccc!important;
	color:#545454!important;
	cursor: default;
}
/* Button to reset to current month */
.monthly-reset {
	border-left:0!important;
}
/* Button to return to month view */
.monthly-cal {
	border-right:0!important;
}
/* wrapper for left button to make the clickable area bigger */
.monthly-prev {
	position: absolute;
	top:0;
	left:0;
	width:50px;
	height:100%;
	opacity: .5;
}
.monthly-prev:hover {
	opacity: 1;
}
/* Left Arrow */
.monthly-prev:after{
	content:'';
	position: absolute;
	top:50%;
	left:50%;
	border-left:2px solid #222;
	border-bottom:2px solid #222;
	width:5px;
	height:5px;
	margin:-3px 0 0 -5px;
	-webkit-transform:rotate(45deg) ;
		-ms-transform:rotate(45deg) ;
	        transform:rotate(45deg) ;
}
/* wrapper for right button to make the clickable area bigger */
.monthly-next {
	position: absolute;
	top:0;
	right:0;
	width:50px;
	height:100%;
	opacity: .5;
}
.monthly-next:hover {
	opacity: 1;
}
/* Right Arrow */
.monthly-next:after{
	content:'';
	position: absolute;
	top:50%;
	left:50%;
	border-right:2px solid #222;
	border-top:2px solid #222;
	width:5px;
	height:5px;
	margin:-3px 0 0 -5px;
	-webkit-transform:rotate(45deg) ;
		-ms-transform:rotate(45deg) ;
	        transform:rotate(45deg) ;
}

/* Day of the week headings */
.monthly-day-title-wrap {
	display:table;
	table-layout:fixed;
	width:100%;
	background: #fff;
	border-bottom: 1px solid #EBEBEB;
}
.monthly-day-title-wrap div {
	width: 14.28%!important;
	display:table-cell;
	box-sizing:border-box;
	position: relative;
	font-weight: bold;
	text-align:center;
	text-transform: uppercase;
	font-size:11px;
}

/* Calendar days wrapper */
.monthly-day-wrap {
	display:table;
	table-layout:fixed;
	width:100%;
	overflow: hidden;
}
.monthly-week {
	display:table-row;
	width:100%;
}
/* Calendar Days */
.monthly-day, .monthly-day-blank {
	width: 14.28%!important;
	display:table-cell;
	vertical-align: top;
	box-sizing:border-box;
	position: relative;
	font-weight: bold;
	color:inherit;
	background: #fff;
	box-shadow: 0 0 0 1px #EBEBEB;
	-webkit-transition: .25s;
	transition:.25s;
	padding:0;
	text-decoration: none;
}

/* Trick to make the days' width equal their height */
.monthly-day:before {
	content: "";
	display: block;
	padding-top: 100%;
	float: left;
}

/* Hover effect for non event calendar days */
.monthly-day-wrap > a:hover {
	background: #A1C2E3;
}

/* Days that are part of previous or next month */
.monthly-day-blank {
	background:#F3F3F5;
}

/* Event calendar day number styles */
.monthly-day-event > .monthly-day-number {
	position: absolute;
	line-height: 1em;
	top:2px;
	left:2px;
	font-size:11px;
}

/* Non-Event calendar day number styles */
.monthly-day-pick {
}
.monthly-day-pick > .monthly-day-number {
	line-height: 1em;
	font-size:11px;
	padding-top:35%;
}

.monthly-day-pick > .monthly-indicator-wrap {
	margin:0;
}

/* Days in the past in "picker" mode */
.monthly-past-day:after{
	content: '';
	width: 150%;
	height: 2px;
	-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
	        transform-origin: left top;
	-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
	left: 0;
	top: 0;
}
.monthly-past-day:hover {
	background: #fff!important;
}
/* Current day style */
.monthly-today .monthly-day-number {
	color: #FFF;
	background: #EA6565;
	border-radius: 20px;
	top: 1px;
	left: 1px;
	font-size: 10px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
}
.monthly-day-pick.monthly-today .monthly-day-number {
	padding:0;
	margin:22% 22% 0 22%;
}

/* Wrapper around events */
.monthly-indicator-wrap {
	position: relative;
	text-align: center;
	line-height: 0;
	max-width: 20px;
	margin:0 auto;
	padding-top:40%;
}

/* Event indicator dots */
.monthly-day .monthly-event-indicator {
	display: inline-block;
	margin: 1px;
	width: 8px;
	height: 8px;
	border-radius: 6px;
	vertical-align: middle;
	border-radius: 6px;
	background:#7BA7CE;
	font-size:0;
	color:transparent;
}

.monthly-day .monthly-event-indicator:hover {
	cursor: pointer;
}
/* Listing of events under calendar */
.monthly-event-list {
	background: rgba(233, 235, 236, 0.9);
	overflow: auto;
	position: absolute;
	top: 42px;
	width: 100%;
	height: calc(100% - 42px);
	display: none;
	-webkit-transition: .25s;
	transition:.25s;
	-webkit-transform:scale(0);
		-ms-transform:scale(0);
	        transform:scale(0);
}

/* Days in Events List */
.monthly-list-item {
	position: relative;
	padding:10px 10px 5px 50px;
	display: none;
	border-top: 1px solid #D6D6D6;
	text-align: left;
}

.monthly-list-item:after{
    content:'No Tasks';
    padding:4px 10px;
    display:block;
    margin-bottom:5px;
 }

.monthly-event-list .monthly-today .monthly-event-list-date {
	color: #EA6565;
}

/* Events in Events List */
.monthly-event-list .listed-event {
	display: block;
	color:#fff;
	padding:4px 10px;
	border-radius:2px;
	margin-bottom: 5px;
}

.monthly-list-item a:link, .monthly-list-item a:visited {
	text-decoration: none;
}

.item-has-event {
	display: block;
}

.item-has-event:after{
    display:none!important;
}

.monthly-event-list-date {
	width:50px;
	position: absolute;
	left:0;
	top:13px;
	text-align: center;
	font-size: 12px;
    font-weight: bold;
    line-height: 1.2em;
}

.monthly-list-time-start,
.monthly-list-time-end {
	font-size:.8em;
	display: inline-block;
}
.monthly-list-time-end:not(:empty):before {
	content:'-';
	padding:0 2px;
}

/* Events List custom webkit scrollbar */

.monthly-event-list::-webkit-scrollbar {width: 9px;}

/* Track */
.monthly-event-list::-webkit-scrollbar-track {background: none;}

/* Handle */
.monthly-event-list::-webkit-scrollbar-thumb {
	background:#ccc;
	border:1px solid #E9EBEC;
	border-radius: 10px;
}
.monthly-event-list::-webkit-scrollbar-thumb:hover {background:#555;}

/* Increase font & spacing over larger size */
@media (min-width: 400px) {
	.monthly-day-number {
		top: 5px;
		left: 5px;
		font-size: 13px;
	}
}
/* Styles for large mode where text is revealed within events */
@media (min-width: 600px) {
	.monthly-day-event {
		padding-top: 20px;
	}
	.monthly-day-event:before {
		padding-top: 77%;
	}
	.monthly-day-event > .monthly-indicator-wrap {
		width:auto;
		max-width: none;
	}
	.monthly-indicator-wrap {
		padding:0;
	}
	.monthly-day .monthly-event-indicator {
		display: block;
		margin: 0 0 1px 0;
		width: auto;
		height:20px;
		font-size: 10px;
		padding: 4px;
		border-radius:0;
		overflow: hidden;
		text-overflow: ellipsis;
		color:#fff;
		text-shadow:0 0 2px rgba(0,0,0,.2);
		text-decoration: none;
		line-height: 1em;
		white-space: nowrap;
		box-sizing: border-box;
	}
}

.vis .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.vis-active{box-shadow:0 0 10px #86d5f8}.vis [class*=span]{min-height:0;width:auto}div.vis-configuration{position:relative;display:block;float:left;font-size:12px}div.vis-configuration-wrapper{display:block;width:700px}div.vis-configuration-wrapper::after{clear:both;content:"";display:block}div.vis-configuration.vis-config-option-container{display:block;width:495px;background-color:#fff;border:2px solid #f7f8fa;border-radius:4px;margin-top:20px;left:10px;padding-left:5px}div.vis-configuration.vis-config-button{display:block;width:495px;height:25px;vertical-align:middle;line-height:25px;background-color:#f7f8fa;border:2px solid #ceced0;border-radius:4px;margin-top:20px;left:10px;padding-left:5px;cursor:pointer;margin-bottom:30px}div.vis-configuration.vis-config-button.hover{background-color:#4588e6;border:2px solid #214373;color:#fff}div.vis-configuration.vis-config-item{display:block;float:left;width:495px;height:25px;vertical-align:middle;line-height:25px}div.vis-configuration.vis-config-item.vis-config-s2{left:10px;background-color:#f7f8fa;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-item.vis-config-s3{left:20px;background-color:#e4e9f0;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-item.vis-config-s4{left:30px;background-color:#cfd8e6;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-header{font-size:18px;font-weight:700}div.vis-configuration.vis-config-label{width:120px;height:25px;line-height:25px}div.vis-configuration.vis-config-label.vis-config-s3{width:110px}div.vis-configuration.vis-config-label.vis-config-s4{width:100px}div.vis-configuration.vis-config-colorBlock{top:1px;width:30px;height:19px;border:1px solid #444;border-radius:2px;padding:0;margin:0;cursor:pointer}input.vis-configuration.vis-config-checkbox{left:-5px}input.vis-configuration.vis-config-rangeinput{position:relative;top:-5px;width:60px;padding:1px;margin:0;pointer-events:none}input.vis-configuration.vis-config-range{-webkit-appearance:none;border:0 solid #fff;background-color:rgba(0,0,0,0);width:300px;height:20px}input.vis-configuration.vis-config-range::-webkit-slider-runnable-track{width:300px;height:5px;background:#dedede;background:-moz-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dedede),color-stop(99%,#c8c8c8));background:-webkit-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-o-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-ms-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:linear-gradient(to bottom,#dedede 0,#c8c8c8 99%);border:1px solid #999;box-shadow:#aaa 0 0 3px 0;border-radius:3px}input.vis-configuration.vis-config-range::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid #14334b;height:17px;width:17px;border-radius:50%;background:#3876c2;background:-moz-linear-gradient(top,#3876c2 0,#385380 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3876c2),color-stop(100%,#385380));background:-webkit-linear-gradient(top,#3876c2 0,#385380 100%);background:-o-linear-gradient(top,#3876c2 0,#385380 100%);background:-ms-linear-gradient(top,#3876c2 0,#385380 100%);background:linear-gradient(to bottom,#3876c2 0,#385380 100%);box-shadow:#111927 0 0 1px 0;margin-top:-7px}input.vis-configuration.vis-config-range:focus{outline:0}input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track{background:#9d9d9d;background:-moz-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#9d9d9d),color-stop(99%,#c8c8c8));background:-webkit-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:-o-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:-ms-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:linear-gradient(to bottom,#9d9d9d 0,#c8c8c8 99%)}input.vis-configuration.vis-config-range::-moz-range-track{width:300px;height:10px;background:#dedede;background:-moz-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dedede),color-stop(99%,#c8c8c8));background:-webkit-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-o-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-ms-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:linear-gradient(to bottom,#dedede 0,#c8c8c8 99%);border:1px solid #999;box-shadow:#aaa 0 0 3px 0;border-radius:3px}input.vis-configuration.vis-config-range::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#385380}input.vis-configuration.vis-config-range:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}input.vis-configuration.vis-config-range::-ms-track{width:300px;height:5px;background:0 0;border-color:transparent;border-width:6px 0;color:transparent}input.vis-configuration.vis-config-range::-ms-fill-lower{background:#777;border-radius:10px}input.vis-configuration.vis-config-range::-ms-fill-upper{background:#ddd;border-radius:10px}input.vis-configuration.vis-config-range::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#385380}input.vis-configuration.vis-config-range:focus::-ms-fill-lower{background:#888}input.vis-configuration.vis-config-range:focus::-ms-fill-upper{background:#ccc}.vis-configuration-popup{position:absolute;background:rgba(57,76,89,.85);border:2px solid #f2faff;line-height:30px;height:30px;width:150px;text-align:center;color:#fff;font-size:14px;border-radius:4px;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.vis-configuration-popup:after,.vis-configuration-popup:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.vis-configuration-popup:after{border-color:rgba(136,183,213,0);border-left-color:rgba(57,76,89,.85);border-width:8px;margin-top:-8px}.vis-configuration-popup:before{border-color:rgba(194,225,245,0);border-left-color:#f2faff;border-width:12px;margin-top:-12px}div.vis-tooltip{position:absolute;visibility:hidden;padding:5px;white-space:nowrap;font-family:verdana;font-size:14px;color:#000;background-color:#f5f4ed;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #808074;box-shadow:3px 3px 10px rgba(0,0,0,.2);pointer-events:none;z-index:5}.vis-current-time{background-color:#ff7f6e;width:2px;z-index:1;pointer-events:none}.vis-rolling-mode-btn{height:40px;width:40px;position:absolute;top:7px;right:20px;border-radius:50%;font-size:28px;cursor:pointer;opacity:.8;color:#fff;font-weight:700;text-align:center;background:#3876c2}.vis-rolling-mode-btn:before{content:"\26F6"}.vis-rolling-mode-btn:hover{opacity:1}.vis-custom-time{background-color:#6e94ff;width:2px;cursor:move;z-index:1}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal{position:absolute;width:100%;height:0;border-bottom:1px solid}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor{border-color:#e5e5e5}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major{border-color:#bfbfbf}.vis-data-axis .vis-y-axis.vis-major{width:100%;position:absolute;color:#4d4d4d;white-space:nowrap}.vis-data-axis .vis-y-axis.vis-major.vis-measure{padding:0;margin:0;border:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-minor{position:absolute;width:100%;color:#bebebe;white-space:nowrap}.vis-data-axis .vis-y-axis.vis-minor.vis-measure{padding:0;margin:0;border:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-title{position:absolute;color:#4d4d4d;white-space:nowrap;bottom:20px;text-align:center}.vis-data-axis .vis-y-axis.vis-title.vis-measure{padding:0;margin:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-title.vis-left{bottom:0;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.vis-data-axis .vis-y-axis.vis-title.vis-right{bottom:0;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-o-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.vis-legend{background-color:rgba(247,252,255,.65);padding:5px;border:1px solid #b3b3b3;box-shadow:2px 2px 10px rgba(154,154,154,.55)}.vis-legend-text{white-space:nowrap;display:inline-block}.vis-item{position:absolute;color:#1a1a1a;border-color:#97b0f8;border-width:1px;background-color:#d5ddf6;display:inline-block;z-index:1}.vis-item.vis-selected{border-color:#ffc200;background-color:#fff785;z-index:2}.vis-editable.vis-selected{cursor:move}.vis-item.vis-point.vis-selected{background-color:#fff785}.vis-item.vis-box{text-align:center;border-style:solid;border-radius:2px}.vis-item.vis-point{background:0 0}.vis-item.vis-dot{position:absolute;padding:0;border-width:4px;border-style:solid;border-radius:4px}.vis-item.vis-range{border-style:solid;border-radius:2px;box-sizing:border-box}.vis-item.vis-background{border:none;background-color:rgba(213,221,246,.4);box-sizing:border-box;padding:0;margin:0}.vis-item .vis-item-overflow{position:relative;width:100%;height:100%;padding:0;margin:0;overflow:hidden}.vis-item-visible-frame{white-space:nowrap}.vis-item.vis-range .vis-item-content{position:relative;display:inline-block}.vis-item.vis-background .vis-item-content{position:absolute;display:inline-block}.vis-item.vis-line{padding:0;position:absolute;width:0;border-left-width:1px;border-left-style:solid}.vis-item .vis-item-content{white-space:nowrap;box-sizing:border-box;padding:5px}.vis-item .vis-onUpdateTime-tooltip{position:absolute;background:#4f81bd;color:#fff;width:200px;text-align:center;white-space:nowrap;padding:5px;border-radius:1px;transition:.4s;-o-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s}.vis-item .vis-delete,.vis-item .vis-delete-rtl{position:absolute;top:0;width:24px;height:24px;box-sizing:border-box;padding:0 5px;cursor:pointer;-webkit-transition:background .2s linear;-moz-transition:background .2s linear;-ms-transition:background .2s linear;-o-transition:background .2s linear;transition:background .2s linear}.vis-item .vis-delete{right:-24px}.vis-item .vis-delete-rtl{left:-24px}.vis-item .vis-delete-rtl:after,.vis-item .vis-delete:after{content:"\00D7";color:red;font-family:arial,sans-serif;font-size:22px;font-weight:700;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-ms-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.vis-item .vis-delete-rtl:hover,.vis-item .vis-delete:hover{background:red}.vis-item .vis-delete-rtl:hover:after,.vis-item .vis-delete:hover:after{color:#fff}.vis-item .vis-drag-center{position:absolute;width:100%;height:100%;top:0;left:0;cursor:move}.vis-item.vis-range .vis-drag-left{position:absolute;width:24px;max-width:20%;min-width:2px;height:100%;top:0;left:-4px;cursor:w-resize}.vis-item.vis-range .vis-drag-right{position:absolute;width:24px;max-width:20%;min-width:2px;height:100%;top:0;right:-4px;cursor:e-resize}.vis-range.vis-item.vis-readonly .vis-drag-left,.vis-range.vis-item.vis-readonly .vis-drag-right{cursor:auto}.vis-itemset{position:relative;padding:0;margin:0;box-sizing:border-box}.vis-itemset .vis-background,.vis-itemset .vis-foreground{position:absolute;width:100%;height:100%;overflow:visible}.vis-axis{position:absolute;width:100%;height:0;left:0;z-index:1}.vis-foreground .vis-group{position:relative;box-sizing:border-box;border-bottom:1px solid #bfbfbf}.vis-foreground .vis-group:last-child{border-bottom:none}.vis-nesting-group{cursor:pointer}.vis-nested-group{background:#f5f5f5}.vis-label.vis-nesting-group.expanded:before{content:"\25BC"}.vis-label.vis-nesting-group.collapsed-rtl:before{content:"\25C0"}.vis-label.vis-nesting-group.collapsed:before{content:"\25B6"}.vis-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.vis-labelset{position:relative;overflow:hidden;box-sizing:border-box}.vis-labelset .vis-label{position:relative;left:0;top:0;width:100%;color:#4d4d4d;box-sizing:border-box}.vis-labelset .vis-label{border-bottom:1px solid #bfbfbf}.vis-labelset .vis-label.draggable{cursor:pointer}.vis-labelset .vis-label:last-child{border-bottom:none}.vis-labelset .vis-label .vis-inner{display:inline-block;padding:5px}.vis-labelset .vis-label .vis-inner.vis-hidden{padding:0}.vis-panel{position:absolute;padding:0;margin:0;box-sizing:border-box}.vis-panel.vis-bottom,.vis-panel.vis-center,.vis-panel.vis-left,.vis-panel.vis-right,.vis-panel.vis-top{border:1px #bfbfbf}.vis-panel.vis-center,.vis-panel.vis-left,.vis-panel.vis-right{border-top-style:solid;border-bottom-style:solid;overflow:hidden}.vis-left.vis-panel.vis-vertical-scroll,.vis-right.vis-panel.vis-vertical-scroll{height:100%;overflow-x:hidden;overflow-y:scroll}.vis-left.vis-panel.vis-vertical-scroll{direction:rtl}.vis-left.vis-panel.vis-vertical-scroll .vis-content{direction:ltr}.vis-right.vis-panel.vis-vertical-scroll{direction:ltr}.vis-right.vis-panel.vis-vertical-scroll .vis-content{direction:rtl}.vis-panel.vis-bottom,.vis-panel.vis-center,.vis-panel.vis-top{border-left-style:solid;border-right-style:solid}.vis-background{overflow:hidden}.vis-panel>.vis-content{position:relative}.vis-panel .vis-shadow{position:absolute;width:100%;height:1px;box-shadow:0 0 10px rgba(0,0,0,.8)}.vis-panel .vis-shadow.vis-top{top:-1px;left:0}.vis-panel .vis-shadow.vis-bottom{bottom:-1px;left:0}.vis-graph-group0{fill:#4f81bd;fill-opacity:0;stroke-width:2px;stroke:#4f81bd}.vis-graph-group1{fill:#f79646;fill-opacity:0;stroke-width:2px;stroke:#f79646}.vis-graph-group2{fill:#8c51cf;fill-opacity:0;stroke-width:2px;stroke:#8c51cf}.vis-graph-group3{fill:#75c841;fill-opacity:0;stroke-width:2px;stroke:#75c841}.vis-graph-group4{fill:#ff0100;fill-opacity:0;stroke-width:2px;stroke:#ff0100}.vis-graph-group5{fill:#37d8e6;fill-opacity:0;stroke-width:2px;stroke:#37d8e6}.vis-graph-group6{fill:#042662;fill-opacity:0;stroke-width:2px;stroke:#042662}.vis-graph-group7{fill:#00ff26;fill-opacity:0;stroke-width:2px;stroke:#00ff26}.vis-graph-group8{fill:#f0f;fill-opacity:0;stroke-width:2px;stroke:#f0f}.vis-graph-group9{fill:#8f3938;fill-opacity:0;stroke-width:2px;stroke:#8f3938}.vis-timeline .vis-fill{fill-opacity:.1;stroke:none}.vis-timeline .vis-bar{fill-opacity:.5;stroke-width:1px}.vis-timeline .vis-point{stroke-width:2px;fill-opacity:1}.vis-timeline .vis-legend-background{stroke-width:1px;fill-opacity:.9;fill:#fff;stroke:#c2c2c2}.vis-timeline .vis-outline{stroke-width:1px;fill-opacity:1;fill:#fff;stroke:#e5e5e5}.vis-timeline .vis-icon-fill{fill-opacity:.3;stroke:none}.vis-time-axis{position:relative;overflow:hidden}.vis-time-axis.vis-foreground{top:0;left:0;width:100%}.vis-time-axis.vis-background{position:absolute;top:0;left:0;width:100%;height:100%}.vis-time-axis .vis-text{position:absolute;color:#4d4d4d;padding:3px;overflow:hidden;box-sizing:border-box;white-space:nowrap}.vis-time-axis .vis-text.vis-measure{position:absolute;padding-left:0;padding-right:0;margin-left:0;margin-right:0;visibility:hidden}.vis-time-axis .vis-grid.vis-vertical{position:absolute;border-left:1px solid}.vis-time-axis .vis-grid.vis-vertical-rtl{position:absolute;border-right:1px solid}.vis-time-axis .vis-grid.vis-minor{border-color:#e5e5e5}.vis-time-axis .vis-grid.vis-major{border-color:#bfbfbf}.vis-timeline{position:relative;border:1px solid #bfbfbf;overflow:hidden;padding:0;margin:0;box-sizing:border-box}

html {
    /*when clicking on hyperlink, would be out of sight because of the navbar in front of the pointed division*/
    scroll-padding-top: 60px;
}

﻿.body-content {
    min-height: calc(100vh - 363px);
}

/*to override ms edge default checkbox behavior of grey color*/
input[type="checkbox"] {
    accent-color: dodgerblue;
}

body {
    min-width: 320px;
    padding-top: 50px;
}

/* Workaround for bug #938 - Shows background color on the bottom page when modal opened only on chrome */
.fade.in {
    -webkit-backface-visibility: hidden;
}

.superscript {
    vertical-align: super;
}

h7 {
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    display: block;
    margin-top: 45px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-weight: 600;
    color: #aaa;
}

.full-width {
    width: 100%;
}

hr.compact {
    margin-top: 5px;
    margin-bottom: 5px;
}

.nowrap {
    white-space: nowrap;
}

#cancelaccountmodal .immediately {
    padding-top: 20px;
}

#cancelaccountmodal .radio label::after,
#cancelaccountmodal .radio label::before {
    margin-top: 2.5px;
}

#cancelaccountmodal .other-message {
    margin: 5px 5px 20px;
}

#cancelaccountmodal p.question-for-reason {
    margin: 0;
}

#cancelaccountmodal .modal-body {
    overflow-x: hidden;
}

.x-small {
    line-height: 1;
    font-size: 72%;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    color: #ccc;
    text-decoration: none;
}

a.disabled-dark {
    color: #333;
}


/* Fix timepicker inside pop-up modal */
.bootstrap-timepicker-widget.dropdown-menu.open {
    z-index: 10000 !important;
}

.bootstrap-timepicker-widget table td input {
    width: 35px;
}

/* To vertical align bootstrap column to middle. Apply this class on the .row */
.valign-middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/* Fix playing Video fullscreen issue only for Safari 10.0 (not 10.1) */
_::-webkit-:host:not(:root:root), .popup-wizard {
    animation: none !important;
    -webkit-animation-fill-mode: none !important;
    animation-fill-mode: none !important;
}

/* Fix the Glyphicon alignment */
.glyphicon-time {
    top: 3px;
}

img.image-cover {
    transition: 0s;
    object-fit: cover;
    width: 100%;
    height: 100%;
    padding: 0;
}

.image-view-container img.image {
    width: 100%;
    height: 100%;
    transition: all 0s ease-out 0s;
}

@media (max-width: 767px) and (min-width: 480px) {
    .image-view-container img.image {
        width: 100%;
        height: 100%;
    }
}

.label-alive {
    background-color: cadetblue;
}

.label-none {
    background: #e07644;
}

.label-merged {
    background: #666666;
}

.label-on-loan {
    background-color: #e69138;
}

.label-transferred {
    background-color: #597eaa;
}

.btn-primary.dropdown-toggle {
    border-left: 1px solid #1d6eca;
}

.btn-primary.dropdown-toggle .caret {
    margin-top: -3px;
}

.label-released {
    background-color: #B38069;
}

/* Generic Color Pallete */
.bg-color-0 {
    background: #ec7404;
}

.bg-color-1 {
    background: #f9cc33;
}

.bg-color-2 {
    background: #b34d36;
}

.bg-color-3 {
    background: #ad5c4a;
}

.bg-color-4 {
    background: #5d5d5d;
}

.bg-color-5 {
    background: #5abbb4;
}

.bg-color-6 {
    background: #c2a681;
}

.bg-color-7 {
    background: #5b7598;
}

.bg-color-8 {
    background: #0d8f5e;
}

.bg-color-9 {
    background: #cebb5c;
}

.bg-color-10 {
    background: #4999b4;
}

.bg-color-11 {
    background: #66a415;
}

.bg-color-12 {
    background: #994111;
}

.bg-color-13 {
    background: #6f6f6d;
}

.bg-color-14 {
    background: #e43474;
}

.bg-color-15 {
    background: #dadc32;
}

.bg-color-16 {
    background: #1490cf;
}

.bg-color-17 {
    background: #4c6172;
}

.bg-color-18 {
    background: #d053bd;
}

.bg-color-19 {
    background: #222a2c;
}

.bg-color-20 {
    background: #7d3a8a;
}

.bg-color-21 {
    background: #026046;
}

.bg-color-22 {
    background: #10417b;
}

.bg-color-23 {
    background: #42494f;
}

.bg-color-24 {
    background: #a8333b;
}

.bg-color-25 {
    background: #5a968c;
}

.bg-color-26 {
    background: #39746a;
}

.bg-color-27 {
    background: #552eaf;
}

.bg-color-28 {
    background: #0485c6;
}

.bg-color-29 {
    background: #017ab7;
}

.bg-color-30 {
    background: #e5694f;
}

.bg-color-31 {
    background: #4c3233;
}

.bg-color-32 {
    background: #88755a;
}

.bg-color-33 {
    background: #aa5d15;
}

.bg-color-34 {
    background: #deaeae;
}

.bg-color-35 {
    background: #d72439;
}

.bg-color-36 {
    background: #d9a86e;
}

.bg-color-37 {
    background: #70bfd0;
}

.bg-color-38 {
    background: #007792;
}

.bg-color-39 {
    background: #930000;
}

.bg-color-40 {
    background: #47295e;
}

.bg-color-41 {
    background: #5561eb;
}

.bg-color-42 {
    background: #7d87f1;
}


/*ScrollUp*/
#scrollUp {
    background-color: #AAAAAA;
    bottom: 40px;
    right: 0;
    width: 26px; /* Width of image */
    height: 27px; /* Height of image */
    border-radius: 3px 0 0 3px;
    text-align: center;
    padding: 3px 7px;
    color: white;
    z-index: 710 !important;
}

a#scrollUp:hover {
    width: 37px;
    height: 37px;
    padding-top: 9px;
    padding-left: 10px;
    bottom: 34px;
}

#toggleActive {
    padding: 10px;
    width: 100%;
    text-align: center;
    display: inline-block;
    background-color: #444;
    color: #eee;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#toggleActive.active {
    background-color: #F66169;
    color: #FAEFDE;
}

#scrollUp-active {
    display: none;
}

.pipe {
    margin: 3px 12px 3px 12px;
    border-left: 1px solid #ccc;
    width: 1px;
}

/*Overrides the Bootstrap Datepicker */
.bootstrap-datetimepicker-widget .datepicker table tr th.disabled,
.bootstrap-datetimepicker-widget .datepicker table tr td.disabled,
.bootstrap-datetimepicker-widget .datepicker table tr td span.disabled,
.datepicker-dropdown table tr td.disabled {
    background: #eee;
    cursor: not-allowed !important;
    border-radius: 0;
}

.datepicker-dropdown table tr td.day:hover,
.datepicker-dropdown table tr td.focused {
    color: #ffffff;
    background: #1967be;
}

.tag-upgrade,
.label-new-feature {
    border: 1px solid #6aa84f;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
    font-size: 9px;
    color: #6aa84f;
    text-transform: uppercase;
}

.dropdown-menu > li > a:hover .label-new-feature,
.dropdown-menu > li > a:hover .tag-upgrade,
.dropdown-menu > li > a:focus .tag-upgrade,
.dropdown-menu > li > a:focus .label-new-feature {
    border: 1px solid #fff !important;
    color: #fff !important;
}

@media (min-width: 768px) {
    .section-index #section-editor .list-editor.list-measurements .list-editor-rows .form-group:first-child {
        display: inherit;
    }

    .tag-upgrade,
    .label-new-feature {
        margin-left: 5px
    }
}

@media(max-width: 767px) {
    .tag-upgrade,
    .label-new-feature {
        margin-left: 7px
    }
}

.datepicker-dropdown table tr td.disabled:hover {
    background: #ddd;
}

/*Overrides the Bootstrap Datetimepicker to show the smaller time version at the right*/
.bootstrap-datetimepicker-widget.time-picker-right {
    width: 370px !important;
}

.bootstrap-datetimepicker-widget.time-picker-right .datepicker {
    width: 60%;
    padding-right: 10px;
    display: inline-block;
}

.access-time-container .time {
    display: inline;
    width: 100px;
}

.start-hours-container,
.filter-start-date-container {
    margin-right: -10px;
}

.end-hours-container,
.filter-end-date-container {
    margin-left: -10px;
}

.dash-hours-container,
.dash-date-container {
    width: 7px;
    padding-top: 10px !important;
}

.bootstrap-datetimepicker-widget.time-picker-right .timepicker {
    width: 35%;
    padding: 0 0 0 5px;
    border-left: 1px solid #ddd;
    display: inline-block;
}

.bootstrap-datetimepicker-widget.time-picker-right .timepicker-picker tr td {
    padding-left: 0;
    padding-right: 0;
}

.bootstrap-datetimepicker-widget.time-picker-right .timepicker-picker tr td a span {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.bootstrap-datetimepicker-widget.time-picker-right .timepicker-picker .timepicker-hour,
.bootstrap-datetimepicker-widget.time-picker-right .timepicker-picker .timepicker-minute,
.bootstrap-datetimepicker-widget.time-picker-right .timepicker-picker .timepicker-second {
    width: 40px;
}

.bootstrap-datetimepicker-widget.time-picker-right .timepicker-picker tr:first-child td {
    padding-top: 30px;
}

.bootstrap-datetimepicker-widget.time-picker-right .timepicker-picker tr:last-child td {
    padding-bottom: 20px;
}

.bootstrap-datetimepicker-widget.time-picker-right .timepicker .timepicker-hours, .bootstrap-datetimepicker-widget.time-picker-right .timepicker .timepicker-minutes {
    padding: 25px 0 25px 0;
}

/*Weekly selector override for bootstrap datetimepicker*/
.datepicker.week-group-0 td.day.week-group-0:not(.active):not(.today):not(.disabled),
.datepicker.week-group-1 td.day.week-group-1:not(.active):not(.today):not(.disabled),
.datepicker.week-group-2 td.day.week-group-2:not(.active):not(.today):not(.disabled),
.datepicker.week-group-3 td.day.week-group-3:not(.active):not(.today):not(.disabled),
.datepicker.week-group-4 td.day.week-group-4:not(.active):not(.today):not(.disabled),
.datepicker.week-group-5 td.day.week-group-5:not(.active):not(.today):not(.disabled),
.datepicker.week-group-6 td.day.week-group-6:not(.active):not(.today):not(.disabled),
.datepicker.week-group-7 td.day.week-group-7:not(.active):not(.today):not(.disabled) {
    background-color: #eee;
    border-radius: 0;
}

.datepicker.week-group-0 td.day.week-group-0.today:not(.disabled),
.datepicker.week-group-1 td.day.week-group-1.today:not(.disabled),
.datepicker.week-group-2 td.day.week-group-2.today:not(.disabled),
.datepicker.week-group-3 td.day.week-group-3.today:not(.disabled),
.datepicker.week-group-4 td.day.week-group-4.today:not(.disabled),
.datepicker.week-group-5 td.day.week-group-5.today:not(.disabled),
.datepicker.week-group-6 td.day.week-group-6.today:not(.disabled),
.datepicker.week-group-7 td.day.week-group-7.today:not(.disabled) {
    background-color: #ffc966;
    border-color: #f59e00;
}

.datepicker.week-group-0 td.day.week-group-0.first-of-week:not(.disabled),
.datepicker.week-group-1 td.day.week-group-1.first-of-week:not(.disabled),
.datepicker.week-group-2 td.day.week-group-2.first-of-week:not(.disabled),
.datepicker.week-group-3 td.day.week-group-3.first-of-week:not(.disabled),
.datepicker.week-group-4 td.day.week-group-4.first-of-week:not(.disabled),
.datepicker.week-group-5 td.day.week-group-5.first-of-week:not(.disabled),
.datepicker.week-group-6 td.day.week-group-6.first-of-week:not(.disabled),
.datepicker.week-group-7 td.day.week-group-7.first-of-week:not(.disabled) {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.datepicker.week-group-0 td.day.week-group-0.last-of-week:not(.disabled),
.datepicker.week-group-1 td.day.week-group-1.last-of-week:not(.disabled),
.datepicker.week-group-2 td.day.week-group-2.last-of-week:not(.disabled),
.datepicker.week-group-3 td.day.week-group-3.last-of-week:not(.disabled),
.datepicker.week-group-4 td.day.week-group-4.last-of-week:not(.disabled),
.datepicker.week-group-5 td.day.week-group-5.last-of-week:not(.disabled),
.datepicker.week-group-6 td.day.week-group-6.last-of-week:not(.disabled),
.datepicker.week-group-7 td.day.week-group-7.last-of-week:not(.disabled) {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.datepicker.active-week-group-0 td.day.week-group-0:not(.disabled),
.datepicker.active-week-group-1 td.day.week-group-1:not(.disabled),
.datepicker.active-week-group-2 td.day.week-group-2:not(.disabled),
.datepicker.active-week-group-3 td.day.week-group-3:not(.disabled),
.datepicker.active-week-group-4 td.day.week-group-4:not(.disabled),
.datepicker.active-week-group-5 td.day.week-group-5:not(.disabled),
.datepicker.active-week-group-6 td.day.week-group-6:not(.disabled),
.datepicker.active-week-group-7 td.day.week-group-7:not(.disabled) {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
    border-radius: 0;
}

.datepicker.active-week-group-0 td.day.today.week-group-0:not(.disabled),
.datepicker.active-week-group-1 td.day.today.week-group-1:not(.disabled),
.datepicker.active-week-group-2 td.day.today.week-group-2:not(.disabled),
.datepicker.active-week-group-3 td.day.today.week-group-3:not(.disabled),
.datepicker.active-week-group-4 td.day.today.week-group-4:not(.disabled),
.datepicker.active-week-group-5 td.day.today.week-group-5:not(.disabled),
.datepicker.active-week-group-6 td.day.today.week-group-6:not(.disabled),
.datepicker.active-week-group-7 td.day.today.week-group-7:not(.disabled) {
    color: #ffdb99 !important;
}

.datepicker.active-week-group-0 td.day.today.week-group-0:not(.disabled):before,
.datepicker.active-week-group-1 td.day.today.week-group-1:not(.disabled):before,
.datepicker.active-week-group-2 td.day.today.week-group-2:not(.disabled):before,
.datepicker.active-week-group-3 td.day.today.week-group-3:not(.disabled):before,
.datepicker.active-week-group-4 td.day.today.week-group-4:not(.disabled):before,
.datepicker.active-week-group-5 td.day.today.week-group-5:not(.disabled):before,
.datepicker.active-week-group-6 td.day.today.week-group-6:not(.disabled):before,
.datepicker.active-week-group-7 td.day.today.week-group-7:not(.disabled):before {
    border-bottom-color: #ffdb99 !important;
}

.datepicker.week-group-0.active-week-group-0 td.day.today.week-group-0:not(.disabled),
.datepicker.week-group-1.active-week-group-1 td.day.today.week-group-1:not(.disabled),
.datepicker.week-group-2.active-week-group-2 td.day.today.week-group-2:not(.disabled),
.datepicker.week-group-3.active-week-group-3 td.day.today.week-group-3:not(.disabled),
.datepicker.week-group-4.active-week-group-4 td.day.today.week-group-4:not(.disabled),
.datepicker.week-group-5.active-week-group-5 td.day.today.week-group-5:not(.disabled),
.datepicker.week-group-6.active-week-group-6 td.day.today.week-group-6:not(.disabled),
.datepicker.week-group-7.active-week-group-7 td.day.today.week-group-7:not(.disabled) {
    color: #ffc966 !important;
}

.datepicker.week-group-0.active-week-group-0 td.day.today.week-group-0:not(.disabled):before,
.datepicker.week-group-1.active-week-group-1 td.day.today.week-group-1:not(.disabled):before,
.datepicker.week-group-2.active-week-group-2 td.day.today.week-group-2:not(.disabled):before,
.datepicker.week-group-3.active-week-group-3 td.day.today.week-group-3:not(.disabled):before,
.datepicker.week-group-4.active-week-group-4 td.day.today.week-group-4:not(.disabled):before,
.datepicker.week-group-5.active-week-group-5 td.day.today.week-group-5:not(.disabled):before,
.datepicker.week-group-6.active-week-group-6 td.day.today.week-group-6:not(.disabled):before,
.datepicker.week-group-7.active-week-group-7 td.day.today.week-group-7:not(.disabled):before {
    border-bottom-color: #ffc966 !important;
}

.datepicker.week-group-0.active-week-group-0 td.day.week-group-0:not(.disabled),
.datepicker.week-group-1.active-week-group-1 td.day.week-group-1:not(.disabled),
.datepicker.week-group-2.active-week-group-2 td.day.week-group-2:not(.disabled),
.datepicker.week-group-3.active-week-group-3 td.day.week-group-3:not(.disabled),
.datepicker.week-group-4.active-week-group-4 td.day.week-group-4:not(.disabled),
.datepicker.week-group-5.active-week-group-5 td.day.week-group-5:not(.disabled),
.datepicker.week-group-6.active-week-group-6 td.day.week-group-6:not(.disabled),
.datepicker.week-group-7.active-week-group-7 td.day.week-group-7:not(.disabled) {
    color: #fff;
    background-color: #204d74 !important;
    border-color: #122b40 !important;
}

.datepicker.active-week-group-0 td.day.week-group-0.first-of-week:not(.disabled),
.datepicker.active-week-group-1 td.day.week-group-1.first-of-week:not(.disabled),
.datepicker.active-week-group-2 td.day.week-group-2.first-of-week:not(.disabled),
.datepicker.active-week-group-3 td.day.week-group-3.first-of-week:not(.disabled),
.datepicker.active-week-group-4 td.day.week-group-4.first-of-week:not(.disabled),
.datepicker.active-week-group-5 td.day.week-group-5.first-of-week:not(.disabled),
.datepicker.active-week-group-6 td.day.week-group-6.first-of-week:not(.disabled),
.datepicker.active-week-group-7 td.day.week-group-7.first-of-week:not(.disabled) {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.datepicker.active-week-group-0 td.day.week-group-0.last-of-week:not(.disabled),
.datepicker.active-week-group-1 td.day.week-group-1.last-of-week:not(.disabled),
.datepicker.active-week-group-2 td.day.week-group-2.last-of-week:not(.disabled),
.datepicker.active-week-group-3 td.day.week-group-3.last-of-week:not(.disabled),
.datepicker.active-week-group-4 td.day.week-group-4.last-of-week:not(.disabled),
.datepicker.active-week-group-5 td.day.week-group-5.last-of-week:not(.disabled),
.datepicker.active-week-group-6 td.day.week-group-6.last-of-week:not(.disabled),
.datepicker.active-week-group-7 td.day.week-group-7.last-of-week:not(.disabled) {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}


/*Monthly selector overrides for bootstrap datetimepicker*/
.datepicker table tr td span.month.month-range,
.datepicker table tr td span.year.year-range {
    width: 48%;
    height: 25px;
    line-height: 25px;
    border: 1px solid #e6e6e6;
}

.datepicker table tr td span.month.month-range.disabled,
.datepicker table tr td span.year.year-range.disabled {
    background-color: #efefef;
    color: #ccc;
    cursor: not-allowed;
}

.datepicker table tr td span.month.month-range.month-range-nextyear {
    width: 98% !important;
}

.datepicker table tr td span.month.month-range .month-range-container,
.datepicker table tr td span.year.year-range .year-range-container {
    margin-top: -1px;
}

.datepicker table tr td span.month.month-range .month-range,
.datepicker table tr td span.year.year-range .year-range {
    display: inline;
    width: 100%;
    height: 12px;
    line-height: 12px;
}

/*Overwrites the decades span*/
.datepicker table tr td span.decade {
    white-space: pre-line;
    word-break: break-word;
}

/*Overrides the Bootstrap Datetimepicker to show the smaller time version at the bottom*/
.bootstrap-datetimepicker-widget {
    width: 230px !important;
}

.bootstrap-datetimepicker-widget.datetimepicker-year {
    width: 300px !important;
}

@media(max-width: 479px) {
    .bootstrap-datetimepicker-widget.datetimepicker-year {
        margin-right: -30px !important;
    }

    .bootstrap-datetimepicker-widget.datetimepicker-year.dropdown-menu.pull-right:before {
        left: auto;
        right: 65px;
    }

    .bootstrap-datetimepicker-widget.datetimepicker-year.dropdown-menu.pull-right:after {
        left: auto;
        right: 66px;
    }
}

@media(max-width: 340px) {
    .bootstrap-datetimepicker-widget.datetimepicker-year {
        margin-right: -40px !important;
    }
}

@media(max-width: 320px) {
    .bootstrap-datetimepicker-widget.datetimepicker-year {
        margin-right: -50px !important;
    }
}

.bootstrap-datetimepicker-widget.time-picker-bottom .datepicker,
.bootstrap-datetimepicker-widget.time-picker-bottom .timepicker {
    width: 100% !important;
}

.bootstrap-datetimepicker-widget.time-picker-bottom .datepicker-days tbody tr td.day {
    height: 15px;
    line-height: 15px;
}

.bootstrap-datetimepicker-widget.time-picker-bottom .timepicker::before {
    border-bottom: 1px solid #ccc;
    display: block;
    content: '';
    margin-top: 10px;
}

.bootstrap-datetimepicker-widget.time-picker-bottom .timepicker-picker a[data-action] {
    padding: 0;
}

.bootstrap-datetimepicker-widget.time-picker-bottom .timepicker-picker {
    padding: 5px 30px 0 30px;
}

.bootstrap-datetimepicker-widget.time-picker-bottom .timepicker-picker tr td,
.bootstrap-datetimepicker-widget.time-picker-bottom .datetimepicker.datetimepicker-time-at-bottom .timepicker-picker td a {
    padding: 0;
}

.bootstrap-datetimepicker-widget.time-picker-bottom .timepicker-picker tr td,
.bootstrap-datetimepicker-widget.time-picker-bottom .timepicker-picker td span,
.bootstrap-datetimepicker-widget.time-picker-bottom .timepicker-picker td a span {
    height: auto;
    line-height: 0;
}

.bootstrap-datetimepicker-widget.time-picker-bottom .timepicker-hours tr td,
.bootstrap-datetimepicker-widget.time-picker-bottom .timepicker-minutes tr td {
    height: 25px;
    line-height: 25px;
}

.bootstrap-datetimepicker-widget.time-picker-bottom .timepicker-picker tr td .timepicker-hour,
.bootstrap-datetimepicker-widget.time-picker-bottom .timepicker-picker tr td .timepicker-minute {
    border: 1px solid #ccc;
    width: 45px;
    line-height: 1.5em;
    text-align: center;
}

/* Fix the style where it got overriden by the bootstrap css */
.bootstrap-datetimepicker-widget .timepicker-picker tr td a:hover {
    color: #165ba8;
}

/* To disable the input to prevent the keyboard showing on the touched devices */
.supportTouchEvents input.datetimepicker[readonly],
.supportTouchEvents input.datetime[readonly] {
    background-color: white !important;
}


@media (max-width: 383px) {
    .bold-tn {
        font-weight: bold;
    }

    .text-right-tn {
        text-align: right;
    }

    .text-left-tn {
        text-align: left;
    }
}

@media (min-width: 384px) and (max-width: 479px) {
    .bold-xxs {
        font-weight: bold;
    }

    .text-right-xxs {
        text-align: right;
    }

    .text-left-xxs {
        text-align: left;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .bold-xs {
        font-weight: bold;
    }

    .text-right-xs {
        text-align: right;
    }

    .text-left-xs {
        text-align: left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bold-sm {
        font-weight: bold;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-left-sm {
        text-align: left;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bold-md {
        font-weight: bold;
    }

    .text-right-md {
        text-align: right;
    }

    .text-left-md {
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .bold-lg {
        font-weight: bold;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-left-lg {
        text-align: left;
    }
}

select.form-control:not(#searchCategory) {
    background-image: url('/Content/images/select-down.png');
    background-position-x: 97.7%;
    background-position-y: 50%;
    background-position: right 6px center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.auto-expand-container .select2-container,
.auto-expand-overflow .select2-container {
    z-index: 100;
}

select ~ span.select2,
select ~ .editing-wrapper span.select2 {
    width: 100% !important;
}

select.btn-warning, select.btn-danger {
    background-image: url('/Content/images/select-down-white.png');
}

select.form-control.input-sm {
    line-height: 1.5;
    padding-bottom: 0;
    padding-top: 0;
}

select.form-control::-ms-expand {
    display: none;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

body.modal-background::before {
    content: '';
    position: fixed;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
}

.modal-countdown {
    display: block;
    width: 100%;
    background-color: black;
    text-align: center;
    padding: 10px;
    margin-bottom: 0;
    font-size: 12px;
}

.navbar-fixed-top {
    border: 0;
    z-index: 1040;
}

.device-ios .modal {
    -webkit-overflow-scrolling: unset !important;
}

abbr[title], acronym[title] {
    text-decoration: none;
}

/* Fix the IOS issue when selecting on select2 where the header is scrolling */
.device-ios .navbar-fixed-top {
    position: absolute !important;
}

.device-ios .headroom--not-top {
    top: 0 !important;
}

.device-ios #default-view .sticky-header {
    top: 0 !important;
}

footer {
    margin-top: 70px;
    padding: 40px 0;
    background: #222;
}



#facebookFollowButton {
    z-index: 1;
    position: absolute;
    top: -1px;
    left: 0;
}

.twitter-btn,
.facebook-btn {
    font: normal normal normal 13px/26px 'Helvetica Neue',Arial,sans-serif;
    position: relative;
    height: 20px;
    box-sizing: border-box;
    padding: 0px 7px 1px 7px;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    line-height: 18px;
    user-select: none;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}


.facebook-btn {
    background: #4267b2;
    cursor: pointer;
}

.twitter-btn:hover {
    text-decoration: none;
}

.twitter-btn img,
.facebook-btn img {
    height: 12px;
}

.twitter-btn .label,
.facebook-btn .label {
    color: #fff;
    padding: 0;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: bold;
    font-stretch: normal;
    font-size: 11px;
    line-height: 18px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    white-space: nowrap;
}

footer ul {
    padding: 0;
    list-style: none;
}

footer, footer a, footer a:visited, footer span {
    font-size: 15px;
    color: #ddd;
}

footer a:hover {
    color: #fff;
}

footer .navbar {
    margin-bottom: 0;
}

.footer-separator {
    clear: both;
}

footer .first-line {
    margin-bottom: 50px;
}

footer .second-line {
    margin-top: 50px;
}

footer .glyphicon-globe {
    margin: 0;
    padding: 2px 4px 0 0;
}

footer .second-line a,
footer .second-line span {
    font-size: 14px;
    font-weight: 600;
}

footer .brand-primary-light, footer .brand-secondary-light {
    font-size: 18px !important;
}

footer .second-line div.hidden-xxs.text-right {
    padding-top: 7px;
}

footer .language-container {
    margin-bottom: 10px;
}

.logo-light-small {
    background: url(/Content/images/logo-light-small.png) no-repeat;
    width: 30px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -10px;
}

footer .logo-light-small {
    margin-right: 5px;
}

footer .copyright-container, footer .language-container {
    display: none;
}

footer .follow-us-container {
    display: flex;
    flex-direction: column;
}

#select-lang-container .dropdown-menu {
    text-align: left;
    float: right;
}

#select-lang-container a.language-value:hover {
    color: #fff !important;
}

#select-lang-container a.language-value {
    color: #333 !important;
}

footer .dropdown-menu a:visited {
    color: #333;
}

.flag-icon.flag-icon-kor,
.flag-icon.flag-icon-jpn {
    border: 1px solid #ccc;
}

#select-lang-container {
    width: auto;
}

#select-lang-container .flag-icon {
    margin: 5px;
}

#select-lang:hover,
#select-lang:focus {
    text-decoration: none;
}

#select-lang:hover > span {
    text-decoration: underline;
}

@media (min-width: 992px) {
    #select-lang-container:not(.internalerror) {
        text-align: right;
        float: right;
    }


    footer .follow-us-container ul {
        text-align: right;
    }
}

@media (max-width: 479px) {
    footer .copyright-container, footer .language-container {
        display: block;
    }

    .ios-old-version > .dailyreport-edit .list-editor-note .list-editor-remove-container {
        width: 15%;
    }

    .ios-old-version > .dailyreport-edit .note.remove,
    .ios-old-version > .dailyreport-edit .daily-report-user.remove {
        padding: 2.5px 5px;
    }

    .ios-old-version > .dailyreport-edit .list-editor-note .note-type-container,
    .ios-old-version > .dailyreport-edit .list-editor-note .mention-tagging-container {
        width: 85%;
    }

    .ios-old-version > .dailyreport-edit .list-editor-note .mention-tagging-container .mt-inner-container .information-icon {
        right: 40px;
        top: 9px;
    }

    .ios-old-version > .dailyreport-edit .list-editor-note .mention-tagging-container .mt-inner-container .btn-toolbar {
        height: 36px;
    }

    .ios-old-version > .dailyreport-edit .list-editor-note .mention-tagging-container .mt-inner-container .btn-toolbar .btn-sm {
        padding: 2.5px 7px;
    }

    .ios-old-version > .dailyreport-edit div.well .list-editor-note .list-editor-remove-container {
        width: 17%;
    }

    .ios-old-version > .dailyreport-edit div.well .list-editor-note .note-type-container,
    .ios-old-version > .dailyreport-edit div.well .list-editor-note .mention-tagging-container {
        width: 83%;
    }

    .ios-old-version > .dailyreport-edit div.well .list-editor-note .mention-tagging-container .mt-inner-container .mention-tagging-save-notification {
        font-size: 13px;
    }

    .animal-add div#measurement-item-modal div.modal-body,
    .animal-edit div#measurement-item-modal div.modal-body,
    .medical-add div#measurement-item-modal div.modal-body,
    .medical-edit div#measurement-item-modal div.modal-body,
    .section-index div#measurement-item-modal div.modal-body {
        overflow-y: auto;
    }
}

div.legal {
}

div.legal > ol {
}

div.legal li {
    padding-left: 20px;
    font-size: 17px;
    font-weight: 600;
}

div.legal h3 {
    font-size: 17px;
    font-weight: 600;
}

div.legal p {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

div.legal > ol > li > ol {
    list-style-type: lower-alpha;
    margin-bottom: 12px;
}

div.legal > ol > li > ol > li {
    font-size: 15px;
    font-weight: 400;
}

ul.list-padded > li, ol.list-padded > li {
    margin: 6px 11px;
}

ul.list-compact > li {
    padding: 4px 6px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* logo colors */
.brand-primary {
    color: #333333;
}

.brand-primary-light {
    color: #e6e6e6;
}

.brand-secondary {
    color: #91d429;
}

.brand-secondary-light {
    color: #91d429;
}

a.social-link {
    display: inline-block;
    margin: 0px 6px;
}

.section-static {
    margin-top: 30px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.clearfix {
    padding-bottom: 20px;
}

.radio-toolbar label {
    padding-right: 10px;
}

.modal-custom-level-item .hide-when-custom-level,
.modal-time .hide-when-time,
form .show-when-custom-level,
.row .show-when-custom-level,
form .show-when-time,
.row .show-when-time {
    display: none !important;
}

.modal-time .show-when-time,
.modal-custom-level-item .show-when-custom-level {
    display: inline-block !important;
}

@media (max-width: 374px) {
    #measurement-modal .modal-footer button {
        margin-bottom: 5px;
    }
}

@media (min-width: 768px) {
    .section-static {
        width: 750px;
    }
}

#application-configuration {
    z-index: 9999;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #2780e3;
    color: white;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    padding: 1px 0;
    transition: all 1s ease-in-out;
}

#application-configuration.slide-up {
    opacity: 0;
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: max-height 0.25s ease-out;
    -moz-transition: max-height 0.25s ease-out;
    -o-transition: max-height 0.25s ease-out;
    transition: max-height 0.25s ease-out;
}

.panel-payment-warning {
    text-align: center;
    padding: 3px 5px 5px 5px;
    display: none;
}

.panel-payment-warning a, .panel.panel-payment-warning span {
    color: #fff;
}

.warning-gracePeriod .panel-warning-gracePeriod,
.warning-deactivated .panel-warning-deactivated,
.warning-temporary-extension .panel-warning-temporary-extension,
.warning-deactivated-animal-limit .panel-warning-deactivated-animal-limit {
    display: flex;
}

.warning-gracePeriod .panel-warning-gracePeriod > .warning-message-content,
.warning-deactivated .panel-warning-deactivated > .warning-message-content,
.warning-temporary-extension .panel-warning-temporary-extension > .warning-message-content,
.warning-deactivated-animal-limit .panel-warning-deactivated-animal-limit > .warning-message-content {
    flex: 1;
}

.warning-gracePeriod .container.body-content,
.warning-deactivated .container.body-content,
.warning-temporary-extension .container.body-content,
.warning-deactivated-animal-limit .container.body-content {
    margin-top: 30px;
}

.fa.fa-stethoscope {
    font-weight: bold;
}

mark {
    background-color: #ff944d !important;
}

pre.note-field {
    margin-bottom: 0px;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: 0;
    border: 0;
    padding: 0;
    overflow-x: hidden; /* Fix IE horizonatal scrolling problem */
    word-break: normal;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.noselect,
.mentioned-content .tagged-text {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#report-parameters .form-group > div:has(ul.list-unstyled li),
#report-parameters .form-group.flagIds-container > div:has(ul) {
    overflow-x: hidden;
    max-height: 30vh;
}

#report-parameters ul.list-unstyled li label {
    font-weight: normal;
    text-align: left;
}

#report-parameters ul.list-unstyled li input {
    margin-right: 3px;
}

#report-parameters .report-checkbox label {
    font-weight: 600;
}

#report-parameters .report-checkbox:not(:last-child) {
    margin-bottom: 0; /* Change the default spacing for checkbox */
}

.form-group.report-checkbox:not(.hide) + .form-group:not(.report-checkbox) {
    margin-top: 30px; /* Restore the spacing anything after last checkbox */
}

#report-parameters .report-checkbox:not(:last-child) {
    margin-bottom: 15px;
}

#report-parameters .report-checkbox:not(:last-child) .checkbox {
    min-height: auto !important;
    padding-top: 0px !important;
}

#report-parameters .form-group.report-checkbox:not(.hide) + .form-group:not(.report-checkbox) {
    margin-top: 15px;
}

#report-parameters .fromDateAnimalNotes-container,
#report-parameters .fromDateSecureNotes-container,
#report-parameters .fromDateDailyReportNotes-container,
#report-parameters .fromDateAnimalMentioned-container {
    margin-top: 5px;
}

#report-parameters .fromDate-container .error-message-container {
    float: left;
}

/*VR 2016-05-23 added to fix wrapped navbar caused by "Reports" addition*/
/*Reports navbar start*/
div.container.header-section > div.navbar-header {
    margin-top: 0;
    -webkit-transition: margin-top 300ms ease;
    -moz-transition: margin-top 300ms ease;
    -o-transition: margin-top 300ms ease;
    -ms-transition: margin-top 300ms ease;
    transition: margin-top 300ms ease;
}

div.container.header-section > div.navbar-header.searchbox-showing {
    margin-top: 12px;
}

div.navbar div.container.header-section .menu-administration > a,
div.navbar div.container.header-section .caret {
    color: #fff;
}

div.navbar div.container.header-section .dropdown-toggle > .caret {
    margin-left: 5px;
}

div.navbar div.container.header-section .menu-administration .caret {
    margin-left: 0 !important;
}

div.navbar div.container.header-section .menu-administration {
    line-height: 21px;
    position: relative;
    cursor: pointer;
}

div.navbar div.container.header-section .menu-administration.open > a {
    background-color: transparent;
    color: #fff;
}

div.navbar div.container.header-section .menu-administration > a:hover,
div.navbar div.container.header-section .menu-administration > a:focus,
div.navbar div.container.header-section .menu-administration > a:active {
    text-decoration: none;
}


div.navbar div.container.header-section .menu-administration:hover {
    color: #ffffff;
}

@media (min-width:768px) {
    div.navbar div.container.header-section {
        width: 100%;
        margin-left: 15px;
    }

    .navbar-collapse form.navbar-right {
        margin-right: 0;
    }

    div.navbar div.container.header-section .menu-administration [data-toggle="dropdown"] {
        padding-left: 3px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 5px;
    }

    div.navbar div.container.header-section .menu-administration.open ul li {
        background-color: transparent;
    }

    div.navbar div.container.header-section .menu-administration > a {
        padding-top: 14.5px;
        padding-bottom: 14.5px;
        display: inline-block;
    }

    div.navbar div.container.header-section .menu-administration:hover {
        background-color: #090909;
    }


    div.navbar div.container.header-section .menu-administration {
        display: flex;
        align-items: center;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    div.navbar div.container.header-section {
        padding-right: 40px; /*to simulate margin-right: 15px with 100% width*/
    }

    div.navbar div.container.header-section .menu-administration {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media(min-width: 992px) {
    div.navbar div.container.header-section {
        padding-right: 45px; /*to simulate margin-right: 15px with 100% width*/
    }


    div.navbar div.container.header-section .menu-administration {
        padding-left: 15px;
        padding-right: 15px;
    }
}

div.navbar span.nav-username {
    max-width: 80px;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
}

@media (min-width: 1200px) {
    .body-content.dashboard-index,
    div.navbar div.container.header-section {
        width: 1290px;
    }

    div.navbar div.container.header-section {
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    .navbar-header .navbar-brand span.brand-primary-light, .navbar-header .navbar-brand span.brand-secondary-light {
        display: none !important;
    }

    .navbar-header.searchbox-showing .navbar-brand span.brand-primary-light, .navbar-header.searchbox-showing .navbar-brand span.brand-secondary-light {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .navbar-default .header-section div.navbar-collapse.collapse > ul.nav.navbar-nav > li:first-child { /*Remove "Home" navigation only between 768px = 1199px*/
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-default .header-section div.navbar-collapse.collapse .nav-username {
        display: none !important;
    }
}

@media (max-width: 879px) {
    div.navbar-collapse.collapse > ul.nav.navbar-nav {
        margin-left: -15px;
    }

    .checklist div.navbar-collapse.collapse > ul.nav.navbar-nav,
    .animal-group div.navbar-collapse.collapse > ul.nav.navbar-nav,
    .custom-list div.navbar-collapse.collapse > ul.nav.navbar-nav {
        margin-left: 0;
    }

    ul.nav.navbar-nav.navbar-right li.nav-pipe div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .custom-checklist-header {
        margin: 0 0 5px 0;
    }

    .custom-checklist-header .custom-dashboard-filter {
        margin: 0;
        padding: 0;
    }

    .medical-records-reminders .custom-dashboard-filter {
        margin: 0;
        padding: 0 15px;
    }
}

@media (max-width:767px) {
    div.navbar-collapse.collapse > ul.nav.navbar-nav > li:first-child { /*Remove "Home" navigation only between 768px = 857px*/
        display: block !important;
    }

    div.container.header-section > div.navbar-header.searchbox-showing {
        margin-top: 0;
    }

    .checklist div.navbar-collapse.collapse > ul.nav.navbar-nav,
    .animal-group div.navbar-collapse.collapse > ul.nav.navbar-nav,
    .custom-list div.navbar-collapse.collapse > ul.nav.navbar-nav {
        margin-left: -15px;
    }

    div.navbar div.container.header-section .menu-administration > a {
        padding-right: 0px !important;
    }


    div.navbar div.container.header-section .menu-administration ul > li > a {
        padding-left: 15px !important;
        padding-right: 15px !important;
        white-space: normal !important;
    }

    div.navbar div.container.header-section .menu-administration [data-toggle="dropdown"] {
        padding-left: 5px;
        padding-right: 5px;
    }

    div.navbar div.container.header-section .caret {
        margin-left: 5px;
    }

    div.navbar div.container.header-section .menu-administration li:not(:last-child) {
        border-bottom: 1px solid #2e2e2e;
    }

    div.navbar div.container.header-section .menu-administration {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    div.navbar div.container.header-section .menu-administration > a {
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
    }

    div.navbar div.container.header-section .menu-administration > span {
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
    }


    div.navbar div.container.header-section .menu-administration:hover > ul {
        background-color: #222222 !important;
    }

    div.navbar div.container.header-section .menu-administration:hover {
        color: #ffffff;
        background-color: #090909;
    }
}

@media (min-width:768px) {
    .navbar-nav > li > .dropdown-menu.no-profile {
        max-width: 400px;
        width: -moz-max-content;
        width: -webkit-max-content;
        max-height: 510px;
        overflow: auto;
    }

    .navbar-nav .dropdown-menu.no-profile > li > a {
        white-space: nowrap !important;
    }

    .device-ie .navbar-nav > li.dropdown.open > .dropdown-menu.no-profile {
        width: auto;
    }
}

.navbar-nav .dropdown-menu .daily-report-summary-menu + li {
    border-top: 1px solid #ccc;
    margin-top: 7px;
    padding-top: 7px;
}

/*Reports navbar end*/

@media (min-width: 992px) {
    .section-static {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .section-static {
        width: 1170px;
    }
}

div.flag-container {
    height: 315px;
    overflow: scroll;
    overflow-x: hidden;
}


.home-section {
    background-position: center;
    background-repeat: no-repeat;
    height: 700px;
}

.home-section h2 {
    text-align: center;
    margin-top: 60px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 2em;
}

.home-section h3 {
    text-align: center;
}

.home-section h5 {
    color: #666666;
    font-weight: 400;
    font-style: italic;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 24px;
}

.home-section h6 {
    text-align: center;
    font-size: 1.2em;
    font-weight: 400;
    font-style: italic;
    color: #666666;
}

@media (min-width: 768px) {
    .home-section h2 {
        font-size: 2.8em;
    }

    .home-section h5 {
        font-size: 1.6em;
    }
}

.home-section-arrow {
    position: absolute;
    width: 80px;
    height: 40px;
    left: 50%;
    margin-left: -40px;
    z-index: 5;
    background-position: top center;
    background-repeat: no-repeat;
}

.home-section-0-arrow {
    background-image: url('/Content/images/blank-arrow.png');
}

.home-section-1 {
    background-image: url('/Content/images/elephant-skin-texture.jpg');
}

.home-section-1-arrow {
    background-image: url('/Content/images/elephant-skin-arrow.png');
}

.home-section-1 h2 {
    color: #ffffff;
    text-shadow: 2px 2px 8px #000000;
}

.home-section-2 {
    background-image: url('/Content/images/concrete-texture.jpg');
}

.home-section-2-arrow {
    background-image: url('/Content/images/concrete-arrow.png');
}

.home-section-2 h2 {
    color: #355700;
}

.home-section-3 {
    background-image: url('/Content/images/flamingo-texture.jpg');
}

.home-section-3-arrow {
    background-image: url('/Content/images/flamingo-arrow.png');
}

.home-section-3 h2 {
    color: #ffffff;
    text-shadow: 2px 2px 8px #000000;
}

.home-section-4 {
    height: auto;
    padding-bottom: 10px;
}

.panel-shadowed {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75);
}

ul.preview > li {
    position: relative;
    float: left;
    margin: 0px;
    width: 260px;
    height: 240px;
}

@media (min-width: 1200px) {
    ul.preview > li {
        margin: 0px 10px;
    }
}

ul.preview > li > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px;
}

ul.preview > li > .preview-border {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/Content/images/preview-border.png');
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 50ms ease-in;
    -moz-transition: all 50ms ease-in;
    -o-transition: all 50ms ease-in;
    transition: all 50ms ease-in;
}

ul.preview > li.active > .preview-border {
    opacity: 1;
    filter: alpha(opacity=100);
}

ul.preview > li:hover > .preview-border {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}

ul.preview img, p.preview img {
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.75);
}

ul.padded > li {
    padding: 6px 0px;
}

li.pipe {
    border-left: 1px solid gray;
    padding-left: 20px;
    padding-right: 20px;
}

p.preview {
    padding-top: 20px;
    padding-bottom: 30px;
}

a.tab-left {
    display: block;
    float: left;
    margin-top: 40px;
    font-size: 2em;
    color: #ffffff;
    text-shadow: 2px 2px 8px #000000;
}

a.tab-right {
    display: block;
    float: right;
    margin-top: 40px;
    font-size: 2em;
    color: #ffffff;
    text-shadow: 2px 2px 8px #000000;
}

span.add-space-right {
    margin-right: 3px;
}

#taskchecklist.modal .taskchecklist-occurence .textbox-occurrence {
    margin-left: 10px;
    margin-right: 5px;
}

#taskchecklist.modal .taskchecklist-occurence .radio-after .textbox-occurrence {
    width: 75px;
}

#taskchecklist.modal .taskchecklist-occurence .radio-on .textbox-occurrence {
    width: 120px;
}

#taskchecklist.modal .taskchecklist-occurence .radio-occurrence {
    display: flex;
    align-items: center;
}

#taskchecklist.modal .taskchecklist-occurence .radio-occurrence label {
    width: 70px;
}

@media (min-width: 768px) {
    a.tab-left {
        margin-left: 10%;
        font-size: 3em;
    }

    a.tab-right {
        margin-right: 10%;
        font-size: 3em;
    }

    #taskchecklist.modal .taskchecklist-occurence .row {
        margin-top: 11px;
    }

    #taskchecklist.modal .taskchecklist-occurence .clear-top {
        padding-top: 0;
        margin-top: 0;
    }

    #taskchecklist.modal .taskchecklist-occurence .label-occurrence {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    #taskchecklist.modal .taskchecklist-occurence .row-config {
        display: flex;
    }
}

#taskchecklist.modal #checklist-content .detail-container label.tasks-checklist a {
    cursor: pointer;
}

#taskchecklist.modal form#occurrence-validation-form label.error {
    margin-left: 72px;
    font-weight: normal;
}

.Typeahead-spinner {
    position: absolute;
    top: 11px;
    right: 25px;
    width: 22px;
    height: 22px;
    opacity: 0.4;
    z-index: 5;
}

.full-height {
    height: 100%;
}

.same-height {
    display: flex;
    flex-wrap: wrap;
}

.same-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

@media (min-width:768px) {/*Update from bootstrap*/
    .navbar-form .form-group.animal-inventory-filter-container,
    .navbar-form .form-group.business-filter-container {
        display: flex;
        flex-wrap: wrap;
        column-gap: 3px;
    }
}

.medical-record-header-filter .search-group,
.animal-inventory-filter-container .search-group,
.user-filter-container .search-group,
.business-filter-container .search-group {
    display: inline-table;
    vertical-align: middle;
    position: relative;
}

.medical-record-header-filter .search-group .search-filter-container,
.animal-inventory-filter-container .search-group .search-filter-container,
.user-filter-container .search-group .search-filter-container,
.business-filter-container .search-group .search-filter-container,
.resource-category .search-group .search-filter-container,
.resourceorganization-category .search-group .search-filter-container,
.resource-organization-member-container .filter-search-text .search-filter-container,
.resource-organization-coalition-container .filter-search-text .search-filter-container,
.coalition-container .filter-search-text .search-filter-container {
    position: relative;
}

.resource-category .search-group .search-filter-container {
    margin-right: -3px;
}

.animal-inventory-filter-container .search-group .search-filter-container #animal-search {
    padding-right: 25px;
}

.twitter-typeahead .tt-menu {
    margin: 1px 0;
}

table.spaced {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
}

table.padded th, table.padded td {
    padding: 6px 11px;
}

table.padded-lg th, table.padded-lg td {
    padding: 11px 18px;
}

table.darkened th, table.darkened td {
    color: #ffffff;
    background-image: url('/Content/images/bg-flat-00000040.png');
    background-position: top left;
    background-repeat: repeat;
}

/* bootstrap overrides */
.header-section .navbar-brand {
    padding: 0px;
    margin-right: 15px;
    font-size: 1.4em;
}

.header-section .navbar-brand img {
    float: left;
    margin-right: 3px;
}

.header-section .navbar-brand span {
    display: inline-block;
    margin: 15px 0px;
}

/*Overrides bootstrap switch line-height to get rid of small gap at bottom of switch*/
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on {
    line-height: 1.6 !important;
}

/* Overrides the bootstrap switch styling when using icon */
.bootstrap-switch-container .bootstrap-switch-handle-off i.fa-times {
    color: #888;
}

.panel-title h3 {
    margin: 0;
    padding: 0;
}

.carousel {
    max-height: 800px;
    overflow: hidden;
}

.carousel-caption {
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: right;
    padding: 10px 15% 30px 15%;
    /*background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 1) 100%);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 1) 100%);
    background-image: -webkit-gradient(linear, top, bottom, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 1)));
    background-image: linear-gradient(rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 1) 100%);
    background-repeat: repeat-y;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FF000000');
    background: rgba(0,0,0,0.5);
    font-size: 1.2em;*/
}

.carousel-caption h1 {
    margin: 0;
    padding: 11px;
    font-weight: 400;
    display: inline-block;
    text-shadow: 0px 0px 3px #000000, 0px 0px 6px #000000;
}

.carousel-caption a.btn {
    margin-bottom: 16px;
    /*position: absolute;
    top: 20px;
    right: 20%;*/
}

.carousel-logo {
    position: absolute;
    left: 15%;
    top: 10px;
    z-index: 10;
    width: 200px;
    text-shadow: 0px 0px 3px #000000, 0px 0px 6px #000000;
}

.btn-signup {
    display: inline-block;
    border-radius: 4px;
    background-color: #a5ce3a;
    padding: 18px 20px;
}

.btn-signup:hover {
    text-decoration: none;
    background-color: #8eb52a;
}

.btn-title {
    display: block;
    text-align: center;
    font-size: 1.2em;
}

.btn-subtitle {
    display: block;
    text-align: center;
    font-size: .9em;
}

.btn-signup .btn-title {
    color: #ffffff;
    text-shadow: 0px 0px 3px #000000, 0px 0px 6px #000000;
}

.btn-signup .btn-subtitle {
    color: #334700;
}

.btn-primary .btn-title {
    color: #ffffff;
}

.btn-primary .btn-subtitle {
    color: #b7d3f2;
}

.carousel .btn-signup {
    position: absolute;
    z-index: 10;
    left: 15%;
    bottom: 45px;
}

.animal-edit .animal-from .dropdown .title {
    color: #000 !important;
    text-align: left;
    font-weight: 600;
    font-size: 15px;
    padding-left: 5px;
}

.animal-edit .animal-from .dropdown .dropdown-merged-from:hover span,
.animal-edit .animal-from .dropdown.open .dropdown-merged-from span {
    color: #fff !important;
}

.animal-edit .animal-from .dropdown .caret {
    -webkit-transition: transform 0.35s ease-in-out;
    -moz-transition: transform 0.35s ease-in-out;
    -o-transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
}

.animal-edit .animal-from .dropdown.open .caret {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.animal-edit .dropdown .dropdown-merged-from span {
    color: #000 !important;
}

.animal-edit .dropdown .dropdown-merged-from .merged-info {
    font-size: 20px;
    padding: 0;
}

.animal-edit .animal-from .dropdown.open .dropdown-merged-from:hover,
.animal-edit .animal-from .dropdown .dropdown-merged-from:hover {
    background: #2780e3 !important;
    border-color: #2780e3 !important;
}

.animal-edit .animal-from .dropdown .dropdown-merged-from {
    border: 2px solid;
    border-color: #eee !important;
    background: #eee !important;
    padding: 10px;
    outline: none;
    float: none;
}

.animal-edit .animal-from .dropdown.open .dropdown-merged-from {
    border-color: #2780e3 !important;
    background: #2780e3 !important;
}

.animal-edit .animal-from .row-animal-parents .row.template {
    display: none;
}

.animal-edit .animal-from .dropdown.open .dropdown-menu.animal-parents {
    right: auto;
    border: 1px solid #888;
    box-shadow: none;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0;
}

.animal-edit .animal-from .dropdown.open .dropdown-menu.animal-parents .row-striped {
    padding-bottom: 0;
}

h4.title-secure-note > i.fa-lock {
    margin-right: 5px;
}

.list-editor.animal-note-container .note-type-container,
.list-editor.secure-note-container .note-type-container,
.list-editor.resource-note-container .note-type-container {
    margin-bottom: 10px;
}

.list-editor.animal-note-container .list-editor-rows .row,
.list-editor.resource-note-container .list-editor-rows .row,
.list-editor.secure-note-container .list-editor-rows .row {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 20px;
    padding-right: 0px;
    padding-left: 0px;
}

.list-editor.animal-note-container .list-editor-rows .row-note.first-row,
.list-editor.secure-note-container:not(.existing-note-exists) .list-editor-rows .row-note.first-row {
    padding-top: 0px;
}

.list-editor.animal-note-container .list-editor-rows .row-note:not(.first-row),
.list-editor.resource-note-container .list-editor-rows .row-note:not(.first-row),
.list-editor.secure-note-container .list-editor-rows .row-note:not(.first-row),
.list-editor.secure-note-container.existing-note-exists .list-editor-rows .row-note.first-row {
    border-top: 1px solid #eee;
    padding-top: 20px;
}


.list-editor.animal-note-container .button-container,
.list-editor.resource-note-container .button-container,
.list-editor.secure-note-container .button-container {
    padding-left: 0px;
    padding-right: 0px;
}

@media(min-width: 768px) {
    .list-editor.animal-note-container .button-container,
    .list-editor.resource-note-container .button-container,
    .list-editor.secure-note-container .button-container {
        text-align: center;
        padding-top: 15px;
    }
}

@media(max-width: 767px) {
    .list-editor.animal-note-container .button-container,
    .list-editor.resource-note-container .button-container,
    .list-editor.secure-note-ontainer .button-container {
        position: absolute;
        padding: 0;
    }
}

@media(max-width: 767px) {
    .list-editor.animal-note-container .button-container,
    .list-editor.resource-note-container .button-container,
    .list-editor.secure-note-container .button-container {
        right: 5px;
    }
}

@media(max-width: 374px) {
    .list-editor.animal-note-container .button-container button,
    .list-editor.resource-note-container .button-container button,
    .list-editor.secure-note-container .button-container button {
        padding: 5px 7px !important;
    }
}

.show-merge-split-history .animal-name-label.name-active a,
.show-merge-split-history .animal-name-label:not(.name-active) i {
    display: none;
}

.animal-from .reason-card .reason-title {
    font-size: 12px;
    margin-left: -15px;
    color: #999;
    top: 2.5px;
    font-weight: 600;
}

.animal-from .reason-card {
    background: #eee;
    margin-top: -1px;
}

.btn-split.disabled {
    pointer-events: none;
    touch-action: none;
}

@media (min-width: 768px) {
    .carousel-logo {
        top: 60px;
        width: 350px;
    }

    .btn-signup {
        bottom: 60px;
        width: 250px;
    }

    .btn-signup span.btn-title {
        font-size: 2em;
        text-shadow: 0px 0px 3px #000000, 0px 0px 6px #000000;
    }

    .btn-signup span.btn-subtitle {
        font-size: 1.1em;
    }

    /*Make vertical navbar*/
    .sidebar-nav .navbar .navbar-collapse {
        padding: 0;
        max-height: none;
    }

    .checklist .sidebar-nav .navbar .navbar-collapse,
    .animal-group .sidebar-nav .navbar .navbar-collapse {
        max-height: 500px;
        overflow-y: auto !important;
    }

    .sidebar-nav .navbar ul {
        float: none;
    }

    .sidebar-nav .navbar li {
        float: none;
        display: block;
    }

    .sidebar-nav .navbar li a {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

@media (min-width: 992px) {
    .navbar-custom {
        width: 212px;
    }

    .checklist .navbar-custom,
    .animal-group .navbar-custom,
    .calculated-measurement .navbar-custom,
    .measurement-index .navbar-custom,
    .custom-list .navbar-custom,
    #measurement-template-container .navbar-custom {
        width: auto;
    }

    #checklist.list-editor {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-custom {
        width: 262px;
    }
}

ul.overview {
    font-size: 1.1em;
    padding-left: 1em;
}

ul.overview li {
    margin-left: 0;
    padding: 6px 0px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

a.glyphicon {
    text-decoration: none !important;
}

.section-index .file-upload {
    width: 100%;
}

.list-editor-template {
    display: none;
}

.row-border-bottom {
    border-bottom: 1px solid #dddddd;
}

.add-member-coalition-container .list-editor-phone-number .row-margin-bottom {
    margin-bottom: 15px;
}

.row-margin-bottom {
    margin-bottom: 30px;
}

.attachments .row.row-margin-bottom {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
}

.row-margin-top {
    margin-top: 5px;
}

.row-margin-top:not(:first-child) {
    margin-top: 15px;
}

.full-row-list-editor .btn.btn-sm.btn-default.add {
    margin-top: 15px;
}

.list-editor-file-upload-single,
.file-upload .list-editor-rows,
.list-editor-rows .fileContentNote > row,
.file-upload-single .list-editor-rows,
.file-upload-single .row-margin-bottom {
    margin: 0;
}

.professional-organization .row-margin-bottom {
    margin-bottom: 11px;
    padding-bottom: 10px;
}

.inline-block-75 {
    width: 75%;
    display: inline-block;
}

.file-upload .row-margin-bottom .name,
.file-contents .row-margin-bottom .name,
.file-upload-single .row-margin-bottom .name,
.welfare-template-detail .attachments .name {
    font-weight: bold;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.file-upload .row-margin-bottom .delete,
.file-upload-single .row-margin-bottom .delete,
.fileContentNote .dropdown-toggle,
.file-upload a.set-as-primary-picture,
.file-upload-single a.set-as-primary-picture {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
}

.file-upload a.set-as-primary-picture:hover,
.file-upload-single a.set-as-primary-picture:hover,
.file-upload a.set-as-primary-picture:focus,
.file-upload-single a.set-as-primary-picture:focus {
    text-decoration: none;
    outline: none;
}

.custom-list .custom-list-item .itemRow.custom-value-list a.set-primary-identifier,
.file-upload a.set-as-primary-picture,
.file-upload-single a.set-as-primary-picture {
    color: #ccc;
}

.file-upload a.set-as-primary-picture,
.file-upload-single a.set-as-primary-picture {
    font-size: 20px;
}

.file-upload a.set-as-primary-picture.active,
.file-upload-single a.set-as-primary-picture.active,
.file-contents .image-view-container .fa-check-circle-o {
    color: #5cb85c;
}

.custom-list .custom-list-item .itemRow.custom-value-list a.set-primary-identifier.active {
    color: #efd416;
}

.custom-list .custom-list-item .itemRow.custom-value-list a.set-primary-identifier.active.not-allowed {
    cursor: default !important;
}


.file-upload .set-as-primary-picture-container,
.file-upload-single .set-as-primary-picture-container {
    padding-right: 0;
}

.file-upload .image-description,
.file-contents .image-description,
.file-upload-single .image-description {
    padding: 0;
    white-space: nowrap;
}

.file-upload .image-thumbnail-container,
.file-contents .image-thumbnail-container,
.file-upload-single .image-thumbnail-container,
.welfare-template-detail .attachments .image-thumbnail-container {
    width: 50px;
    height: 50px;
    padding: 0px;
    display: inline-block;
}

.file-upload .image-thumbnail-description,
.file-contents .image-thumbnail-description,
.file-upload-single .image-thumbnail-description {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
    overflow: hidden;
    width: calc(100% - 65px); /*For Ellipsis*/
}

.file-contents .image-thumbnail-container {
    margin-left: 15px;
    position: relative;
}

.file-contents .image-thumbnail-container .fa-check-circle-o {
    position: absolute;
    z-index: 1000;
    top: -7px;
    left: -6px;
    font-size: 20px;
    background-color: #fff;
    border-radius: 50%;
    height: 20px px;
    width: 19px;
}

.file-upload .image-thumbnail-container a,
.file-contents .image-thumbnail-container a,
.file-upload-single .image-thumbnail-container a,
.welfare-template-detail .attachments .image-thumbnail-container a {
    display: flex;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    cursor: pointer;
}

.file-upload .image-thumbnail-container .img-thumbnail,
.file-upload-single .image-thumbnail-container .img-thumbnail,
.file-contents .image-thumbnail-container .img-thumbnail,
.welfare-template-detail .attachments .img-thumbnail {
    width: auto;
    height: auto;
    border: none;
    padding: 0px;
}

/* IE doesn't support Content-fit */
.device-ie .file-upload .image-thumbnail-container .img-thumbnail,
.device-ie .file-upload-single .image-thumbnail-container .img-thumbnail,
.device-ie .file-contents .image-thumbnail-container .img-thumbnail,
.device-ie .welfare-template-detail .attachments .img-thumbnail {
    width: 100%;
    height: 100%;
}

.file-upload .row-margin-bottom {
    margin-top: 5px;
    margin-bottom: -5px;
    padding: 10px;
}

.file-upload .row-margin-bottom:not(:last-child),
.file-upload-single .row-margin-bottom:not(:last-child) {
    border-bottom: 1px solid #ececec;
}

.file-upload progress,
.file-upload-single progress {
    margin-top: 5px;
    width: 100%;
    display: none;
}

.file-upload #file-upload-drag-drop,
.file-upload-single #file-upload-drag-drop-single {
    border: 1px dashed #ccc;
    padding: 15px;
    color: #888;
    margin-top: 10px;
}

.file-upload .drop-layer,
.file-upload-single .drop-layer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(135,206,250,.4);
    z-index: 99;
    border: 2px solid lightskyblue;
    display: none;
}

.file-upload .drop-layer .drop-icon,
.file-upload-single .drop-layer .drop-icon {
    position: absolute;
    text-align: center;
    top: 50%;
    margin-top: -10px;
    width: 100%;
    animation-iteration-count: infinite;
}

.file-upload .drop-layer .glyphicon-cloud,
.file-upload-single .drop-layer .glyphicon-cloud {
    color: white;
    font-size: 90px;
    text-shadow: 0 3px 20px #7b7b7b;
    margin-top: -38px;
}

.file-upload .drop-layer .glyphicon-open,
.file-upload-single .drop-layer .glyphicon-open {
    font-size: 24px;
    margin-top: -11px;
    margin-left: -59px;
    color: lightskyblue;
    position: absolute;
}

.file-upload .drop-layer .badge,
.file-upload-single .drop-layer .badge {
    position: absolute;
    top: 50%;
    margin-top: 38px;
    font-weight: normal;
    left: 50%;
    margin-left: -91px;
    padding: 4px 25px;
    background-color: #555;
}

.file-upload #file-upload-drag-drop span,
.file-upload-single #file-upload-drag-drop-single span {
    margin-left: 10px;
}

.file-upload #drag-drop-handle.drag-over .btn-file .file-upload-single #drag-drop-handle-single.drag-over .btn-file-single {
    opacity: 0.3;
}

.file-upload #drag-drop-handle.drag-over #file-upload-drag-drop span,
.file-upload-single #drag-drop-handle-single.drag-over #file-upload-drag-drop-single span {
    display: none;
}

.file-upload .file-created-by,
.file-upload-single .file-created-by,
.file-contents .file-created-by,
.welfare-template-detail .attachments .file-created-by {
    font-size: 11px;
    line-height: 1.0em;
    font-weight: bold;
    color: #888;
}

.file-upload .file-created-on,
.file-upload .file-size,
.file-upload-single .file-created-on,
.file-upload-single .file-size,
.file-contents .file-created-on,
.file-contents .file-size,
.welfare-template-detail .attachments .file-created-on,
.welfare-template-detail .attachments .file-size {
    font-size: 11px;
    color: #888;
    float: left;
    line-height: 1.5em;
}

.file-upload .file-created-on,
.file-upload-single .file-created-on,
.file-contents .file-created-on,
.welfare-template-detail .attachments .file-created-on {
    margin-right: 6px;
    border-right: 1px solid;
    padding-right: 6px;
    border-color: #ccc;
}


.file-upload-single.file-content-filled {
    margin-bottom: 0px;
}

.file-upload-single:not(.file-content-filled) .list-editor-rows {
    display: none;
}

.file-upload-single.file-content-filled #file-upload-drag-drop-single,
.file-upload.file-content-filled #file-upload-drag-drop {
    display: none;
}

/*.file-contents .image-thumbnail-container a{
    width: 45px;
    height: 45px;
}

.file-contents .row-striped .row .thumbnail::before{
	display: inline-block;
    height: 100%;
    vertical-align: middle;    
	content: "";
}

.file-contents .row-striped .row .thumbnail img{
	vertical-align: middle;
    max-height: 35px;
    max-width: 35px;    
}*/

/*.dailyreport-edit .file-upload .col-md-4{
    width: 25%;
}*/

.dailyreport-edit #calendar h4, .dailyreport-view #calendar h4 {
    margin-top: 0px;
}

.dailyreport-edit #calendar .month-label,
.dailyreport-view #calendar .month-label {
    font-weight: 600;
    color: #2780e3;
    cursor: pointer;
}

.calendar-month-container .month-label.focus {
    color: #165ba8 !important;
}

.search-index .search-header:hover {
    cursor: pointer;
}

.search-index .breadcrumb {
    margin-bottom: 10px;
}

.search-index .breadcrumb .text-type {
    color: #fff;
}

a.blank {
    color: inherit;
}

a.blank:hover {
    text-decoration: none;
}

span.highlight,
.category-field-container .highlight {
    background: #ffff00;
}

#ajax-load {
    display: none;
    height: 40px;
    width: 100px;
    background-image: url('/Content/images/ajax-load.gif');
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -50px;
}

/* flags */
ul.flags, ul.flags-sm, ul.flags-xs, ul.flags-small {
    padding-left: 0;
    list-style: none;
    margin: 0;
}

ul.flags-xs {
    position: absolute;
    top: 2px;
    left: 4px;
    max-height: 12px;
    overflow: hidden;
}

ul.flags-sm > li > span, ul.flags-xs > li > span, ul.flags-small > span {
    display: none;
}

.custom-value-flag > .flag-content,
ul.flags > li {
    display: inline-block;
    min-width: 60px;
    padding: 5px 10px;
    margin: 2px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    max-width: 210px;
    overflow: hidden;
    border: 1px solid #fbf2f2;
}

.custom-value-flag > .flag-content {
    margin: 0;
}

ul.flags li {
    margin-right: 0;
}

ul.flags-sm > li {
    display: inline-block;
    margin: 2px;
    width: 22px;
    height: .8em;
    border: 1px solid #fbf2f2;
}

ul.flags-small > li {
    display: inline-block;
    margin: 2px;
    width: 12px;
    height: 12px;
    border: 1px solid #fbf2f2;
}

ul.flags-xs > li {
    float: left;
    margin: 1px;
    width: 6px;
    height: 6px;
    border: 1px solid #fbf2f2;
}

ul.flags-vertical {
    padding-left: 0;
    list-style: none;
    margin: 0;
    width: 250px;
}

ul.flags-vertical .width-auto {
    width: auto;
}

ul.flags-vertical > li {
    display: block;
    margin: 4px;
    position: relative;
}

ul.flags-vertical > li button.edit {
    position: absolute;
    right: 0;
}

ul.flags-vertical > li > a.add {
    display: inline-block;
    padding: 6px;
}

.flag-checkbox {
    position: relative;
    display: block;
    width: 200px;
    padding: 5px 15px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
    color: #ffffff;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    border: 1px solid #fbf2f2;
}

body:not(.ios) .flag-checkbox:hover:before {
    content: '';
    height: 100%;
    width: 8px;
    background: #000000;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: .3;
    filter: alpha(opacity=30);
}

.flag-checkbox:hover label {
    padding-left: 20px;
}

.flag-checkbox label {
    height: 2.3em;
    padding: 6px 25px 6px 16px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(top, #222 0%, #45484d 100%);
}

.flag-checkbox label:after {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e013';
    position: absolute;
    top: 9px;
    right: 9px;
    background: transparent;
    opacity: 0;
}

.flag-checkbox input[type=checkbox] {
    visibility: hidden;
}

.flag-checkbox input[type=checkbox]:checked + label:after {
    opacity: 1;
}

.flag-editor {
    display: none;
    width: 250px;
    height: 100px;
    padding: 10px;
}
/* end flags */

.panel-heading > a {
    color: #2780e3;
}

.animal-card .panel-body {
    padding-bottom: 20px;
}

.splitted-to .show-more,
.splitted-to .show-less {
    padding-top: 10px;
    cursor: pointer;
    font-weight: 600;
    display: inline-block;
}

.splitted-to .more-animal {
    display: none;
}

.splitted-to.show-all .more-animal,
.splitted-to.show-all .show-less {
    display: block;
}

.splitted-to .show-less,
.splitted-to.show-all .show-more {
    display: none;
}


.animal-mergesplit .row .animal-profile-picture {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    position: relative;
}

.animal-card .animal-card-picture,
.animal-view .animal-profile-picture,
.medical-view .animal-profile-picture,
.hashtag-card .hashtag-card-icon,
.animal-mergesplit .row .animal-profile-picture,
.facility-logo-container .facility-logo,
.hashtag-card .user-picture,
.section-layout #section-editor .section-card-picture {
    clear: both;
    position: relative;
    float: left;
}


.section-layout .section-content .concurrent-editing {
    font-size: 15px;
    font-weight: normal;
}

.section-layout .section-content .timer-warning {
    font-size: 15px;
    font-weight: normal;
    margin-left: 10px;
    color: red;
}

.section-layout .section-content .animal-in-section-container .panel-title label{
    flex: 1;
}

.section-layout .section-content .animal-in-section-container {
    position: relative;
}

.section-layout .section-content .animal-in-section-container .panel-body {
    min-height: 50px;
    max-height: 534px;
    overflow-y: auto;
    position: relative;
}

.section-layout .section-content .animal-in-section-container .btn-add {
    margin-left: auto;
}

#modalAnimalAssigned .row-all .checkbox label {
    padding-left: 18px;
}

#modalAnimalAssigned .modal-body.on-scroll .row-all {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
}

#modalAnimalAssigned .row-animal {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 100px;
}

.section-layout .section-content .animal-in-section-container .name a.animal-description-detai,
#modalAnimalAssigned .row-animal .name > span {
    width: auto !important;
    max-width: 100% !important;
}

#modalAnimalAssigned .row-animal .name > span.section-tag {
    display: block !important;
}

.section-layout .section-content .animal-in-section-container .badge {
    margin-top: -3px;
    margin-left: 5px;
}

.section-sectiondetail .section-layout .section-content .animal-in-section-container .badge {
    margin-right: 10px;
}

#modalAnimalAssigned .spinner,
.section-layout .section-content .animal-in-section-container .spinner {
    position: absolute;
    z-index: 11;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


#modalAnimalAssigned .row-animal .animal-container {
    padding-bottom: 8px;
    display: flex;
    vertical-align: top;
}

#modalAnimalAssigned .row-animal > .row .animal-mini-detail {
    cursor: pointer;
}

#modalAnimalAssigned .row-search {
    margin-bottom: 15px;
    position: relative;
}

#modalAnimalAssigned .row-animal .animal-container .checkbox {
    margin-top: 0;
}

#modalAnimalAssigned .row-all .checkbox {
    margin: 0;
}

#modalAnimalAssigned .row-all .count-selected {
    margin-left: auto;
}


#modalAnimalAssigned .row-all .all-container {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    padding-top: 5px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
}

#modalAnimalAssigned .row-all .checkbox label::before {
    top: 2px;
}

#modalAnimalAssigned .row-all .checkbox label::after {
    top: 2px;
}

#modalAnimalAssigned .animal-mini-detail .animal-picture {
    padding-left: 10px !important;
    width: 100px !important;
}

#modalAnimalAssigned .row-search input {
    padding-right: 35px;
}


#modalAnimalAssigned .row-search .reset-search {
    position: absolute;
    right: 30px;
    top: 11px;
    color: #333 !important;
    padding-left: 5px;
    padding-right: 5px;
}

#modalAnimalAssigned .row-search .reset-search:hover {
    text-decoration: none;
}


#modalAnimalAssigned .row-animal .animal-container.with-checkbox .animal-mini-detail {
    width: 95%;
}

#modalAnimalAssigned .row-animal .animal-container.no-checkbox .animal-mini-detail {
    width: 100%;
}

#modalAnimalAssigned .row-animal > .row:not(.hide) + .row:not(.hide) .animal-container {
    border-top: 1px solid #eee;
}

#modalAnimalAssigned .row-animal > .row .animal-container {
    padding-top: 15px;
}



.animal-view .animal-profile-picture,
.medical-view .animal-profile-picture,
.animal-mergesplit .row .animal-profile-picture {
    margin: 8px 0;
}

.facility-logo-container .facility-logo {
    margin: 30px 0;
    z-index: 1;
}

.animal-view .column-animal-picture,
.container-detail .resource-primary-picture,
.facility-logo-container {
    display: flex;
    justify-content: center;
    flex-flow: wrap;
}

.panel-note-container ul.mentioned-group-rows {
    margin-bottom: 0px;
}

.panel-note-container .spinner {
    margin-top: 30px;
}

.nprogress-busy .animal-note-container.show-modal .nprogress-loader:after,
.nprogress-busy .animal-note-container.animal-note .nprogress-loader:after,
.nprogress-busy .animal-note-container.on-change-type .nprogress-loader:after {
    display: none !important;
}

.panel-note-container .general-note-container:not(.first-note) {
    border-top: 1px solid #e6e6e6;
}

.panel-note-container .general-note-container.deleted {
    display: none !important;
}

.panel-note-container .mentioned-row {
    padding-bottom: 15px;
    padding-top: 15px;
}

.panel-note-container .mentioned-row:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.panel-note-container .mentioned-row:hover {
    background-color: #dee7ef;
}

.animal-edit .general-note-container.first-note,
.resource-edit .general-note-container.first-note {
    padding-top: 0px;
}

.animal-edit .general-note-container {
    padding-bottom: 20px;
}

.animal-edit .animal-note-container.existing-note-exists.new-note-exists .list-editor-rows,
.resource-edit .existing-note-exists.new-note-exists .list-editor-rows {
    padding-top: 15px;
    border-top: 1px solid #e6e6e6;
}

.animal-note-container:not(.existing-note-exists) .list-editor-rows > .row-animal-note:first-child {
    border-top: none;
}

.panel-note-container .general-note-content .row {
    padding-top: 0px;
    margin-bottom: 0 !important;
}

.panel-note-container .panel-daily-report-animal-note {
    position: relative;
}

.panel-note-container .panel-title {
    display: flex;
    align-items: center;
}

.panel-note-container .panel-title li {
    position: relative
}


.panel-entities .panel-title li {
    padding: 0;
    color: #333;
}

.panel-entities .panel-title li a {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
}


.panel-entities .panel-title {
    padding: 0;
}


.panel-entities .panel-title li:not(:first-child) {
    margin-left: 15px;
}


.panel-note-container .panel-title li a {
    padding: 15px;
    color: #333;
}

.panel-entities .panel-title li.active a,
.panel-note-container .panel-title li.active a {
    background: transparent;
    color: #2780e3;
}

.panel-note-container .panel-title li a:hover {
    background: none;
}

.panel-note-container .panel-title li a:before,
.panel-entities .panel-title li a:before {
    content: '';
    width: 100%;
    height: 5px;
    background: #2780e3;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
}

.panel-note-container .panel-title li a:hover::before,
.panel-note-container .panel-title li.active a:before,
.panel-entities .panel-title li.active a:before,
.panel-entities .panel-title li a:hover:before {
    display: block;
}

.measurement-template-view .panel-entities {
    position: relative;
}

.measurement-template-view .panel-entities .spinner-entity {
    position: absolute;
    position: absolute;
    top: 66px;
    left: 50%;
    transform: translateX(-50%);
}

.panel-note-container .panel-title .add-note-container,
.container-header-measurement .btn-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    min-width: 130px;
}

.panel-note-container .panel-title .add-note-container form {
    display: inline-block;
}

.section-detail-content-inner-container .panel-default.panel-note-container .nav.nav-pills,
.animal-view .panel-note-container .nav.nav-pills {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
}

.section-detail-content-inner-container .panel-note-container .nav.nav-pills li,
.animal-view .panel-note-container .nav.nav-pills li {
    border-bottom: none;
}

@media(max-width: 374px) {
    .animal-view .animal-note-container .input-group-btn button,
    .section-detail .panel-heading .input-group-btn button {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media(min-width: 768px) {
    .panel-note-container .total-animal-note.counter-nav {
        display: inline-block !important;
    }

    .panel-note-container .panel-animal-identification,
    .panel-note-container .panel-animal-picture {
        min-height: 275px;
    }

    .panel-note-container .panel-title .add-note-container {
        min-width: 160px;
    }
}

@media(max-width: 991px) {
    .panel-note-container .counter-small-device {
        display: none;
    }

    .panel-note-container.animal-note .counter-small-device.total-animal-note,
    .panel-note-container.secure-note .counter-small-device.total-secure-note {
        display: inline-block !important;
    }
}

@media(max-width: 767px) {
    .panel-note-container .add-note-container .pipe {
        display: none;
    }

    .panel-note-container .add-note-container .filter-daily-report,
    .panel-note-container .add-note-container .filter-hashtag {
        margin-right: 4px;
    }

    .panel-note-container .add-note-container form {
        margin-left: 3px;
    }
}

@media(max-width: 479px) {
    .panel-note-container .panel-title .counter-small-device {
        margin-right: 5px;
    }

    .panel-note-container .panel-title .add-note-container .add-note {
        display: flex;
    }
}

@media(min-width: 992px) {
    .panel-note-container .counter-small-device {
        display: none;
    }

    .panel-note-container .panel-title {
        padding: 0 15px 0 0;
    }
}

@media(max-width: 374px){
    .list-measurements-container.filter-searched .report-measurement-details-container{
        width: 50px;
    }
}


.panel-note-container .total-resource-note.badge {
    color: #fff;
    background-color: #2780e3 !important;
}

.panel-note-container .panel-body,
.list-editor .list-content-wrapper {
    padding: 0;
}

.panel-note-container .panel-body,
.list-editor .list-content-wrapper,
.list-measurement-details .list-measurements-container .row-measurements {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.list-measurement-details {
    position: relative;
    padding: 0 0 5px 0;
}

ul.dropdown-menu.dropdown-sort-panel-measurement.global-dropdown {
    display: inline-block;
}

.sort-measurement-header-container .sort-measurement-header > a,
.sort-measurement-header-container .sort-measurement-header .label-sort > a,
.dailyreport-edit .sort-measurement-header-container .sort-measurement-header > label,
.dailyreport-edit .sort-measurement-header-container .sort-measurement-header .label-sort > label,
.dailyreport-edit .header-measurement-detail-container .header-measurement-value > label {
    font-weight: bold;
    line-height: 1.2em;
}

.dailyreport-edit .sort-measurement-header-container .sort-measurement-header > label,
.dailyreport-edit .sort-measurement-header-container .sort-measurement-header .label-sort > label,
.dailyreport-edit .header-measurement-detail-container .header-measurement-value > label {
    margin-bottom: 0;
}

.sort-measurement-header-container .sort-measurement-header > a,
.sort-measurement-header-container .sort-measurement-header .label-sort > a {
    text-decoration: underline;
}

@media(max-width: 991px) {
    .dailyreport-edit .sort-measurement-header-container .sort-measurement-header > a,
    .dailyreport-edit .sort-measurement-header-container .sort-measurement-header .label-sort > a {
        text-decoration: none;
        pointer-events: none;
        color: #333;
    }
}

ul.global-dropdown.dropdown-sort-panel-measurement li,
.sort-measurement-header-container .sort-measurement-header li,
.measurement-sort-by-container .dropdown-menu-sort-by li {
    padding: 5px 10px;
    cursor: pointer
}

.measurement-index #chart-form .measurement-sort-by-container {
    position: relative;
}

.measurement-sort-by-container .label-dropdown-sort-by:after,
.sort-measurement-header-container .sort-measurement-header.sort-multiple-type li:after,
.measurement-sort-by-container .dropdown-menu-sort-by li:after {
    display: inline-block;
}


.wrapper-daily-report-welfare .measurements-container .measurement-title-container .btn-group {
    display: flex;
    align-items: center;
}

.wrapper-daily-report-welfare .measurements-container .measurement-sort-by-container {
    display: flex;
    align-items: baseline;
    margin-right: 15px;
    position: relative;
}

.wrapper-daily-report-welfare .measurements-container .measurement-sort-by-container .label-dropdown-sort-by {
    margin-left: 3px;
}


.wrapper-daily-report-welfare .measurement-sort-by-container .label-dropdown-sort-by:after {
    margin-left: -8px;
}

.panel-measurement .measurement-sort-by-container .label-dropdown-sort-by:after,
.chart-list-measurement .measurement-sort-by-container .label-dropdown-sort-by:after,
.sort-measurement-header-container .sort-measurement-header:after,
.sort-measurement-header-container .sort-measurement-header .label-sort:after,
.wrapper-daily-report-welfare .sort-measurement-header-container .sort-measurement-header.sort-unit:after,
.container-header-measurement .measurement-sort-by-container .label-dropdown-sort-by:after {
    margin-left: -5px;
}

.sort-measurement-header-container .sort-measurement-header.sort-unit:after,
.sort-measurement-header-container .sort-measurement-header.sort-updated-by .label-sort:after {
    margin-left: 2px;
}

.dropdown-menu.dropdown-sort-panel-measurement.global-dropdown li::after,
.sort-measurement-header-container .sort-measurement-header.sort-multiple-type li:after {
    margin-left: -3px;
}

.dropdown-menu.dropdown-sort-panel-measurement.global-dropdown li a,
.sort-measurement-header-container .sort-measurement-header li a,
.measurement-sort-by-container .dropdown-menu-sort-by li a {
    padding: 0;
    display: inline-block;
}

ul.global-dropdown li:hover,
ul.global-dropdown li:hover a,
.sort-measurement-header-container .sort-measurement-header.sort-multiple-type li:hover,
.measurement-sort-by-container .dropdown-menu-sort-by li:hover,
sort-measurement-header-container .sort-measurement-header.sort-multiple-type li:hover a,
.measurement-sort-by-container .dropdown-menu-sort-by li:hover a,
.sort-measurement-header-container .sort-measurement-header.sort-multiple-type li a:hover,
.measurement-sort-by-container .dropdown-menu-sort-by li a:hover {
    background-color: #7fb6f2;
}

ul.global-dropdown.dropdown-sort-panel-measurement li.sorted,
ul.global-dropdown.dropdown-sort-panel-measurement li.sorted a,
.measurement-sort-by-container .dropdown-menu-sort-by li.sorted,
.sort-measurement-header-container .sort-measurement-header.sort-multiple-type li.sorted,
.measurement-sort-by-container .dropdown-menu-sort-by li.sorted a,
.sort-measurement-header-container .sort-measurement-header.sort-multiple-type li.sorted a {
    background-color: #2780e3;
}

ul.global-dropdown li.sorted a,
ul.global-dropdown li:hover a,
.sort-measurement-header-container .sort-measurement-header.sort-multiple-type li:hover a,
.measurement-sort-by-container .dropdown-menu-sort-by li:hover a,
.sort-measurement-header-container .sort-measurement-header.sort-multiple-type li:hover,
.measurement-sort-by-container .dropdown-menu-sort-by li:hover,
.measurement-sort-by-container .dropdown-menu-sort-by li.sorted,
.sort-measurement-header-container .sort-measurement-header.sort-multiple-type li.sorted,
.measurement-sort-by-container .dropdown-menu-sort-by li.sorted a,
.sort-measurement-header-container .sort-measurement-header.sort-multiple-type li.sorted a {
    color: #fff;
}

.list-measurement-details .row-measurements {
    padding: 5px 0 15px;
    margin: 0;
}

.list-measurement-details .row-measurements .measurement-result-container {
    position: relative;
}

.filter-measurement-container .timepicker-container,
.filter-measurement-container .datetimepicker-container {
    position: absolute;
    z-index: 1008;
}

.filter-measurement-container .form-group .search-filter-container .btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.dropdown-container.filter-btn-dropdown-container {
    display: inline-block;
    position: relative;
}

.measurement-result-container .row-measurement-details.measurement,
.dropdown-container.filter-btn-dropdown-container .dropdown-menu {
    padding: 0;
}

.filter-measurement-container input.datetime {
    width: 100% !important;
}

.panel-measurement.panel-measurement-list .measurement-result-container .border-line {
    position: absolute;
    width: 5px;
    height: 100%;
    z-index: 2;
}

.panel-measurement.panel-measurement-list .measurement-result-container .row.last-measurement:before {
    border: none !important;
}

.panel-measurement.panel-measurement-list .measurement-result-container .row:before,
.panel-measurement.panel-measurement-list .container-header-measurement-details:before {
    width: calc(100% - 30px);
    left: 15px;
}

@media(max-width: 991px) {
    .list-measurement-details .row-measurements .measurement-result-container {
        padding: 0;
    }
}

.list-measurement-details .row-measurements .measurement-result-container .Typeahead-spinner {
    bottom: 0;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
}

.measurement-index .measurement-row .panel-body {
    padding: 0 0 5px 0;
}

.measurement-index .measurement-row .panel-body .chart-wrapper {
    padding: 15px 10px 15px;
}

.panel-measurement .list-measurement-details .spinner-measurement-list {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.panel-measurement .list-measurement-details .spinner-measurement-header-filter {
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.panel-measurement .list-measurement-details .spinner-measurement-header-filter .spinner {
    top: 50%;
    position: absolute;
    width: 100%;
}


.panel-note-container .panel-body .general-note-container {
    padding: 15px;
}

.panel-note-container .panel-body .general-note-container .btn-actions {
    right: 15px;
}

.panel-note-container .input-group-btn {
    display: inline-block;
    width: auto;
}

.section-sectiondetail .panel-note-container .input-group-btn {
    width: 130px;
}

.panel-note-container .panel-title-name {
    padding: 15px 5px 15px 15px;
}

.panel-note-container .option-note:focus {
    outline: none;
}

.panel-note-container .panel-title .badge {
    margin-left: 5px;
    vertical-align: text-top;
    color: #fff;
    background: #999;
}

.panel-measurement-calculated-entities .panel-title .nav-pills > .active > a > .badge,
.panel-note-container .panel-title .nav-pills > .active > a > .badge,
.section-layout .section-content .animal-in-section-container .badge,
#modalAnimalAssigned .count-selected .badge {
    color: #fff;
    background: #999;
}

.panel-note-container .total-animal-note.counter-nav {
    margin-left: 5px;
}

.panel-note-container .panel-title .input-group-btn {
    margin-right: 10px;
}

.panel-note-container.animal-note .add-note:not(.allow-add-animal-note),
.panel-note-container.secure-note .add-note:not(.allow-add-secure-note) {
    display: none;
}

.animal-view .animal-note-container.animal-note .filter-daily-report,
.animal-view .animal-note-container.animal-note .filter-hashtag,
.animal-view .animal-note-container.secure-note .filter-daily-report,
.animal-view .animal-note-container.secure-note .filter-hashtag {
    display: none;
}

.animal-view .animal-note-container.daily-report-note .filter-hashtag,
.animal-view .animal-note-container.daily-report-note .add-note {
    display: none;
}

.animal-view .animal-note-container.hashtag-note .filter-daily-report,
.animal-view .animal-note-container.hashtag-note .add-note {
    display: none;
}

.animal-view .animal-note-container.animal-note .spinner,
.animal-view .animal-note-container.daily-report-note .spinner {
    margin-bottom: 15px;
}

.animal-view .unarchive-animal-container {
    position: relative;
    padding-right: 20px;
    white-space: nowrap;
}

.animal-view .unarchive-animal-container .Typeahead-spinner {
    right: 0px;
    width: 15px;
    height: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.panel-note-container .no-records-found-container {
    padding: 10px 15px;
    min-height: 50px;
}

.panel-note-container button .caret {
    margin-left: 3px;
}

.animal-view .panel-animal-note a.filter i {
    margin-right: 2px;
}

.animal-card .animal-card-detail {
    float: left;
    padding-left: 15px;
    width: 100%;
}

.animal-card .animal-card-detail {
    margin-left: -83px;
    padding-left: 98px;
}

.animal-card .image-view-container {
    width: 81px;
    height: 81px;
}


.animal-view .column-animal-picture,
.medical-view .column-animal-picture,
.facility-logo-container {
    padding-left: 0px;
}

.animal-view .column-animal-picture,
.container-detail .resource-primary-picture,
.facility-logo-container {
    z-index: 1;
}

.animal-view .animal-picture-note,
.medical-view .animal-picture-note,
.animal-mergesplit .animal-picture-note {
    display: inline-block;
    width: 100%;
}

.animal-mergesplit .animal-picture-note {
    text-align: center;
}

.animal-view .animal-profile-picture .image-view-container,
.medical-view .animal-profile-picture .image-view-container {
    width: 160px;
    height: 160px;
}

.animal-mergesplit .row .animal-profile-picture .image-view-container {
    width: 100px;
    height: 100px;
}

.animal-mergesplit .row .merge-with-animal .panel-body.row-striped .row.panel-top,
.animal-mergesplit .row .merge-with-animal .panel-body.row-striped .row.panel-bottom {
    margin: unset;
}

.animal-mergesplit .row .panel-default .panel-title .glyphicon-exclamation-sign,
.animal-mergesplit .row .merge-with-animal .glyphicon-exclamation-sign {
    color: red;
    margin-left: 5px;
}

.animal-mergesplit .row .merge-with-animal .panel-body.row-striped .row.panel-top {
    border-bottom: solid 1px #ddd;
}

.device-firefox > .medical-view #animal-groups .animal-group-content {
    display: flex;
}

.medical-view #animal-groups .animal-group-content {
    position: relative;
    margin-bottom: 15px;
}

.medical-view #animal-groups .animal-group-content + .animal-group-content {
    padding-top: 15px;
}

.medical-view #animal-groups .animal-group-content + .animal-group-content:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #eee;
}

.medical-view #animal-groups .column-animal-picture {
    padding-left: 15px;
}

.medical-view #animal-groups .animal-profile-picture .image-view-container {
    width: 81px;
    height: 81px;
}

.medical-view #animal-groups .animal-identification-detail {
    margin-top: 5px;
    margin-bottom: 5px;
}

.show-merge-split-history .animal-name-label,
.animal-group-view .animal-name-label,
.animal-parent-mergesplit .animal-name-label,
#animal-groups .animal-name-label {
    padding-right: 5px;
    font-weight: 600;
}

#animal-groups .animal-group-label {
    display: inline-block;
    white-space: normal;
    cursor: default;
    padding: 4px 5px;
    vertical-align: top;
}

.animal-card .image-view-container,
.animal-view .animal-profile-picture .image-view-container,
.medical-view .animal-profile-picture .image-view-container,
.animal-mergesplit .row .animal-profile-picture .image-view-container,
.container-detail .primary-Picture .image-view-container,
.facility-logo .image-view-container {
    text-align: center;
    vertical-align: middle;
    display: table;
}

.animal-card .image-view-container img.image,
.animal-profile-picture .image-view-container img.image,
.container-user-picture .image-view-container img.image,
.resource-container .image-view-container img.image,
.grid-content-container .image-view-container img.image {
    border: 0;
    object-fit: contain;
}

.animal-card .image-view-container .thumbnail:hover,
.animal-profile-picture .image-view-container .thumbnail:hover,
.container-user-picture .image-view-container .thumbnail:hover,
.container-detail .primary-Picture .image-view-container .thumbnail:hover,
.facility-logo-container .facility-logo .image-view-container .thumbnail:hover,
.section-layout #section-editor .file-content-header:not(.read-only-file-content) .image-view-container .thumbnail:hover,
.section-layout #section-editor .section-name-header .image-view-container .thumbnail:hover {
    left: 0 !important;
}

.animal-card .image-view-container .thumbnail,
.animal-profile-picture .image-view-container .thumbnail,
.container-user-picture .image-view-container .thumbnail,
.hashtag-card .animal-card-picture .image-view-container .image-inner-container,
.container-detail .primary-Picture .image-view-container .thumbnail,
.facility-logo-container .facility-logo .image-view-container .thumbnail,
.section-layout #section-editor .section-card-picture .image-view-container .thumbnail {
    position: absolute;
    transition: all 0.1s ease-in-out;
    transition-delay: 0.2s;
    width: 100%;
    height: 100%;
    padding: 0;
    cursor: pointer;
    z-index: 1;
}

.animal-card .image-view-container .thumbnail:before,
.animal-profile-picture .image-view-container .thumbnail:before,
.container-user-picture .image-view-container .thumbnail:before,
.resource-container .image-view-container .thumbnail:before,
.grid-content-container .image-view-container .thumbnail:before {
    display: none;
}

.animal-mergesplit .animalgroupcount .animal-count.input-cannot-larger-error {
    background: rgb(241, 229, 138);
}

.image-view-container.image-clickable:hover {
    border-color: #2780e3;
}

.image-view-container a.image-link,
.image-view-container div.image-inner-container {
    display: table-cell;
    vertical-align: middle;
}

.image-view-container {
    transition: all 0.3s ease;
}

.image-view-container .thumbnail:hover {
    position: absolute !important;
    width: 250px !important;
    height: 250px !important;
    background-color: #fff;
    z-index: 101 !important;
    border: none;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    left: 50px;
    cursor: unset !important;
}

.image-view-container .thumbnail:before {
    position: absolute;
    visibility: hidden;
    top: 0;
    left: -50px;
    width: 50px;
    height: 50px;
    padding-top: 14px;
    background-color: #888;
    border: 0;
    color: #fff;
    content: "\e003";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 20px;
}

.image-view-container .thumbnail:hover:before {
    visibility: visible;
}

.image-view-container .thumbnail:hover img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.6s ease-out 0.2s;
}

.image-view-container .thumbnail:hover .image-action-container {
    transition: all 0.4s ease-in-out 0.1s;
}

.image-action-container {
    max-height: 0;
    transition: all 0s ease-in-out 0s;
    position: absolute;
    width: 100%;
    right: 0;
    color: #ddd;
    bottom: 0;
    z-index: 2;
    background-color: #000;
    opacity: 0;
    overflow: hidden;
    text-align: center;
}

.image-view-container .thumbnail:hover .image-action-container {
    max-height: 40px;
    opacity: 0.75;
    overflow: visible;
}

.image-view-container:hover .thumbnail img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.image-view-container:hover .thumbnail .image-action-container {
    display: block;
}


@media (max-width: 350px) {
    .image-view-container .thumbnail:hover {
        width: 220px;
        height: 220px;
    }
}

@media(min-width: 768px) {
    .medical-view .flex-row-outer-panel {
        height: 100%;
        display: flex;
        margin-bottom: 15px;
    }

    .medical-view .flex-row-panel {
        flex: 1 1 0;
        display: flex;
    }

    .medical-view .flex-row-panel .panel {
        width: 100%;
        height: 100%;
    }

    .medical-view .flex-row-panel-left {
        margin-bottom: 15px;
    }

    .medical-view .flex-row-panel-right {
        flex-direction: column;
    }

    .medical-view .flex-row-panel .flex-row-half-panel {
        flex: 1;
        display: flex;
    }

    .medical-view .flex-row-panel-right > .row {
        margin-bottom: 15px;
    }
}

.image-view-container .image-action-container .image-action {
    padding: 5px;
}

.image-view-container .image-action-container .image-action .icon-container {
    padding: 5px;
    margin: 0 5px;
    width: 31.5px;
    height: 31.5px;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    transition: all 0.3s ease;
    display: inline-block;
}

.image-view-container .image-action-container .image-action .icon-container:hover {
    color: #fff;
    background: #2780e3;
}

.image-view-container .image-action-container .image-action .icon-container i {
    vertical-align: middle;
}

.image-view-container .image-action-container .image-action .icon-container ~ .icon-container {
    margin-left: 10px;
}

.animal-index .image-view-container .image-action-container .image-action .icon-container ~ .icon-container,
.image-thumbnail-container.image-view-container .image-action-container .image-action .icon-container ~ .icon-container {
    margin-left: 10px;
}

.image-action-container .tooltip.top .tooltip-arrow {
    border-top-color: #fff;
}

.image-action-container .tooltip {
    opacity: 1;
}

.checkbox.measurement-type {
    width: 30%;
}

.btn-rotate-image {
    width: 110px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-rotate-image:hover {
    color: #2780e3;
}

@media (max-width: 1199px) and (min-width: 768px) {
    .medical-view .animal-profile-picture {
        left: 50%;
        margin-left: -80px;
        position: relative;
    }

    .medical-view #animal-groups .animal-profile-picture {
        left: 0;
        margin-left: 0;
    }

    .animal-view .animal-identification-detail,
    .medical-view .animal-identification-detail {
        clear: both;
        margin-left: 0;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .medical-view .animal-profile-picture {
        left: 50%;
        transform: translateX(-50%);
        position: relative;
    }

    .medical-view #animal-groups .animal-profile-picture {
        left: 0;
        transform: unset;
    }

    .animal-view .animal-identification-detail,
    .medical-view .animal-identification-detail {
        clear: both;
        margin-left: 0;
        padding-left: 0;
    }

    .medical-record-header-filter .search-group #medical-search,
    .animal-inventory-filter-container .search-group #animal-search {
        display: table-cell;
    }

    .animal-inventory-filter-container .text-container #animal-search,
    .medical-record-header-filter .search-medical #medical-search,
    .resource-category .text-container #category-search,
    .resourceorganization-category .text-container #category-search,
    .resource-organization-member-container .filter-search-text #serchText,
    .resource-organization-coalition-container .filter-search-text #serchText,
    .coalition-container .filter-search-text #serchText {
        width: 100%;
    }

    .panel-note-container .panel-title-name {
        padding: 0 5px 0 0;
    }
}

@media (max-width: 500px) {
    .checkbox.measurement-type {
        width: 45%;
    }
}

.id-card {
    position: relative;
    height: 180px;
}

.id-card.inactive {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.id-card > .panel-heading > .btn-group {
    position: absolute;
    top: 7px;
    right: 0;
}

.panel-measurement .row-measurements .row-measurement-details .actions-container .actions:hover,
.id-card > .panel-heading > .btn-group > .btn:hover {
    color: #0a5eba;
}

.species {
    font-style: italic;
    color: #999999;
}

.section {
    color: #999999;
}

.animal-index .section {
    padding-bottom: 50px;
}

.section ul.breadcrumb {
    background-color: #333;
}

.section ul.breadcrumb li a {
    color: #fff;
}

.id-card .common-name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.id-card > .panel-heading {
    padding-right: 80px;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.id-card .age {
    font-size: .8em;
    padding: 3px 15px;
}

.id-card .bottom-card-info {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.id-card .bottom-card-info .label {
    padding: 7px;
}

/* bootstrap notify */
.alert-default {
    background-color: #4a4a4a;
    border-color: #404040;
    color: #ffffff;
}

.alert-default hr {
    border-top-color: #333333;
}

.alert-default .alert-link {
    color: #e6e6e6;
}

.notify {
    padding-right: 40px;
    z-index: 999999 !important;
}

.notify button.close {
    margin-top: 10px;
}

.notify a, .notify a:hover, .notify a:focus {
    color: #81b9f7;
    text-decoration: none;
}

h2 .title {
    margin-right: 11px;
}

#keyword-tab h2 a.back,
.resource-allocation-container h2 a.back {
    font-size: 22px;
    margin-right: 5px;
}

h2 .hashtag-title {
    margin-right: 15px;
    margin-left: -5px;
}

.hashtag-title {
    text-decoration: none;
    font-weight: 400;
    text-decoration-skip-ink: none;
    color: #9ac7f9;
    cursor: pointer;
    display: inline-block;
}

.hashtag-title:before {
    content: "@";
}

h2 .hashtag-title > a {
    display: none;
    font-size: 20px;
    text-decoration: underline;
    vertical-align: 4px;
    font-weight: 600;
    margin-left: -4px;
}

.hashtag-title.active,
.hashtag-title:hover {
    color: #2780e3;
}

.hashtag-title.active > a,
.section-index .hashtag-title.active > a {
    display: inline-block;
}

.section-index .hashtag-title > a {
    margin-left: -1px;
    text-decoration: underline;
    display: none;
}

.table tr.empty td {
    padding: 18px;
}

/* table sorting */
.sort_asc, .sort_desc {
    font-size: .66em;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

th .link-wrapper a {
    display: inline;
    white-space: nowrap;
}

th.sort_asc .link-wrapper,
th.sort_desc .link-wrapper {
    display: flex;
    align-items: center;
}

th.sort_asc .link-wrapper:after {
    content: "\e093";
    margin-left: 2px;
}

th.sort_desc .link-wrapper:after {
    content: "\e094";
    margin-left: 2px;
}

li.sort_asc:after,
div.sort_asc:after {
    content: " \e093";
}

li.sort_desc:after,
div.sort_desc:after {
    content: " \e094";
}

.sort_asc a, .sort_desc a {
    font-family: 'Source Sans Pro', Calibri, Candara, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
}
/* end table sorting */

/* grid hierarchy */
.grid-hierarchy {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Make the top most li a fixed width same size like the drag-handle so when scalled down it doesn't overlap the drag-handle */
.panel-body > .grid-hierarchy > li.grid-hierarchy-node {
    padding-left: 24px !important;
}

.grid-hierarchy li.grid-hierarchy-node {
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #dddddd;
    cursor: default;
    position: relative;
}


.grid-hierarchy li.grid-hierarchy-parent {
    cursor: pointer;
}

@media(max-width: 480px) {
    .grid-hierarchy li.grid-hierarchy-node .input-group {
        display: block;
    }

    .grid-hierarchy li.grid-hierarchy-node .input-group > .input-group-btn {
        margin-top: 5px;
        display: inline-block;
        width: 100%;
    }

    .grid-hierarchy li.grid-hierarchy-node .input-group button.name-save {
        margin-left: 0px;
    }
}

.grid-hierarchy-root {
    border-bottom: none;
}

.grid-hierarchy li.grid-hierarchy-node .drag-handle {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 24px;
    height: 100%;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: url('/Content/images/hand-open.cur'), move;
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
}

.grid-hierarchy-node .node-title {
    display: inline-block;
}

.grid-hierarchy-node .node-title .badge {
    margin-left: 4px;
    margin-top: -1px;
    background-color: #999;
    color: #fff;
}

.grid-hierarchy li.grid-hierarchy-node:hover {
    background-color: #f5f5f5;
}

.section-content.edit-section .grid-hierarchy li.grid-hierarchy-node:hover .drag-handle {
    background-image: url('/Content/images/drag-handle.png');
}

.grid-hierarchy li.grid-hierarchy-node .row {
    margin-left: 0;
}

.drag-handle {
    background-image: url('/Content/images/drag-handle.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 18px;
}

.grid-hierarchy .expander {
    visibility: hidden;
}

.search-header .expander,
.grid-hierarchy-parent .expander,
.section-layout .section-filter-container .expander {
    visibility: visible;
    display: inline-block;
    font-size: .8em;
    color: #c0c0c0;
    margin-right: 10px;
    position: absolute;
    top: 40%;
    left: -5px;
}

.section-content.edit-section .grid-hierarchy li.grid-hierarchy-node:hover .nav {
    display: inline-block;
}

.grid-hierarchy li.grid-hierarchy-node .nav {
    display: none;
    padding-top: 3px;
    margin-bottom: -2px;
}

.grid-hierarchy li.grid-hierarchy-node .nav a {
    color: #c0c0c0;
    padding-left: 12px;
    padding-right: 12px;
}

.grid-hierarchy li.grid-hierarchy-node .nav a:hover {
    color: #165ba8;
}

.grid-hierarchy-root {
    position: relative;
}


/* end grid hierarchy */

/* employee list */
.employee-list {
    cursor: default;
}

.employee-list > tbody > tr:first-child > td {
    border-top: none;
}

.employee-list > tbody > tr:hover {
    background-color: #f5f5f5;
}

.employee-list > tbody > tr:hover .drag-handle {
    background-image: url('/Content/images/drag-handle.png');
}

.employee-list .drag-handle {
    width: 16px;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: url('/Content/images/hand-open.cur'), move;
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
}
/* end employee list */

/* draggable */
.hover-on {
    background-color: #ffffd6;
}

.hover-top {
    background-image: url('/Content/images/insert-line.png');
    background-repeat: repeat-x;
    background-position: top;
}

.hover-bottom {
    background-image: url('/Content/images/insert-line.png');
    background-repeat: repeat-x;
    background-position: bottom;
}

.dragging {
    padding: 5px 35px 5px 15px;
    background-color: #f9f9f9;
    background-image: url('/Content/images/drag-handle.png');
    background-position: left center;
    background-repeat: no-repeat;
    border: 1px solid #cccccc;
    font-weight: bold;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: url('/Content/images/hand-closed.cur'), move;
}

.drop-target {
    background-color: #f0f0f0;
    color: #777777;
    border: 1px dashed #cccccc;
    padding: 18px;
    margin: 11px 0px;
}

/* end draggable */

/* typeahead */
span.twitter-typeahead {
    width: 100%;
}

.input-group span.twitter-typeahead {
    display: block !important;
}

.input-group span.twitter-typeahead .tt-dropdown-menu {
    top: 32px !important;
}

.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
    top: 44px !important;
}

.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
    top: 28px !important;
}

.typeahead,
.tt-query,
.tt-hint {
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

@media (max-width: 990px) {
    .animal-add .tt-menu,
    .animal-edit .tt-menu {
        z-index: 200 !important;
    }
}

.tt-menu {
    width: 422px;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion,
.select-taxonomic-custom-format .select2-results__option {
    padding: 5px 20px;
    border-top: 1px solid #eeeeee;
}

.tt-suggestion:first-child {
    border-top: none;
}

.tt-suggestion:hover,
.tt-suggestion:focus {
    cursor: pointer;
    color: #fff;
    background-color: #428bca;
    text-decoration: none;
    outline: 0;
}

.tt-suggestion .sub,
.select-taxonomic-custom-format .sub {
    margin-left: 5%;
}

.tt-suggestion small,
.select-taxonomic-custom-format [aria-selected="false"] small {
    display: block;
    color: #999999;
}

.select-taxonomic-custom-format .select2-results__option--highlighted[aria-selected] small,
.select-taxonomic-custom-format .select2-results__option[aria-selected="true"] {
    color: #fff !important;
}

.tt-suggestion.tt-cursor small,
.tt-suggestion:hover small {
    color: #eeeeee;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #428bca;
}

.tt-suggestion .currentSpecies {
    background-color: green;
    color: #fff;
    font-size: 11px;
    margin-left: 5px;
}

.tt-suggestion .animalCount,
.select-taxonomic-custom-format .animalCount {
    margin-bottom: 5px;
}

.tt-suggestion .animalCount .badge,
.select-taxonomic-custom-format .animalCount .badge {
    margin-right: 5px;
}

.tt-suggestion .animalCount strong,
.select-taxonomic-custom-format .animalCount strong {
    vertical-align: middle;
}

.tt-suggestion p {
    margin: 0;
}

.tt-highlight {
    font-weight: 600;
    text-decoration: underline;
}

.gist {
    font-size: 14px;
}
/* end typeahead */

/* calendar */
.calendar-next, .calendar-prev {
    margin-left: .5em;
}

.calendar-month {
    text-align: center;
}

.calendar-month .prev-month {
    padding-left: 5px;
    font-size: 0.9em;
}

.calendar-month .next-month {
    padding-right: 5px;
    font-size: 0.9em;
}

table.calendar {
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    margin-bottom: 21px;
}

table.calendar th,
table.calendar a {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
}

table.calendar a {
    display: block;
    color: #333333;
    text-decoration: none;
}

table.calendar a.disabled {
    cursor: not-allowed;
}

table.calendar td.d a span {
    opacity: 0.50;
    filter: alpha(opacity=50);
}

table.calendar td span.importance {
    display: block;
    position: absolute;
    width: .4em;
    height: .2em;
    top: .2em;
    left: .4em;
}

table.calendar th {
    text-align: center;
    font-weight: normal;
    padding: 0px;
}

table.calendar td {
    position: relative;
    text-align: center;
    padding: 0px;
}

table.calendar td.a {
    font-weight: bold;
}

table.calendar td:hover {
    cursor: pointer;
    background-color: #dee7ef;
}

table.calendar td.n {
    box-shadow: inset 0px 0px 0px 1px #2780e3;
    background-color: #f0f8ff;
}

/* end calendar */


select::-ms-expand {
    border: none;
}

.from-unit-value, .to-unit-value, .add-new-input {
    margin-bottom: 5px;
}

a.unit-converter {
    margin: 0 10px;
}

div.unit-converter-inline {
    display: none;
}

.duplicate-resource-container .custom-value-content {
    padding-left: 26px;
}

.duplicate-resource-container .custom-value-content .row {
    padding-top: 4px;
    padding-bottom: 4px;
}

.duplicate-resource-container .custom-value-content .row:before {
    border-bottom: none;
}

.resource-content-wrapper .resource-field .resource-column .field:last-child .row:before,
.resource-content-wrapper .resource-field .resource-column .field:last-child:before,
.resource-container .list-container .resource-content .resource-info .field-resource:last-child:before {
    border-bottom: none !important;
}

.resource-content-wrapper span.assign-to i.fa {
    margin-right: 3px;
}

.duplicate-resource-container .field .row.custom-value-content:last-child:before {
    border-bottom: 1px solid #eee;
}

.duplicate-resource-container .custom-value-content.row {
    padding-top: 0px;
}

.duplicate-resource-container .resource-field .field .row.expand:before {
    border-bottom: none;
}

.duplicate-resource-container .custom-value-content .custom-value-border {
    border-left: 6px solid #ccc;
}

.duplicate-resource-container #list-editor-file-upload,
.duplicate-resource-container .custom-value-border .row-margin-bottom {
    margin-left: -10px;
}

.duplicate-resource-container .custom-value-content .resource-field-value {
    padding-right: 30px;
}

.resource-field .field-value {
    position: relative;
}

@media(max-width: 991px) {
    .resource-field .field-value {
        width: 90%;
        margin-left: 13px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    .resource-field .field-value {
        width: 50%;
    }

    .duplicate-resource-container .keyword-container .keyword-detail,
    .view-resource-container .keyword-container .keyword-detail {
        padding-left: 6%
    }
}


/*Bootstrap override the checkbox*/
.duplicate-resource-container .checkbox-container {
    margin-left: auto;
    padding-left: 30px;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: 0;
}

#measurementTemplate .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: -20px;
}

.form-horizontal .checkbox.accredited {
    min-height: 52px;
}

.sideAdmin-custom-lists {
}

.custom-list .tab-pane a.add,
.customlist-resourcefield .custom-list .add-field {
    margin-left: 30px;
}

ul.custom-list-item {
    list-style-type: none;
    margin: 0 auto;
    padding: 0 0 10px 0;
    width: 100%;
}

.custom-list-item li {
    padding: 5px 0px 5px;
    margin: 0;
}

.custom-list-item .dropdown-flag-container .flags-vertical li {
    padding: 0 !important;
}

.custom-list-item .template {
    display: none;
}

.custom-list-item .drag-handle {
    display: inline-block;
    cursor: move;
    background-position-x: left;
    background-position-y: bottom;
    flex-basis: 16px;
    position: relative;
    left: 3px;
}

.custom-list .action-container > a.edit,
.custom-list a.remove,
.multi-language-container a.remove,
.custom-list-item a.remove-field,
.custom-list .row-category-field span.edit-custom-field-container a.edit,
.custom-list .row-category-field span.remove-field-container a.remove-field {
    color: #c0c0c0;
}


.custom-list .row-category-field span.edit-custom-field-container a.edit,
.custom-list .row-category-field span.remove-field-container a.remove-field {
    padding: 10px 8px;
}

.custom-list .row-category-field span.edit-custom-field-container a.edit:hover,
.custom-list .row-category-field span.remove-field-container a.remove-field:hover,
.custom-list-item a.edit:hover,
.custom-list-item a.remove:hover,
.custom-list-item a.remove-field:hover {
    color: #165ba8;
    text-decoration: none;
}

.custom-list .row-category-field span.edit-custom-field-container {
    padding: 0 !important;
    margin-right: 8px;
}

.custom-list .row-category-field span.remove-field-container {
    padding: 0 !important;
}

.ui-sortable-placeholder {
    background-color: #ef980e;
    height: 3px !important;
    padding: 0 !important;
}

.animal-add .asof,
.animal-edit .asof,
.no-padding-left {
    padding-left: 0px !important;
}

.no-padding-right {
    padding-right: 0px !important;
}

.no-padding-top {
    padding-top: 0px !important;
}

.no-padding-bottom {
    padding-bottom: 0px !important;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.control-label.text-left {
    text-align: left;
}

.animal-index .table .animal-count-col {
    white-space: nowrap;
}

.siteadmin-index .col-sm-4.control-label.text-left div {
    padding-bottom: 5px;
}

.navbar-custom {
    background-color: #f5f5f5;
    color: #ffffff;
    border-radius: 0;
    border: 0;
}

.navbar-custom .navbar-header {
    float: none;
    background-color: #f5f5f5;
}

.checklist .navbar-custom,
.animal-group .navbar-custom,
.calculated-measurement .navbar-custom,
.measurement-index .navbar-custom,
.custom-list .navbar-custom,
.label-editor-container .navbar-custom {
    background: #fafafa;
    border: 1px solid #ddd;
}

.calculated-measurement .navbar-custom {
    min-height: 30px;
}

.measurement-index .navbar-custom {
    min-height: 0;
}

.checklist .navbar-custom .navbar-header,
.animal-group .navbar-custom .navbar-header,
.custom-list .navbar-custom .navbar-header {
    background: #eee;
}

.dropdown-animalgroup-sort .navbar-right {
    margin-right: 0 !important;
}

.navbar-custom .navbar-brand, .navbar-custom .navbar-brand:hover {
    color: #666;
    width: 74%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-custom .navbar-collapse, .navbar-custom .navbar-form {
    border-color: #ccc;
}

.navbar-custom .navbar-nav > li > a {
    color: #666;
    font-size: 15px;
}

.navbar-custom .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #e6e6e6;
    color: #2780e3;
}

.nav > li > a.iconmenu .notification-wrapper {
    display: inline-block;
}

.nav > li > a.iconmenu i.app-notification {
    font-size: 12px;
}

.nav > li > a.iconmenu span.app-notification-count {
    position: relative;
    padding: 1px 5px 2px 5px;
    font-weight: normal;
    background-color: red;
    margin-top: -13px;
    margin-left: -8px;
}

.nav > li > a.iconmenu span.app-notification-count.empty {
    background-color: #999;
}

.checklist .nav > li,
.animal-group .nav > li,
.custom-list .nav > li,
.calculated-measurement .nav.accordion-target > li,
.measurement-index .nav > li,
#measurement-template-container .nav > li,
.label-editor-container .nav > li {
    border-bottom: 1px solid #e6e6e6;
}

#calculated-measurement-tab li .formula-not-valid {
    margin-left: 5px;
}

#calculated-measurement-tab li.active .text-warning {
    color: #fff !important;
}

@media (max-width: 767px) {
    .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }

    .nav > li {
        border-bottom: 1px solid #2e2e2e;
    }

    .navbar-nav .dropdown-menu .daily-report-summary-menu {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .nav > li.dropdown.open > ul.dropdown-menu > li:not(:last-child) {
        border-bottom: 1px solid #2e2e2e;
    }

    .navbar-nav .dropdown-menu .daily-report-summary-menu + li {
        border-top: 0;
        margin-top: 0;
        padding-top: 0;
    }

    .nav > li.dropdown.open > ul.dropdown-menu > li a {
        padding-left: 15px !important;
        max-width: 100% !important;
    }

    .nav > li > a.iconmenu > span {
        margin-left: 5px;
    }

    table tr td .nav > li {
        border-bottom: 0;
    }

    .section-index .nav > li {
        border-bottom: 0;
    }

    .header-section .navbar-collapse, .header-section .navbar-collapse {
        max-height: 430px;
    }
}

.navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
    background-color: #e0e0e0;
}

.checklist .navbar-default .navbar-nav > li:not(.active) > a:focus,
.animal-group .navbar-default .navbar-nav > li:not(.active) > a:focus,
.custom-list .navbar-default .navbar-nav > li:not(.active) > a:focus,
.calculated-measurement .navbar-default .navbar-nav > li:not(.active) > a:focus,
.measurement-index .navbar-default .navbar-nav > li:not(.active) > a:focus {
    background-color: transparent;
    color: #666;
}

.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #2780e3;
}

.checklist .navbar-custom .navbar-nav > .active > a,
.animal-group .navbar-custom .navbar-nav > .active > a,
#calculated-measurement-tab .navbar-custom .navbar-nav > .active > a,
.custom-list .navbar-custom .navbar-nav > .active > a {
    font-weight: bold;
    word-break: break-word;
}

.animal-group .navbar-custom .navbar-nav a {
    padding-right: 40px !important;
}

.nav-notification > a,
.nav-search > a,
.nav-name > a,
.nav-logout > a {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.nav-pipe div {
    padding-top: 11.5px;
    color: #999;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 18px;
}

.search-items .small {
    margin-left: 20px;
}

.search-item {
    margin-bottom: 10px;
}

.search-items + .search-loading {
    display: none;
    text-align: center;
}

.search-items + .search-loading.loading {
    display: block;
}

.search-items .search-item .load-more {
    font-weight: bold;
}

.siteadmin-customlist .custom-list li {
    white-space: nowrap;
}

.business-index h2 .navbar-right {
    width: 47%;
}

.business-index h2 .navbar-right select {
    display: inline-block;
    width: 49%;
}

.business-index .business-list {
    margin-bottom: 10px;
}

.business-index .business-list th {
    width: 16%;
}

.business-index .business-list td.name {
    padding-right: 15px;
}

.business-index .business-list td.action {
    padding-right: 15px;
}

.business-index .business-list td.ContactEmail {
    word-break: break-all;
}

.role-edit .divider {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    padding: 15px;
}

.dailyreport-edit .breadcrumb,
.dailyreport-view .breadcrumb,
.business-index .breadcrumb {
    margin-bottom: 0;
}

.dailyreport-edit .breadcrumb,
.dailyreport-view .breadcrumb {
    background-color: #fff;
    font-weight: bold;
}

.dailyreport-edit .breadcrumb > li,
.dailyreport-view .breadcrumb > li {
    position: relative;
}

.show-hide-daily-report-detail-container {
    padding-top: 40px;
}

.show-hide-daily-report-detail-container h3 {
    float: left;
    margin: 0;
    font-size: 23px;
}

.show-hide-daily-report-detail-container .btn-group {
    float: right;
}

.show-hide-daily-report-detail-container .badge {
    margin-left: 5px;
}

.show-hide-daily-report-detail-container .btn-inactive .badge {
    background: #999;
    color: #fff;
}

.show-hide-daily-report-detail-container .btn-primary .badge {
    color: #1966bc;
}

@media (max-width: 450px) {
    .show-hide-daily-report-detail-container {
        text-align: center;
    }

    .show-hide-daily-report-detail-container h3 {
        float: none;
        text-align: left;
    }

    .show-hide-daily-report-detail-container .btn-group {
        float: none;
        margin-top: 10px;
    }

    .search-group .tt-menu,
    .search-medical .tt-menu,
    .search-wrapper-hashtag .tt-menu {
        width: 100%;
    }
}

.show-hide-daily-report-detail-container hr {
    margin-top: 10px;
}

.daily-report-detail-container {
    /*transition: all 5s ease-in-out;*/
    background: #fff;
}

.daily-report-detail-container ~ .daily-report-detail-container {
    margin-top: 15px;
}

#no-notes-found-message {
    margin-top: 30px;
}

ul.list-animals {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.list-animals > li {
    position: relative;
    float: left;
    margin-right: 8px;
    text-wrap: none;
}

ul.list-animals > li:not(:last-child):after {
    content: ", ";
}

.section-index .row .section-control-container {
    position: absolute;
    right: 0;
}

.section-index .assigned-employees .name,
.section-index .assigned-employees .role {
    padding-top: 11px;
}

.section-index .assigned-employees .remove {
    margin-top: 11px;
}

.section-index .assigned-employees .staff-level {
    padding-top: 0px;
}

.section-index .title-measurement {
    position: relative;
    display: inline;
}

.section-index a.view-measurement {
    font-size: 17px;
    position: absolute;
    margin-left: 5px;
    top: 5px;
}

div.measurement-type {
    display: inline-block;
    width: auto;
    margin-right: 12px;
}

span.measurement-date {
    display: inline-block;
    margin-right: 5px;
}

#section-editor span.measurement-date {
    display: inline-block;
}

#section-editor span.unit-value {
    vertical-align: top;
}

#section-editor span.unit-name {
    vertical-align: top;
}

input.datetime {
    width: 120px !important;
}

.measurement input.datetime {
    width: 180px !important;
}

.animal-add input.datetime,
.animal-edit input.datetime {
    width: 100% !important;
}

.animal-add .top-btn-container {
    position: relative;
}

.animal-add #editor-measurement .filter-measurement-container {
    display: none;
}

.btn-group-save-container .dropdown-save {
    right: 0;
    left: auto;
}

.merge-split-container .btn-group-save-container .dropdown-save {
    left: 0 !important;
    right: auto !important;
}

.modal#copy-animal .btn-group-save-container .dropdown-save {
    top: -100px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .animal-add input.datetime, .animal-edit input.datetime {
        width: 100% !important;
    }
}

.animal-identifier-asterisk:after {
    content: '*';
    color: red;
    margin-left: 2px;
    position: absolute;
    top: 53px;
    left: 31px;
    font-size: 15px;
    font-weight: bold;
}

@media (min-width: 992px) {
    .animal-edit .compound-required-mark,
    .animal-add .compound-required-mark {
        position: absolute;
        left: 188px;
        z-index: 11;
    }

    .animal-identifier-asterisk:after {
        top: 40px;
        left: -10px;
    }

    .animal-edit .compound-required-mark .top-mark,
    .animal-edit .compound-required-mark .bottom-mark,
    .animal-add .compound-required-mark .top-mark,
    .animal-add .compound-required-mark .bottom-mark {
        width: 15px;
        height: 13px;
    }

    .animal-edit .compound-required-mark .required-field-label:not(.hide-required-label)::after,
    .animal-add .compound-required-mark .required-field-label:not(.hide-required-label)::after {
        top: 0px;
        left: -23px;
    }
}

@media(max-width: 1200px) {
    .animal-edit .compound-required-mark,
    .animal-add .compound-required-mark {
        left: 480px;
    }
}

@media(min-width: 1200px) {
    .animal-add .form-horizontal .primary-fields-animal-add {
        display: flex;
        align-items: flex-start;
    }

    .animal-add .form-horizontal .primary-fields-animal-add .form-group {
        padding-top: 0px;
    }
}

@media (min-width: 330px) and (max-width: 370px) {
    .medical-add input.datetime {
        width: 120px !important;
    }

    input.datetime {
        width: 98px !important;
    }
}

#new-section {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex: 3 3;
    max-width: 525px;
}

@media (max-width:479px) {
    #new-section {
        flex-direction: column;
    }
}

.section-index .input-group-btn {
    padding-right: 20px;
}

.section-index .input-group-btn .btn {
    margin-left: 10px;
}

.section-index li.add-template .drag-handle, .section-index li.add-template .section-control-container {
    display: none;
}

.siteadmin-labels .row .col-md-4.col-xs-9 {
    padding-right: 0;
}

.siteadmin-labels .row .control-label {
    padding-right: 5px;
}

.select2-dropdown > .select2-add-new {
    border-top: 1px solid #ccc;
    padding: 3px 0 3px 0;
    background-color: #eee;
    color: #2780e3;
    width: auto;
    padding: 6px 11px;
    cursor: pointer;
}

.select2-container.select2-secure-note-type {
    z-index: 800 !important;
}

.select2-dropdown > .select2-btn-group {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 6px;
}

.select2-dropdown > .select2-btn-group button:focus {
    outline: none;
}

.select2-drop-above > .select2-add-new {
    border-bottom: 1px solid #66afe9;
}

.select2-highlighted > .select2-add-new {
    color: inherit;
    background-color: #337ab7;
}

.select2-container .select2-choice > .select2-chosen {
    padding-left: 22px;
}

.select2-container .select2-choices .select2-search-field input, .select2-container .select2-choice, .select2-container .select2-choices {
    font-family: inherit !important;
}

.select2-dropdown > .select2-btn-group {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 6px;
}

.modal .select2-dropdown > .select2-btn-group {
    padding: 10px;
}

.select2-dropdown > .select2-btn-group button:focus {
    outline: none;
}

.select-welfare-measurement-item,
.select-measurement-dropdown {
    z-index: 10;
}

@media(max-width: 479px) {
    .select-welfare-measurement-item .select2-btn-group button {
        width: 100%;
    }

    .select-welfare-measurement-item .btn-group {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(min-width: 480px) {
    .select-welfare-measurement-item .select2-btn-group button {
        width: 150px;
    }
}

.select2-measurement-item-name {
    display: flex !important;
    align-items: baseline;
}

.select-animal-custom-format.welfare-progress-section .select2-results__option {
    padding: 10px 15px !important;
    border-top: 1px solid #eee;
}

.select-animal-custom-format .select2-container--default .select2-results__group {
    padding-block: 10px;
    background-color: #ddd;
}

.select2-container--default .select2-results__group {
    padding-left: 20px !important;
}

.select2-results__options--nested > li {
    padding-left: 30px !important;
}


.field-validation-valid.text-danger {
    display: block;
}

#medical-record-reminder-modal .field-validation-valid.text-danger,
#measurement-modal .field-validation-valid.text-danger {
    display: none;
}

#measurement-modal .carousel,
#measurementTemplate .carousel {
    max-height: unset;
}

#measurement-modal .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

div.per {
    padding: 8px 3px 0px 3px;
    text-align: center;
}

h4, .weather-info .weather-location-container {
    font-size: 19px;
    margin-top: 50px;
    text-transform: uppercase;
}

span.field-validation-error {
    display: block;
}

.custom-level-inner-container span.field-validation-error {
    display: inline-block;
}

/* manually hide error message via css only for daily report */
form#dailyreportform span.field-validation-valid[data-valmsg-for="LowTemperature.Value"],
form#dailyreportform span.field-validation-valid[data-valmsg-for="HighTemperature.Value"],
form#dailyreportform span.field-validation-valid[data-valmsg-for="Humidity"] {
    display: none;
}

form#dailyreportform .valid[data-val="true"] ~ span[data-valmsg-for] {
    display: none;
}

form#dailyreportform .form-group .control-label {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.5em;
}

form#dailyreportform span[data-valmsg-for="LowTemperature.Value"],
form#dailyreportform .span[data-valmsg-for="HighTemperature.Value"],
form#dailyreportform .span[data-valmsg-for="Humidity"] {
    display: block;
}

.medical-view .medical-index-noRecords {
    padding-top: 15px;
}

.medical-view .medical-index-groupbody {
    padding: 0 15px 0 15px;
    min-height: 51px;
}

.medical-view .medical-index-groupItems ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    color: #999;
}

.medical-view .medical-index-groupItems ul li {
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #eee;
    overflow: auto;
}

.medical-view .medical-index-groupItems ul li:last-child {
    border: 0;
}

.medical-view .medical-index-groupItems ul li div {
    overflow: auto;
    width: 50%;
    float: left;
}

.medical-view .medical-index-groupItems ul li span {
    float: left;
    padding-right: 10px;
}

.medical-view .medical-index-groupItems ul li strong {
    padding-right: 10px;
    font-weight: normal;
    text-transform: none;
    color: #000;
    float: left;
}

.user-edit .phone-ext, .user-add .phone-ext, .facility-edit .phone-ext, .business-edit .phone-ext, .business-add .phone-ext, .user-userprofile .phone-ext {
    margin-right: 10px;
}

.user-userprofile label.error {
    color: #ff0039;
    font-weight: normal !important;
}

.row-striped, .note-striped {
    padding-top: 5px;
    padding-bottom: 5px;
}

.row-striped .row .thumbnail {
    margin-bottom: 8px;
}

.row-striped .row.row-margin-bottom {
    margin-bottom: 2px;
}

.row-striped .row, .note-striped .note {
    padding-top: 8px;
    padding-bottom: 10px;
    position: relative;
}

.merge-with-animal .row-striped .row:before {
    border: none;
}

.panel.merge-container {
    margin-top: 15px;
}

.info-message-merge-animal,
.info-message-split-animal {
    margin: 15px 0;
}

.edit-mode .section-general-information .geolocation-container {
    margin-top: -15px;
}

.section-general-information .row .general-label {
    padding-left: 0;
}

.section-general-information .row-striped .row:before {
    display: none;
}

.row-striped .row:before, .note-striped .note:before, #item-cards .item-card-wrapper:before {
    content: "";
    position: absolute;
    left: 3%;
    bottom: 0;
    height: 1px;
    width: 94%;
    border-bottom: 1px solid #eee;
    z-index: 1;
}

#dailyreport-weather-cards .row-striped .row:before {
    left: 0;
    width: 100%;
}

.row-striped ul.list-unstyled li {
    overflow: auto;
    border-bottom: 1px solid #eee;
    padding-top: 8px;
    padding-bottom: 8px;
}

.list-measurements-container.no-data .row-measurements:before,
.row-striped .row:last-child:before, .row-striped ul.list-unstyled li:last-child, .note-striped .note:last-child:before, .note-striped ul.list-unstyled li:last-child, #item-cards .item-card-wrapper:last-child:before,
.resource-content-wrapper .resource-field .resource-column .field:last-child {
    border: none;
}

.note-striped .note:before {
    border-color: #e3e3e3;
}

.facility-index ul.list-unstyled .pull-right.label-info {
    margin-top: 3px;
}

#list-editor-professional-organization .list-editor-remove-container,
#list-editor-permit .list-editor-remove-container, #list-editor-prescription .list-editor-remove-container, .list-editor-vaccine .list-editor-remove-container, #list-editor-othertreatment .list-editor-remove-container {
    margin-top: 4px;
}

li.grid-hierarchy-node .section-control-container .nav:not(.action-menu-small-device) {
    background: #f5f5f5;
    padding-top: 0;
    margin-bottom: 0;
}

li.grid-hierarchy-node .section-control-container .nav > li {
    border-bottom: 0;
}

.medical-reminders-filters .filter-nav-container {
    margin-left: 0;
}

@media (max-width: 1200px) {
    .form-control {
        font-size: 15px;
    }

    .animal-add .asof, .animal-edit .asof {
        white-space: nowrap;
    }

    .animal-index .id-card .col-xs-3 {
        width: 18%;
    }

    .medical-view .panel-body .row .col-xs-4, .medical-view .panel-body .row .col-xs-8 {
        width: 50%;
    }
}

@media (max-width: 1050px) {
    .navbar-nav a {
        font-size: 14px;
    }

    .medical-edit .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-viewmode,
    .animal-view .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-viewmode {
        position: relative;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .weather-info .weather-today {
        max-width: 173px;
    }

    .weather-forecast-container {
        width: calc(100% - 173px);
    }

    .weather-forecast-container,
    .weather-info ul.weather-forecast,
    .weather-info ul.weather-hourly {
        float: left;
    }
}

@media(min-width: 1200px) {
    .weather-info .weather-today {
        max-width: 173px;
    }

    .weather-forecast-container {
        width: calc(100% - 173px);
    }

    .weather-forecast-container,
    .weather-info ul.weather-forecast,
    .weather-info ul.weather-hourly {
        float: left;
    }
}

@media(max-width: 767px) {
    .weather-info .weather-today {
        width: auto !important;
        margin-right: 25px;
        margin-bottom: 10px;
    }

    .weather-info ul.weather-forecast,
    .weather-info ul.weather-hourly,
    .weather-forecast-container {
        width: 100%;
    }
}

.date-and-weather .weather-info .weather-toggle-container {
    display: inline-block;
}

@media(min-width: 992px) and (max-width: 1199px) {
    .weather-info .weather-today {
        width: auto !important;
        margin-right: 25px;
        margin-bottom: 10px;
    }

    .weather-info ul.weather-forecast,
    .weather-info ul.weather-hourly,
    .weather-forecast-container {
        width: 100%;
    }
}



@media (max-width: 991px) {
    .id-card, .section-index .grid-hierarchy-node {
        cursor: pointer; /* Fix for the iPhone & iPad */
    }

    .animal-add .asof, .animal-edit .asof {
        padding-left: 15px;
    }

    .navbar-header .navbar-brand span {
        display: none;
    }

    .animal-index #filterForm select, .animal-index #filterForm div.input-group {
        margin-bottom: 5px;
    }

    .user-userprofile .form-group .checkbox label[for=UserPreferences_SubscribeNewsletter]:after, .user-userprofile .form-group .checkbox label[for=UserPreferences_DoNotShowWelcomeWizard]:after {
        content: '';
    }

    .section-index .form-control.staff-level {
        margin-top: 0px !important;
    }

    .task-reminders-date-control .btn {
        margin-top: -1px !important;
    }

    .siteadmin-customlist .custom-list .col-md-3, .siteadmin-customlist .custom-list .col-md-7 {
        float: left;
    }

    .siteadmin-customlist .custom-list .col-md-1 {
        width: 0;
    }

    .siteadmin-customlist .custom-list .col-md-3 {
        width: 33%;
    }

    .siteadmin-customlist .custom-list .col-md-7 {
        width: 62%;
    }

    .animal-add .lineage.remove,
    .animal-edit .lineage.remove {
        margin-top: -185px;
    }

    .list-editor-remove-container {
        padding-top: 4px;
        border-left: 1px solid #222222;
        position: absolute;
        padding-left: 7px;
        right: 0px;
    }

    #list-editor-professional-organization .list-editor-remove-container {
        height: 100%;
        padding-top: 65px;
    }

    #list-editor-permit .list-editor-remove-container {
        height: 100%;
        padding-top: 78px;
    }

    #list-editor-prescription .list-editor-remove-container {
        height: 96%;
        padding-top: 75px;
    }

    .list-editor-vaccine .list-editor-remove-container {
        height: 96%;
        padding-top: 75px;
    }

    #list-editor-othertreatment .list-editor-remove-container {
        height: 100%;
        padding-top: 100px;
    }

    .relative {
        position: relative;
    }

    .business-add .permit.remove,
    .business-edit .permit.remove {
        margin-top: -139px;
    }

    .siteadmin-labels .row .col-md-4.col-xs-9 {
        width: 65%;
        padding-bottom: 10px;
        margin-right: 40px;
    }

    .siteadmin-labels .row .control-label {
        width: 15%;
    }
    
    .siteadmin-labels .row-margin-bottom .remove-button {        
        text-align: center;
    }

    .siteadmin-labels .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 11px;
    }

    .siteadmin-index .sideAdmin-custom-lists .form-group {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .siteadmin-customlist .form-horizontal .col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .siteadmin-customlist .custom-list .col-md-3, .siteadmin-customlist .custom-list .col-md-7 {
        width: 100% !important;
    }

    .section-index .form-inline .add-new-panel {
        padding-bottom: 25px;
    }

    .business-index th {
        width: 15% !important;
    }

    .user-edit .phone-ext,
    .user-add .phone-ext,
    .user-userprofile .phone-ext {
        margin-top: 9px;
        margin-right: 14px;
    }

    .fm_bootstrap .feedback_trigger_text {
        width: 20px;
        top: -18px !important;
        left: 5px;
    }

    .feedback_trigger.left-top, .feedback_trigger.left-bottom,
    .feedback_trigger.right-top,
    .feedback_trigger.right-bottom {
        height: 27px !important;
        left: -8px !important;
    }

    .row-striped-list-editor {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .row-striped-list-editor .row:last-child:before {
        border: none;
    }

    .row-striped-list-editor.row {
        position: relative;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .row-striped-list-editor .row:before {
        content: "";
        position: absolute;
        left: 5%;
        bottom: -5px;
        height: 1px;
        width: 90%;
        border-bottom: 1px solid #eee;
    }

    .dashboard-control .btn {
        margin-top: 0 !important;
    }

    .medical-view .medical-reminders-filters .filter-nav-container .medical-record-datenav .btn-datenav,
    .medical-edit .medical-reminders-filters .filter-nav-container .medical-record-datenav .btn-datenav,
    .animal-view .medical-reminders-filters .filter-nav-container .medical-record-datenav .btn-datenav {
        margin-bottom: 1px;
    }

    .no-padding-md {
        padding: 0;
    }
}

.medical-reminders-filters .medical-record-only-filter {
    margin-right: 5px;
}

.checklist .navbar-nav a,
.animal-group .navbar-nav a,
.custom-list .navbar-nav a,
.animal-group .navbar-nav li.no-record {
    padding: 15px 15px !important;
}

.animal-group .navbar-nav li.no-record {
    color: #333;
}

@media (max-width: 830px) {
    .navbar-nav.navbar-left a {
        padding-right: 7px !important;
        padding-left: 7px !important;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .container h2 .btn {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .navbar-header .navbar-brand {
        margin-left: 15px;
    }

    .checklist .navbar-header .navbar-brand.visible-xs.visible-xxs,
    .animal-group .navbar-header .navbar-brand.visible-xs.visible-xxs,
    .custom-list .navbar-header .navbar-brand.visible-xs.visible-xxs {
        display: block !important;
    }

    .checklist .navbar-header .navbar-brand,
    .animal-group .navbar-header .navbar-brand,
    .custom-list .navbar-header .navbar-brand {
        margin-left: 0;
    }

    .navbar-header .navbar-brand span {
        display: inline-block !important;
    }

    .animal-index .navbar-form h2 .title, .medical-index .navbar-form h2 .title {
        padding-right: 0 !important;
    }

    .animal-add .asof, .animal-edit .asof {
        padding-top: 11px;
    }

    .facility-edit .phone-ext,
    .business-edit .phone-ext,
    .business-add .phone-ext {
        margin-top: 11px;
        margin-right: 0;
    }

    .user-edit .phone-ext,
    .user-add .phone-ext {
        margin-top: 21px;
        margin-right: 0;
    }

    .business-index th {
        width: 31% !important;
    }

    .searchBoxWrapper {
        padding-left: 15px !important;
    }

    .section-index .staff-level {
        position: absolute;
    }

    .section-index .assigned-employees td {
        padding-bottom: 30px;
    }

    .weather-info ul.weather-forecast li {
        margin-right: 16px !important;
    }

    .body-content.dashboard-index h1 {
        font-size: 30px;
    }

    .no-padding-xs {
        padding: 0;
    }

    .business-index h2 .navbar-right {
        float: none !important;
    }

    .business-index h2 select {
        width: 49%;
        display: inline-block;
    }

    .medical-index > .navbar-form {
        padding-top: 0;
        padding-bottom: 0;
    }

    .medical-index h2 select {
        width: 49%;
        display: inline-block;
    }
}

@media (max-width: 500px) {
    .medical-index h2 select, .business-index h2 .navbar-right select {
        width: 100%;
        display: block;
        margin-bottom: 5px;
    }
}

@media (max-width: 375px) {
    .user-edit .phone-ext, .user-add .phone-ext, .facility-edit .phone-ext, .business-edit .phone-ext, .business-add .phone-ext {
        margin-right: 10px;
    }

    .paymentmethod-wrapper .paymentmethod-creditcard-detail {
        margin-top: 10px !important;
    }

    .medical-reminders-filters .medical-record-type {
        float: none !important;
    }

    .medical-view .filter-controls .medical-record-only-filter,
    .medical-edit .filter-controls .medical-record-only-filter {
        width: 100%;
    }

    #medical-reminder-schedule {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media (max-width: 320px) {
    .navbar-header .navbar-brand span {
        display: inline-block !important;
    }

    .jumbotron {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-left: 10px;
        padding-right: 10px;
    }

    .jumbotron h1, .jumbotron .h1 {
        font-size: 40px;
    }

    .jumbotron p {
        font-size: 18px;
    }

    .btn-lg, .btn-group-lg > .btn {
        padding: 10px 18px;
    }

    .animal-index .section .col-md-4.col-xs-12 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .animal-index .panel-heading.panel-title .btn-default {
        margin-top: 0px;
    }

    .animal-index .id-card .col-xs-3 {
        width: 18%;
    }

    .animal-index .panel-heading .row .name {
        width: 66%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .user-edit .lastname, .user-add .lastname {
        margin-top: 10px;
    }

    .facility-edit .phone-ext {
        margin-top: 10px;
    }

    .section-index .row .col-xs-8 {
        width: 80%; /* Force to wrap the action button */
    }

    .weather-info ul.weather-forecast li {
        margin-right: 16px !important;
        font-size: 16px !important;
    }

    .weather-info ul.weather-forecast li i {
        font-size: 22px !important;
    }

    .weather-info .weather-today-bottom {
        margin-bottom: 20px;
    }

    .medical-view .panel-body .row {
        margin-bottom: 10px;
    }

    .medical-view .panel-body .row .col-xs-4 {
        width: 100% !important;
    }

    .medical-view .medical-index-groupItems ul li div {
        margin-bottom: 10px;
    }

    .medical-view .medical-index-groupItems ul li span {
        width: 100%;
    }

    .body-content.dashboard-index h1 {
        font-size: 28px;
    }
}

@media(max-width: 991px) {
    .search-index #searchform,
    .search-index .global-search .searchBoxWrapper {
        padding-left: 0px !important;
    }

    .search-index .global-search {
        margin-top: 20px;
    }

    .search-index .header-global-search span {
        padding: 0;
    }

    .no-padding-sm {
        padding: 0 !important;
    }
}


/* Fix the zoom issue on iPhone when focus on textbox or select */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .form-control {
        font-size: 16px;
    }
}


.searchbardiv {
    display: block;
    top: 50px;
    right: 0px;
    z-index: 1001;
    width: 100%;
    max-width: 100%;
    margin: 0px;
}

ul.navbar-right > li > a {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

ul.navbar-right .nav-name .dropdown-toggle {
    padding-top: 9.5px;
    padding-bottom: 10.5px;
}

ul.navbar-right .nav-name .dropdown-toggle .caret {
    vertical-align: baseline;
}

ul.navbar-right .nav-name .dropdown-toggle .user-image {
    display: inline-block !important;
    margin-right: 5px;
}

@media (max-width: 768px) {
    ul.navbar-right .nav-name .dropdown-toggle {
        padding-bottom: 7px;
        width: 100%;
    }
}

@media (max-width: 900px) {
    ul.navbar-right > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

#formsearch {
    display: none;
}

.glyphicon.glyphicon-search {
    font-size: 14px;
}

#searchbox {
    box-shadow: none;
    padding: 0 45px 0 0;
    border: 0;
    border-bottom: 1px solid white;
    background: transparent;
    color: white;
}

input#searchbox::-ms-clear,
input#medical-search::-ms-clear,
input#animal-search::-ms-clear,
input#query::-ms-clear,
#daily-report-summary-filter #filterSearch::-ms-clear {
    display: none;
}

input.customvalue-name::-ms-clear {
    display: none;
}

#searchbox:hover {
    box-shadow: none;
}

.form-control:focus {
    border-color: #ccc;
}

.medical-index .spinner-container,
.animal-index .spinner-container,
.user-index .spinner-container,
.business-index .spinner-container,
.measurement-template-view .spinner-container {
    position: relative;
    height: 0px;
}

.medical-index .spinner-container .spiner#medical-load,
.animal-index .spinner-container .spiner#animal-load {
    position: absolute;
}

.measurement-template-view .spinner-container .spinner {
    position: absolute;
    z-index: 5;
    left: 50%;
    transform: translateX(-50%);
    top: 50px;
}

.filter-measurement-container .search-result-template {
    display: none;
}

.filter-measurement-container .filter-group .search-container {
    display: flex;
    padding-bottom: 10px;
}


.search-resource-container .sidebar-nav .fa-search,
.search-resource-container .search-container .fa-search,
.search-group .search-filter-container .fa-search,
.reset-textbox {
    right: 10px;
    position: absolute;
    z-index: 3;
}

.resource-keyword .search-filter > .fa-search,
.search-resource-container .sidebar-nav .fa-search,
.sidebar-sections-list .search-filter i.fa-search,
.section-layout .section-filter-container .search-filter .fa-search,
#measurement-tab .search-filter .fa-search,
#calculated-measurement-tab .search-filter .fa-search,
#measurement-template-container .measurement-template .search-filter .fa-search,
.search-resource-container .search-container .fa-search,
.search-group .search-filter-container .fa-search,
#animalgroup-tab .search-filter .fa-search {
    top: 13px;
    font-size: 17px;
    color: #e6e6e6;
    display: block;
    position: absolute;
}

.reset-textbox {
    font-size: 22px;
    color: #fff;
    top: 5px;
    border: 0;
    background: transparent;
}

.reset-textbox:hover, .reset-textbox:active {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #fff;
}

#searchform {
    position: relative;
    overflow: hidden;
    padding: 15px 0 15px 20px;
}

#searchCategory {
    background: transparent;
    color: white;
    border-color: #666;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: 3px;
}

#searchCategory option {
    background-color: white;
    color: black;
}

.searchBoxWrapper {
    padding-left: 0;
}

.dailyreport-edit .temperature-unit {
    max-width: 100% !important;
}

.dailyreport-edit .realtime-unit-temperature a {
    margin-right: 20px;
}

.dailyreport-edit .list-editor-remove-container {
    border-left: 5px solid #ddd;
    position: absolute;
    right: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 10px;
    top: 0;
}

.medical-index table.medical-list .animal-groups.custom-grid-content,
.medical-index table.medical-list .custom-grid-content.name {
    word-break: break-word;
}

.medical-index table.medical-list .species-col {
    width: 15% !important;
}

.medical-index table.medical-list .column-flag {
    width: 100px;
}

.clear-left {
    padding-left: 0;
    margin-left: 0;
}

.clear-right {
    padding-right: 0;
    margin-right: 0;
}

.clear-left.clear-right {
    height: 100%;
    text-align: center;
    vertical-align: central !important;
    padding-right: 10px !important;
}

.dailyreport-edit .list-editor-rows .realtime-row.realtime-dynamic div.add-right-padding {
    padding-right: 30px;
}

.dailyreport-edit .list-editor-rows .row,
.dailyreport-view .list-editor-rows .row {
    margin: 0;
}

.dailyreport-edit .list-editor-rows .realtime-row.realtime-dynamic {
    position: relative;
}

.dailyreport-edit .list-editor-rows .delete-container {
    text-align: center;
}

.daily-report-detail-notes .bg-details-note {
    background: #fff;
    padding: 5px 0;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1), 3px 4px 6px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1), 3px 4px 6px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1), 3px 4px 6px rgba(0,0,0,0.1);
}

.daily-report-detail-notes .details-note {
    margin: 15px 0;
}

.daily-report-detail-notes .details-note + .details-note {
    margin-top: 25px;
}


a.action-disabled {
    pointer-events: none;
    color: grey;
}

a.link-disabled,
a.link-disabled:hover,
a.link-disabled:focus {
    color: grey !important;
}

.editing-wrapper.no-border {
    border: none !important;
}

.editing-wrapper {
    position: relative;
}

.editing-wrapper.locked {
    background-color: #e6e6e6;
    cursor: not-allowed;
}

.editing-wrapper.timer-warning .edit-field-container {
    border-color: #000 !important;
    box-shadow: 0 0 10px #9ecaed !important;
}

.editing-wrapper.timer-warning:after {
    content: ' ';
    display: block;
    clear: both;
}

.daily-report-importance .editing-wrapper {
    display: inline-block;
}

#realtime_weather_note {
    position: relative;
}

#monthly .listed-event.locked .event-detail {
    padding: 4px 10px;
}

#monthly .listed-event.locked .event-detail,
#checklist .row-show.editing-wrapper {
    position: relative;
    background-color: #e6e6e6;
}

#monthly .listed-event.locked .event-detail .event-content,
#checklist .schedules-container .dashboard-contents-row.editing-wrapper .checklist-check-group,
#checklist .checklist-row.editing-wrapper .checklist-dailyreport {
    cursor: not-allowed;
    opacity: 0.5;
}

.editing-wrapper.enable {
    padding: 0;
    /*margin: -1px;*/
    position: relative;
    border: 1px solid #000; /*#e45c00*/
    background-color: inherit;
    cursor: inherit;
}

.editing-wrapper a.action-disabled {
    background-color: #e6e6e6 !important;
    cursor: not-allowed !important;
}

.editing-blocker {
    z-index: 100;
    opacity: 0.25;
    background-color: black;
    border: none;
    position: absolute !important;
    cursor: not-allowed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.editing-label {
    background-color: #000; /*#e45c00*/
    color: white;
    display: inline;
    float: right;
    padding: 0px 5px;
    font-size: 10px;
    cursor: default;
    position: absolute;
    bottom: -14px;
    left: 0px;
    font-weight: bold;
    z-index: 1;
}

.editing-label.bottom-right {
    bottom: -14px;
    right: -1px;
    left: auto;
}

.editing-label.top-right-inner {
    bottom: auto;
    right: 1px;
    left: auto;
    top: 0px;
}

#monthly .editing-label.top-right-inner,
#table-task-summary-body .listed-event.locked {
    right: 0;
}

#table-task-summary-body .listed-event.locked {
    position: relative;
}

#table-task-summary-body .listed-event.locked:hover,
#table-task-summary-body .listed-event.locked .show-task:hover,
#table-task-summary-body .listed-event.locked .checklist-assign-to:hover {
    cursor: not-allowed;
}

#monthly .editing-label.top-right-inner {
    top: -1px;
}

.section-general-information .row-striped .form-group:after,
.realtime-row:after {
    clear: both;
}

.section-general-information .row-striped .form-group:after,
.section-general-information .row-striped .form-group:before,
.realtime-row:before,
.realtime-row:after {
    content: " ";
    display: table;
}

.online-user-list {
    color: white;
    margin-top: 4px;
    font-size: 14px;
    float: right;
    cursor: default;
    margin-right: 10px;
}

.online-user-list li {
    list-style-type: none;
    float: right;
    margin: 0 3px 3px 3px;
    padding: 2px 4px 3px 6px;
}

.online-user-list li.current-user {
    font-weight: bold;
}

checklist-checkbox input[type="checkbox"]:checked:disabled + label::before,
checklist-checkbox input[type="radio"]:checked:disabled + label::before,
.medical-taskcard input[type="checkbox"]:checked:disabled + label::before {
    background-color: #5cb85c !important;
    border-color: #5cb85c !important;
}

.checklist-checkbox input[type="checkbox"]:disabled,
.checklist-checkbox input[type="radio"]:disabled,
.medical-taskcard input[type="checkbox"]:disabled,
.cursor-not-allowed {
    cursor: not-allowed !important;
}

.checklist-checkbox input[type="checkbox"]:checked ~ label::before,
.checklist-checkbox input[type="radio"]:checked ~ label::before,
.medical-taskcard.completed input[type="checkbox"]:checked ~ label::before,
.medical-add-reminder-container input[type="checkbox"]:checked ~ label::before,
.editor-goal-container .template-assignment-result input[type="checkbox"]:checked ~ label::before,
#default-view .checklist-filter-checkbox input[type="checkbox"]:checked ~ label::before,
.editor-goal-container .checklist-detail-container input[type="checkbox"]:checked ~ label::before,
#welfare-view-compare input[type="checkbox"]:checked ~ label::before,
.resource-container input[type="checkbox"]:checked ~ label::before,
.search-resource-container .resource-category-container input[type="checkbox"]:checked ~ label::before,
.grid-content-container .resource-content .panel-heading input[type="checkbox"]:checked ~ label::before,
.resource-field input.checkbox-field[type="checkbox"]:checked ~ label::before,
.search-resource-container .checkbox-container .checkbox input[type="checkbox"]:checked ~ label::before,
#resource-assigned-to .list-container li .checkbox input[type="checkbox"]:checked ~ label::before,
.resource-checkbox-field-container input[type="checkbox"]:checked ~ label::before,
.select-animal-custom-format input[type="checkbox"]:checked ~ label::before,
.select-welfare-template-for-animal-in-section input[type="checkbox"]:checked ~ label::before,
.select-welfare-template-for-animal-group input[type="checkbox"]:checked ~ label::before {
    background-color: #5cb85c !important;
    border-color: #5cb85c !important;
}

.medical-add-reminder-container input[type="checkbox"] ~ label::before,
.medical-add-reminder-container input[type="checkbox"]:checked ~ label::before {
    top: 0;
}


.checklist-checkbox input[type="checkbox"]:checked ~ label::after,
.checklist-checkbox input[type="radio"]:checked ~ label::after,
.medical-taskcard.completed input[type="checkbox"]:checked ~ label::after,
.medical-add-reminder-container input[type="checkbox"]:checked ~ label::after,
.editor-goal-container .template-assignment-result input[type="checkbox"]:checked ~ label::after,
#default-view .checklist-filter-checkbox input[type="checkbox"]:checked ~ label::after,
.editor-goal-container .checklist-detail-container input[type="checkbox"]:checked ~ label::after,
#welfare-view-compare input[type="checkbox"]:checked ~ label::after,
.resource-container input[type="checkbox"]:checked ~ label::after,
.search-resource-container .resource-category-container input[type="checkbox"]:checked ~ label::after,
.grid-content-container .resource-content .panel-heading input[type="checkbox"]:checked ~ label::after,
.resource-field input.checkbox-field[type="checkbox"]:checked ~ label::after,
.search-resource-container .checkbox-container .checkbox input[type="checkbox"]:checked ~ label::after,
#resource-assigned-to .list-container li .checkbox input[type="checkbox"]:checked ~ label::after,
.resource-checkbox-field-container input[type="checkbox"]:checked ~ label::after,
.select-animal-custom-format input[type="checkbox"]:checked ~ label::after,
.select-welfare-template-for-animal-in-section input[type="checkbox"]:checked ~ label::after,
.select-welfare-template-for-animal-group input[type="checkbox"]:checked ~ label::after {
    color: #fff !important;
}

.checklist-checkbox input[type="checkbox"]:checked ~ label::after,
.medical-taskcard.completed input[type="checkbox"]:checked ~ label::after,
.medical-add-reminder-container input[type="checkbox"]:checked ~ label::after,
#default-view .checklist-filter-checkbox input[type="checkbox"]:checked ~ label::after,
.editor-goal-container .checklist-detail-container input[type="checkbox"]:checked ~ label::after,
#welfare-view-compare input[type="checkbox"]:checked ~ label::after,
.resource-container input[type="checkbox"]:checked ~ label::after,
.resource-field input.checkbox-field[type="checkbox"]:checked ~ label::after,
.search-resource-container .checkbox-container .checkbox input[type="checkbox"]:checked ~ label::after,
#resource-assigned-to .list-container li .checkbox input[type="checkbox"]:checked ~ label::after,
.select-animal-custom-format input[type="checkbox"]:checked ~ label::after,
.select-welfare-template-for-animal-in-section input[type="checkbox"]:checked ~ label::after,
.select-welfare-template-for-animal-group input[type="checkbox"]:checked ~ label::after {
    padding-left: 4px;
    content: "✓";
}


.select-animal-custom-format.multiple input[type="checkbox"] ~ label::after,
.select-animal-custom-format.multiple input[type="checkbox"]:checked ~ label::after,
.select-welfare-template-for-animal-in-section.multiple input[type="checkbox"] ~ label::after,
.select-welfare-template-for-animal-in-section.multiple input[type="checkbox"]:checked ~ label::after,
.select-welfare-template-for-animal-group input[type="checkbox"] ~ label::after,
.select-welfare-template-for-animal-group input[type="checkbox"]:checked ~ label::after,
.select-animal-custom-format.show-checkbox input[type="checkbox"] ~ label::after,
.select-animal-custom-format.show-checkbox input[type="checkbox"]:checked ~ label::after {
    top: 2px;
}

.select-animal-custom-format input[type="checkbox"]:focus ~ label::after,
.select-animal-custom-format input[type="checkbox"]:focus ~ label::before,
.select-welfare-template-for-animal-in-section.multiple input[type="checkbox"]:checked ~ label::after,
.select-welfare-template-for-animal-in-section.multiple input[type="checkbox"]:checked ~ label::before,
.select-welfare-template-for-animal-group input[type="checkbox"]:checked ~ label::after,
.select-welfare-template-for-animal-group input[type="checkbox"]:checked ~ label::before {
    outline: none;
}

#default-view .checklist-filter-checkbox input[type="checkbox"]:checked ~ label::after {
    padding-left: 0 !important;
}


#edit-checklist-container .checklist-detail .checkbox {
    padding-left: 0;
    width: 20px;
    margin-right: 10px;
}

#edit-checklist-container .checklist-detail .checkbox label {
    cursor: default;
}

#edit-checklist-container .checklist-detail .checkbox label::before {
    margin-left: 0;
}

#edit-checklist-container .checklist-detail .checkbox input[type="checkbox"]:disabled ~ label::before {
    cursor: default;
}

#edit-checklist-container .checklist-detail .checkbox label::after {
    margin-left: 0;
}

#taskchecklist.modal span.recurring {
    display: block;
    width: 100%;
    height: 100%;
}

#checklist-header-container {
    position: relative;
}

#checklist-header-container .checklist-control-indicator-container {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}

@media(min-width: 768px) {
    #checklist-header-container .checklist-control-indicator-container {
        max-width: 350px;
    }
}

@media(max-width: 768px) {
    #checklist-header-container .checklist-control-indicator-container {
        max-width: 250px;
    }
}


#checklist-header-container .checklist-control-indicator-container .select2-container {
    outline: 0;
}

#checklist-header-container .checklist-control-indicator-container .select2-container .select2-selection--single .select2-selection__rendered {
    font-weight: 600;
    font-size: 15px;
    padding-left: 0;
}

#taskchecklist.modal span.recurring .icon,
#taskchecklist.modal span.recurring .link,
#taskchecklist.modal #edit-checklist-container .link,
#btn-edit-checklist.link,
#taskchecklist.modal #checklist-body .link,
#taskchecklist.modal #task-assign-to-content .link,
#taskchecklist.modal #checklist-detail-header .link {
    color: #2780e3;
    cursor: pointer;
    text-decoration: none;
    padding-right: 5px;
}

#taskchecklist.modal #checklist-detail-header .link {
    margin-top: 2px;
}

#taskchecklist.modal .date-time-container {
    width: 25%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

#taskchecklist.modal .date-time-container .date-time-label {
    display: block;
}

#taskchecklist.modal.with-time .date-time-container .date-container {
    padding-right: 15px;
}

#taskchecklist.modal .date-time-container .time-container {
    display: none;
}

#taskchecklist.modal.with-time .date-time-container {
    width: 50%;
}

#taskchecklist.modal.with-time .date-time-container .date-container,
#taskchecklist.modal.with-time .date-time-container .time-container {
    width: 50%;
    float: left;
}

@media (max-width: 767px) {
    #taskchecklist.modal .date-time-container {
        width: 50%;
    }

    #taskchecklist.modal.with-time .date-time-container {
        width: 100%;
    }

    #taskchecklist.modal.with-time .date-time-container .date-container,
    #taskchecklist.modal.with-time .date-time-container .time-container {
        width: 50%;
        padding: 0;
    }

    #taskchecklist.modal.with-time .date-time-container .time-container {
        padding-left: 10px;
    }

    #taskchecklist.modal.with-time .date-time-container + .date-time-container {
        margin-top: 10px;
    }
}

#taskchecklist.modal.with-time .date-time-container .time-container {
    display: block;
}

#btn-edit-checklist.link {
    text-transform: none;
}

#btn-edit-checklist.disabled {
    color: #999999;
    cursor: not-allowed;
}

#taskchecklist.modal,
#splitpayment-modal.modal,
#measurement-modal > .modal,
#modalHelp.modal {
    padding-right: 0 !important;
}

#taskchecklist.modal .modal-body-wrapper {
    float: left;
    display: inline-block;
    margin: 0;
    width: 200%;
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

#taskchecklist.modal .modal-body-wrapper.page-3 {
    width: 400%;
}

#taskchecklist.modal .modal-body-wrapper.nextpage-1,
#medical-record-reminder-modal .modal-body-wrapper.page-1,
#coupon.modal .modal-body-wrapper.nextpage-1 {
    margin-left: 0%;
}

#taskchecklist.modal .modal-body-wrapper.nextpage-2,
#medical-record-reminder-modal .modal-body-wrapper.page-2,
#coupon.modal .modal-body-wrapper.nextpage-2 {
    margin-left: -100%;
}

#taskchecklist.modal .modal-body-wrapper.nextpage-3,
#medical-record-reminder-modal .modal-body-wrapper.page-3,
#coupon.modal .modal-body-wrapper.nextpage-3 {
    margin-left: -200%;
}

#taskchecklist.modal .modal-body-wrapper.nextpage-4 {
    margin-left: -300%;
}

#taskchecklist.modal .modal-body-wrapper.nextpage-1 .page:not(.first-page),
#medical-record-reminder-modal .modal-body-wrapper.page-1 .page:not(.first-page),
#coupon.modal .modal-body-wrapper.nextpage-1 .page:not(.first-page),
#taskchecklist.modal .modal-body-wrapper.nextpage-2 .page:not(.second-page),
#medical-record-reminder-modal .modal-body-wrapper.page-2 .page:not(.second-page),
#coupon.modal .modal-body-wrapper.nextpage-2 .page:not(.second-page),
#taskchecklist.modal .modal-body-wrapper.nextpage-3 .page:not(.third-page),
#medical-record-reminder-modal .modal-body-wrapper.page-3 .page:not(.third-page),
#coupon.modal .modal-body-wrapper.nextpage-3 .page:not(.third-page) {
    overflow: hidden;
    height: 0;
}

#taskchecklist-form textarea.autogrow,
#medical-record-reminder-modal textarea.autogrow {
    min-height: 66px;
}

#medical-record-reminder-modal #treatment-date {
    display: none;
}

#medical-record-reminder-modal #treatment-date + .medical-config-validationmessage {
    margin-left: -15px;
}

#medical-record-reminder-modal .medical-reminder-date-info-container,
.medical-record-taskconfig-editor .treatment-day-info-container {
    margin-top: 15px;
}

#medical-record-reminder-modal .medical-reminder-date-info-container .grey-messagebox {
    display: flex;
    align-items: baseline;
    margin-top: 0;
}

.medical-record-taskconfig-editor .treatment-day-info {
    display: flex;
    align-items: baseline;
    font-size: 14px;
    color: #333;
}

#medical-record-reminder-modal .medical-reminder-date-info i,
.medical-record-taskconfig-editor .treatment-day-info i {
    margin-right: 5px;
}

#medical-record-reminder-modal .medical-reminder-yearlypicker-day.max-29 option:not(.max-29),
#medical-record-reminder-modal .medical-reminder-yearlypicker-day.max-30 option:not(.max-30),
#medical-record-reminder-modal .medical-reminder-yearlypicker-day.max-31 option:not(.max-31) {
    display: none;
}


#default-view .welfare-detail-container .section-card-picture,
#default-view .welfare-detail-container .animal-card-picture {
    margin-right: 10px;
}

#taskchecklist.modal .modal-body-wrapper .description-container {
    padding-right: 10px;
}

#taskchecklist.modal .modal-body-wrapper .checklist-assign-to-template {
    display: none !important;
}

#default-view .welfare-detail-container .animal-card-detail,
#default-view .welfare-detail-container .section-card-detail {
    width: 95%;
}

#taskchecklist.modal .page {
    float: left;
    width: 50%;
    padding: 20px;
}

#taskchecklist.modal .modal-body .page.second-page {
    padding: 20px 0;
}

#taskchecklist.modal .modal-body .page.second-page .task-form-group {
    padding: 0 20px;
}

#taskchecklist.modal .modal-body .page.second-page hr {
    margin-top: 20px;
    margin-bottom: 10px;
    border-top: 1px solid #e5e5e5;
}

#taskchecklist.modal hr {
    margin-top: 5px;
    margin-bottom: 15px;
}

#taskchecklist.modal .task-header {
    margin: -20px -20px 25px -20px;
    padding: 15px 5px 15px 5px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
}

#taskchecklist.modal .task-header .task-date {
    font-size: 19px;
    line-height: 0;
}

#taskchecklist.modal .task-header .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

#taskchecklist.modal .modal-body-wrapper.page-3 .page {
    width: 25%;
}

@media(min-width: 992px) {
    #taskchecklist.modal .modal-body {
        min-height: 443px;
    }

    .no-padding-lg {
        padding: 0;
    }
}

#measurement-modal .default-measurement-view .modal-body,
#measurement-modal .detail-measurement-view .modal-body {
    min-height: 280px;
}

#measurement-modal .detail-measurement-note .modal-body {
    min-height: 235px;
}

#measurement-item-modal .modal-body {
    min-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

#measurement-item-modal .title-edit,
#measurement-item-modal #delete-measurement-item,
#measurement-item-modal.edit-measurement-item .title-add {
    display: none;
}

#measurement-item-modal.edit-measurement-item .title-edit,
#measurement-item-modal.edit-measurement-item #delete-measurement-item {
    display: block !important;
}

.modal.custom-level-checked .modal-footer .text-save,
.modal .modal-footer .text-next {
    display: none;
}

.modal.custom-level-checked .modal-footer .text-next {
    display: inline-block;
}

#taskchecklist.modal .modal-body,
#taskchecklist.modal .modal-footer {
    overflow-x: hidden;
    padding: 0;
}

#calculated-measurement-modal .modal-body {
    overflow-x: hidden;
}

#calculated-measurement-modal .title-edit,
#calculated-measurement-modal .btn-delete,
#calculated-measurement-modal.edit-measurement-item .title-add {
    display: none;
}

#calculated-measurement-modal.edit-measurement-item .title-edit,
#calculated-measurement-modal.edit-measurement-item .btn-delete {
    display: block !important;
}


#taskchecklist.modal .control-label, .registration-form .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 11px;
}

#taskchecklist.modal .control-label.text-left, .registration-form .control-label.text-left {
    text-align: left;
}

#taskchecklist.modal .checklist-for-any-user-section-container {
    display: inline-block;
    float: right;
}

@media (max-width: 375px) {
    #taskchecklist.modal .checklist-for-any-user-section-container {
        float: left;
    }
}

#taskchecklist.modal .checklist-for-any-user-section-container label,
#taskchecklist.modal .all-day-container label {
    font-weight: normal;
}

@media (max-width: 350px) {
    #taskchecklist.modal #taskModal .schedule-start-date-container,
    #taskchecklist.modal #taskModal .schedule-end-date-container {
        width: 90px;
        display: inline-block;
        line-height: 1;
    }
}

@media (max-width: 628px) {
    #taskchecklist.modal #taskModal .schedule-start-date-container {
        margin-right: unset;
    }
}

#taskchecklist.modal .schedule-start-date-container {
    margin-right: 20px;
}

#taskchecklist.modal .schedule-start-date-container,
#taskchecklist.modal .schedule-end-date-container {
    display: inline-block;
}

#taskchecklist.modal .schedule-start-date-container .task-title,
#taskchecklist.modal .schedule-end-date-container .task-title {
    font-size: 13px;
    color: #888;
}

#taskchecklist.modal .schedule-start-date-container .task-date,
#taskchecklist.modal .schedule-end-date-container .task-date {
    line-height: 1.2;
}

#taskchecklist.modal .all-day-container .checklist-check-item {
    margin-right: -5px;
}

#taskchecklist.modal .checklist-for-any-user-section-container .checklist-checkbox {
    width: 0;
    float: none;
    margin-left: 7px;
}

#taskchecklist.modal #checklist-management-container {
    margin-top: 10px;
}

#taskchecklist.modal .task-modified-at, #taskchecklist.modal .task-modified-on {
    line-height: 0.7;
    font-size: 14px;
}

.checkbox input ~ label, .radio input ~ label {
    padding-left: 5px;
}

#taskchecklist.modal .complete input:checked ~ label {
    color: #5cb85c;
    font-weight: bold;
}

#taskchecklist.modal .btn-save-checklist,
#taskchecklist.modal .btn-save-task-assign-to {
    background-color: #2b78e4 !important;
    color: #fff;
    padding: 5px 15px;
}

#taskchecklist.modal .progress-bar-container .left-container {
    min-width: 25px;
    float: left;
    margin-right: 8px !important;
}

#taskchecklist.modal .progress-bar-container .left-container .glyphicon {
    font-size: 15px;
}

#taskchecklist.modal .progress-bar-container .left-container .task-percentage {
    font-size: 13px;
    font-weight: bold;
    margin-top: -1px;
}

#taskchecklist.modal .progress-bar-container .progress {
    height: 15px;
    margin-bottom: 10px;
}

#taskchecklist.modal #checklist-content .checklist-detail.template,
#taskchecklist.modal #checklist-content .checklist-detail-assign-to-container.template {
    display: none;
}

#taskchecklist.modal .checklist-detail-groupped #checklist-detail-header-container,
#taskchecklist.modal .checklist-detail-groupped #checklist-body-container {
    white-space: nowrap;
    overflow: hidden;
}

#taskchecklist.modal .checklist-detail-groupped #checklist-detail-header-container {
    height: 48px;
    position: relative;
}

#taskchecklist.modal .checklist-detail-groupped #checklist-header {
    position: absolute;
}

#checklist-content .checklist-control-container {
    display: none;
    position: absolute;
    z-index: 2;
    padding: 3px 0;
    left: 40px;
}

#checklist-content .checklist-control-arrow-container {
    display: none;
    position: absolute;
    z-index: 2;
    right: 5px;
    margin-top: 3px;
}

#checklist-content.show-control .checklist-control-container,
#checklist-content.show-control .checklist-control-arrow-container {
    display: block;
}

#taskModal .checklist-header {
    border-bottom: 0;
    padding-bottom: 0;
    display: block;
}

#taskModal .checklist-control-arrow-container .arrow-left,
#taskModal .checklist-control-arrow-container .arrow-right {
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    opacity: 1;
    cursor: pointer;
    border: 2px solid #ccc;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    display: inline-block;
    margin: 5px 3px;
    float: right;
}

#taskModal .checklist-control-arrow-container .arrow-left:hover,
#taskModal .checklist-control-arrow-container .arrow-right:hover {
    background: #ddd;
    border-color: #d7d7d7;
}

#taskModal .checklist-control-arrow-container .arrow-left:hover i,
#taskModal .checklist-control-arrow-container .arrow-right:hover i {
    color: #888;
}

#taskModal .checklist-control-arrow-container .arrow-left i,
#taskModal .checklist-control-arrow-container .arrow-right i {
    margin-top: 4px;
    font-size: 14px;
    color: #aaa;
}

#taskModal #checklist-detail-header,
#taskModal #checklist-body {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#taskchecklist.modal .checklist-detail-assign-to-container {
    display: inline-block;
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    white-space: normal;
}

#taskchecklist.modal .fixed-header #checklist-header-container,
#taskchecklist.modal .fixed-header #task-assign-to-header-container {
    position: fixed;
    top: 60px;
    z-index: 2;
    background: #fff;
}

#taskchecklist.modal .fixed-header.show-control .checklist-exist {
    padding-top: 120px;
}

#taskchecklist.modal .fixed-header .checklist-exist,
#taskchecklist.modal .fixed-header #task-assign-to-container {
    padding-top: 80px;
}

#taskchecklist.modal.task-only .fixed-header .checklist-exist,
#taskchecklist.modal.task-only .fixed-header #task-assign-to-container {
    padding-top: 30px;
}

#taskchecklist.modal .checklist-detail-assign-to-container {
    width: 100%;
    margin: 0;
    vertical-align: top;
}

#taskchecklist.modal .fixed-header #checklist-header-container,
#taskchecklist.modal .fixed-header #task-assign-to-header-container {
    width: 541px;
}

#taskchecklist.modal .checklist-detail-assign-to-container .task-assign-to-name {
    display: inline-block;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    opacity: 0;
}

#taskchecklist.modal .checklist-detail-assign-to-container .assign-to-name {
    background: #eee;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#taskchecklist.modal .checklist-detail-assign-to-container .checklist-detail-container {
    padding: 10px;
}

#taskchecklist.modal #checklist-content .checklist-detail + .checklist-detail,
#taskchecklist.modal #task-assign-to-container .task-assign-to-checkbox + .task-assign-to-checkbox {
    margin-top: 5px;
}

#taskchecklist.modal #checklist-content .checklist-detail .detail-container,
#taskchecklist.modal #task-assign-to-container .detail-container {
    width: calc(100% - 45px);
    float: left;
}

#taskchecklist.modal #checklist-content .checklist-detail .detail-container .completed-container,
#taskchecklist.modal #task-assign-to-container .completed-container {
    margin-top: -2px;
    margin-bottom: 3px;
}

#taskchecklist.modal #checklist-content .checklist-detail .detail-container label,
#taskchecklist.modal #task-assign-to-container .detail-container label {
    margin-bottom: 0;
}

#taskchecklist.modal #checklist-content .checklist-detail .detail-container label,
#taskchecklist.modal #task-assign-to-container .detail-container label,
#edit-checklist-container #checklist-details .checkbox-description-container span.description,
#checklist-container .checklist-view-mode .checklist-detail-container .checklist-detail span.checklist-description {
    white-space: pre-wrap;
}

#taskchecklist.modal #checklist-content .checklist-detail .detail-container span,
#taskchecklist.modal #task-assign-to-container .detail-container span {
    font-size: 12px;
}

#taskchecklist.modal #checklist-content .checklist-detail .detail-container span.completed-on,
#taskchecklist.modal #task-assign-to-container .detail-container span.completed-on {
    line-height: 1.3;
}

#taskchecklist.modal .complete .no-schedule {
    float: right;
    margin-top: 5px;
    text-align: right;
}

#taskchecklist.modal .complete .complete-exists {
    margin-top: -2px;
}

#taskchecklist.modal .complete .complete-exists #completed-by {
    font-weight: bold;
}

#taskchecklist.modal .complete .complete-exists #completed-by, #taskchecklist.modal .complete .complete-exists #updated-on, #taskchecklist.modal .complete .complete-exists #label-completed-on {
    display: none;
    text-align: right;
    font-size: 12px;
    white-space: nowrap;
}

#taskchecklist.modal .complete .complete-exists.checkbox-success {
    display: none;
    margin: 0;
}

#taskchecklist.modal .complete .complete-exists.checkbox-success.checkbox-checked label.unselectable {
    opacity: 1;
}

#taskchecklist.modal .complete .checklist-completed {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}

#taskchecklist.modal .complete .checklist-completed .checklist-completed-text {
    color: #666;
    font-size: 13px;
    font-weight: bold;
    margin-left: 3px;
}

@media (max-width: 766px) {
    #taskModal .bootstrap-datetimepicker-widget.datepicker-from-right-side {
        right: 20px !important;
    }

    #taskModal .bootstrap-datetimepicker-widget.datepicker-from-right-side.default {
        right: 15px !important;
    }
}

#taskModal .bootstrap-datetimepicker-widget.fixed {
    position: fixed !important;
}

#taskModal .bootstrap-datetimepicker-widget {
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}

/* To align the icon */
#taskchecklist.modal .complete .checkbox-success label:before, #taskchecklist.modal .complete .checkbox-success label:after {
    margin-top: 2px;
}

#taskchecklist.modal .no-task-message {
    font-weight: 600;
    color: #999999;
}

#taskchecklist.modal .task-title {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 2px;
}

#taskchecklist.modal .schedule-end-date-container .task-title {
    margin-top: 8px;
}

#taskchecklist.modal .task-title .title {
    text-transform: none;
    margin-left: 10px;
    margin-right: 5px;
}

#taskchecklist.modal .task-title .title.taskchecklist-label {
    margin-left: 0;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media(max-width:500px) {
    #taskchecklist.modal .task-title .title.taskchecklist-label {
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

#taskchecklist.modal #edit-checklist-container {
    margin-top: 10px;
}

#taskchecklist.modal #edit-checklist-container #edit-checklist {
    margin-left: 18px;
}

#taskchecklist.modal #edit-checklist-container .checklist-detail.template,
#taskchecklist.modal #task-assign-to-content .task-assign-to-checkbox.template {
    display: none;
}

#taskchecklist.modal #edit-checklist-container .checklist-detail {
    margin-bottom: 5px;
    margin-left: 18px;
}

#taskchecklist.modal #edit-checklist-container .checklist-detail input {
    cursor: default;
}

#taskchecklist.modal #edit-checklist-container .checklist-detail .checklist-check-item.checkbox {
    display: block;
}

#taskchecklist.modal #edit-checklist-container .checklist-detail .checkbox-description-container {
    width: calc(100% - 35px);
    float: left;
}

#taskchecklist.modal #edit-checklist-container .checklist-detail .include,
#taskchecklist.modal #checklist-body-container .checklist-detail .include,
#taskchecklist.modal #task-assign-to-container .include,
#taskchecklist.modal .include-task-assign-to {
    display: none;
    margin-left: 10px;
    vertical-align: top;
}

#taskchecklist.modal #task-assign-to-container .include {
    margin-left: 0;
}

#taskchecklist.modal #edit-checklist-container .checklist-detail.not-included .description,
#taskchecklist.modal #checklist-body-container .checklist-detail.not-included .title,
#taskchecklist.modal #task-assign-to-container .task-assign-to-checkbox.not-included .title,
#taskchecklist.modal .assign-to-name.show-include .name,
#taskchecklist.modal #task-assign-to-content .show-include label {
    font-style: italic;
    color: #999999;
}

#taskchecklist.modal #edit-checklist-container .checklist-detail.show-include .include,
#taskchecklist.modal #checklist-body-container .checklist-detail.show-include .include,
#taskchecklist.modal .show-include .include-task-assign-to,
#taskchecklist.modal #task-assign-to-content .show-include .include {
    display: inline-block;
    font-size: 15px;
}

#taskchecklist.modal #checklist-content {
    margin-top: 0px;
}

#taskchecklist.modal #checklist-body .checklist-detail label,
#taskchecklist.modal #task-assign-to-container .detail-container label {
    font-weight: normal;
}

#taskchecklist.modal .checklist-title-container,
#taskchecklist.modal .task-assign-to-title-container {
    margin-top: 20px;
}

#taskchecklist.modal .fixed-header .checklist-title-container,
#taskchecklist.modal .fixed-header .task-assign-to-title-container {
    margin-top: 5px;
}

#taskchecklist.modal .checklist-title-container .left-container,
#taskchecklist.modal .taskchecklist-task-assign-to-container .task-assign-to-title-container .left-container {
    float: left;
    margin: 5px 0;
}

#taskchecklist.modal .checklist-title-container .right-container,
#taskchecklist.modal .taskchecklist-task-assign-to-container .task-assign-to-title-container .right-container {
    float: right;
}

#taskchecklist.modal .checklist-title-container .check-all .checkbox label::before {
    border-width: 2px;
}

#taskchecklist-confirm.modal, #taskchecklist-delete-confirm.modal, #modal-new-checklist.modal, #alertPopup.modal {
    background-color: rgba(0, 0, 0, 0.5);
}

#alertPopup.modal .modal-body {
    overflow-y: auto;
}

#taskchecklist-confirm.modal .modal-content-add-padding,
#taskchecklist-delete-confirm.modal .modal-content-add-padding,
#modal-new-checklist.modal .modal-content-add-padding {
    width: inherit;
    height: inherit;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

#taskchecklist-delete-confirm.modal .taskchecklist-delete {
    color: #333;
    padding: 7px 15px;
    min-width: 170px;
    margin: 0 5px 5px 0;
    transition: all .25s ease-in-out;
    background: rgb(221, 221, 221);
}

#taskchecklist-delete-confirm.modal .taskchecklist-delete:hover {
    background: #ccc;
}

@media (min-width: 768px) {
    #taskchecklist-confirm.modal .modal-dialog,
    #taskchecklist-delete-confirm.modal .modal-dialog,
    #modal-new-checklist.modal .modal-dialog {
        width: 570px;
    }

    #taskchecklist-confirm.modal .modal-content-add-padding,
    #taskchecklist-delete-confirm.modal .modal-content-add-padding,
    #modal-new-checklist.modal .modal-content-add-padding {
        padding-left: 0;
        padding-right: 0;
    }

    .medical-record-header-filter .search-group .input-group-btn,
    .animal-inventory-filter-container .search-group .input-group-btn {
        width: auto;
    }

    .medical-record-header-filter .search-group .input-group-btn button,
    .animal-inventory-filter-container .search-group .input-group-btn button,
    .resource-category .search-group .input-group-btn button,
    .resourceorganization-category .search-group .input-group-btn button,
    .list-member-container .filter-search-text .input-group-btn button,
    .coalition-container .filter-search-text .input-group-btn button {
        padding: 10px 30px;
        margin-left: 3px;
    }
}

@media (max-width: 767px) {
    #taskchecklist.modal .modal-body .nextpage-2 .second-page, #taskchecklist.modal .modal-body .nextpage-3 .third-page {
        height: auto;
    }

    #taskchecklist-delete-confirm.modal .delete-container {
        text-align: center;
        margin-bottom: 10px;
    }

    #taskchecklist-delete-confirm.modal .taskchecklist-delete {
        margin: auto;
        display: block;
    }

    #taskchecklist.modal .modal-body .nextpage-1 .second-page, #taskchecklist.modal .modal-body .nextpage-1 .third-page, #taskchecklist.modal .modal-body .nextpage-2 .third-page {
        height: 0;
    }

    #taskchecklist.modal #checklist-body .detail-container {
        margin-left: 0;
    }
}

.s2-opt-lv0 {
    padding-left: 0;
}

.s2-opt-lv1 {
    padding-left: 20px;
}

.s2-opt-lv2 {
    padding-left: 40px;
}

.s2-opt-lv3 {
    padding-left: 60px;
}

.s2-opt-lv4 {
    padding-left: 80px;
}

.s2-opt-lv5 {
    padding-left: 100px;
}

.s2-opt-lv6 {
    padding-left: 120px;
}

.s2-opt-lv7 {
    padding-left: 140px;
}

.s2-opt-lv8 {
    padding-left: 160px;
}

.s2-opt-lv9 {
    padding-left: 180px;
}

.s2-opt-lv10 {
    padding-left: 200px;
}

.s2-opt-haschild {
    font-weight: bold;
}

.select2-chosen [class^="s2-opt-lv"], .select2-chosen .s2-checklist-user {
    padding-left: 0;
    font-weight: normal;
    color: inherit;
}

.btn-white {
    border-color: #ccc !important;
    background-color: #fff !important;
    color: #333 !important;
}

.btn-white:hover {
    background: #f7f7f7 !important;
}

.btn-gray {
    border-color: #ccc !important;
    background-color: #ddd !important;
    color: #777 !important;
}

.btn-gray:hover {
    background: #ccc !important;
}

#taskchecklist .radio + .radio, #taskchecklist .checkbox + .checkbox {
    margin-top: 10px;
}

#taskchecklist .input-group .input-group-btn {
    display: inline-table;
    vertical-align: top;
}

#taskchecklist .input-group {
    display: block;
}

.medical-record-header-filter .search-group .input-group-btn,
.animal-inventory-filter-container .search-group .input-group-btn,
.task-summary-filter .tasktype-container .input-group-btn,
.task-summary-filter .assigned-to-container .input-group-btn {
    vertical-align: top;
}

@media (min-width:500px) {
    #taskchecklist .input-group .no-right-border {
        border-right: 0;
    }

    #taskchecklist .input-group .input-group-btn,
    .task-summary-filter .tasktype-container .input-group-btn,
    .task-summary-filter .assigned-to-container .input-group-btn {
        display: table-cell;
    }

    #taskchecklist .input-group,
    .task-summary-filter .assigned-to-container.input-group {
        display: inline-table;
    }
}

@media(max-width:499px) {
    #taskchecklist .input-group .input-group-btn {
        display: inline-block;
        width: 100%;
    }
}

.add-margin-top {
    margin-top: 5px;
}

.add-padding-bottom {
    padding-bottom: 10px;
}

ul.select2-results > li {
    /*To make empty selection have the same size as other selections*/
    min-height: 28px;
}

.welfare-note .note-type-name.required-field-label::after,
.required-field-label:not(.hide-required-label,.measurement-name-with-icon)::after,
.measurement-name-with-icon.required-field-label:not(.hide-required-label) span::after,
#default-view .template-mode .measurement-item-text.required-field:after {
    content: '*';
    color: red;
    margin-left: 2px;
    vertical-align: middle;
    top: 2px;
}

.welfare-note .note-type-name.required-field-label::after,
.measurement-name-with-icon.required-field-label:not(.hide-required-label) span::after,
.required-field-label:not(.hide-required-label,.measurement-name-with-icon)::after {
    position: relative;
}

.zero-horizontal-margin {
    margin-left: 0px;
    margin-right: 0;
}

.checklist-checkbox {
    width: 28px;
    float: left;
}

.checklist-label {
    padding-top: 11px;
    padding-right: 10px;
    padding-bottom: 11px;
    margin-left: 30px;
    margin-bottom: 10px;
}

.editing-wrapper .checklist-label-section, .editing-wrapper .checklist-label-text, .editing-wrapper .checkbox label, .editing-wrapper input[type=checkbox] {
    cursor: inherit !important;
}

.checklist-label-text {
    cursor: pointer;
    font-weight: bold;
    margin-right: 5px;
}

.checklist-label-user, .checklist-label-completed {
    color: #999;
    font-size: 12px;
    display: inline-block;
    white-space: nowrap;
}

.checklist-label-user .checklist-label-user-additional-information {
    white-space: normal;
}

.checklist-label-user:before, .medical-label-user:before, .checklist-label-completed:before {
    content: '';
}

.medical-label-user span {
    margin-right: 5px;
    white-space: normal;
}

.checklist-label-completed span, .checklist-label-user span {
    margin-right: 5px;
}

.checklist-label-completed .fa-user:before, .checklist-label-user .fa-user:before {
    font-size: 14px;
}

.checklist-dailyreport .checklist-label-completed {
    display: none;
}

.checklist-dailyreport .checklist-label-completed.show-completed {
    display: block;
}

.taskchecklist-label, .med-rec-label,
.custom-list .label-primary-language {
    vertical-align: top;
    display: inline-block;
    padding: 4px 5px;
    white-space: normal;
    text-align: left;
}

.med-rec-label {
    margin-top: 1px;
}

.checklist-label-section, .filter-container .filter-section, .checklist-completed-info, #medical-record-reminder-cards .med-rec-label.label, .checklist-assign-to {
    cursor: default;
    background-color: cadetblue !important;
    color: white;
    display: inline-block;
    white-space: normal;
    text-align: left;
}

#medical-record-reminder-cards .med-rec-label.label.prescription,
.mentioned-content-top .med-rec-label.label.prescription {
    background: #597eaa !important;
}

#medical-record-reminder-cards .med-rec-label.label.vaccine,
.mentioned-content-top .med-rec-label.label.vaccine {
    background: #6aa84f !important;
}

#medical-record-reminder-cards .med-rec-label.label.other-treatment,
.mentioned-content-top .med-rec-label.label.other-treatment {
    background: #e69138 !important;
}

.checklist-check-item .checklist-completed-info,
.checklist-label .checklist-completed-info,
.event-content .checklist-completed-info,
#medical-record-reminder-cards .med-rec-label.label.completed-animal-group,
.medical-taskcard .med-rec-label.label.completed-animal-group {
    background-color: #2b78e4 !important;
}

.taskchecklist-label-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.taskchecklist-label-container .task-name-text {
    margin-right: 8px;
}

.taskchecklist-label-container .taskchecklist-label {
    margin-right: 2px;
}

.checklist-check-item .checklist-completed-info,
.checklist-label .checklist-completed-info,
.event-content .checklist-completed-info {
    border: 1px solid #2b78e4;
}

.checklist-label-task-type:not(.empty),
.label-tasktype,
.custom-list .label-primary-language {
    max-width: 135px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    border: 1px solid #ccc;
}

#medical-record-reminder-cards .med-rec-label.label,
.checklist-label-task-type,
.label-tasktype,
.checklist-completed-info.label,
.custom-list .label-primary-language,
.mentioned-content-top .med-rec-label {
    font-size: 11px;
}

span.mentioned-group-label,
.mentioned-content-top .med-rec-label {
    height: 20px;
}

.mentioned-content-top .med-rec-label {
    vertical-align: middle;
    line-height: 1.1em;
}

.checklist-label-task-type.empty {
    background-color: transparent !important;
    padding-left: 0;
    color: #333;
}

.checklist-completed-info.deleted {
    background-color: #999999 !important;
}

.taskchecklist-label-container .checklist-completed-info.display-inline {
    display: inline-block;
}

.checklist-label-importance {
    cursor: default;
}

.filter-container .filter-section.filter-show,
.filter-container .filter-assigned.filter-show,
.filter-container .filter-completed-by.filter-show,
.filter-container .label-tasktype.filter-show {
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.include-task-assign-to .fa {
    display: none;
}

@media (max-width: 376px) {
    .checklist-assign-to {
        max-width: 150px;
    }

    .checklist-assign-to:not(:first-child) {
        margin-top: 3px !important;
    }

    #checklist-header-container .checklist-control-indicator-container .select2.select2-container {
        max-width: 150px !important;
    }

    #taskchecklist.modal .checklist-detail-assign-to-container .task-assign-to-name {
        max-width: 140px;
    }

    #taskModal .checklist-control-arrow-container .arrow-left,
    #taskModal .checklist-control-arrow-container .arrow-right {
        margin: 5px 1px;
    }

    #checklist-content .checklist-control-arrow-container {
        right: 2px;
    }

    #taskModal .show-control .include-task-assign-to .text {
        display: none;
    }

    #taskModal .show-control .include-task-assign-to .fa {
        display: inline-block;
    }
}

.filter-container .filter-section.more,
.filter-container .filter-assigned.more,
.filter-container .filter-completed-by.more,
.filter-container .label-tasktype.more {
    overflow: unset;
}

.filter-container .filter-assigned .icon,
.filter-container .filter-section .icon,
.filter-container .filter-completed-by .icon,
.filter-container .label-tasktype .icon {
    margin-right: 3px;
}

#monthly .event-title {
    margin-right: 5px;
}

.checklist-label-section:empty {
    display: none;
}

#checklist {
    min-height: 150px;
    position: relative;
}

#checklist.list-editor {
    margin-bottom: 15px;
    margin-top: 50px;
}

#checklist.list-editor .list-editor-rows input[type="checkbox"] {
    margin-left: -26px;
    margin-top: -5px;
}

/******Task & Checklist - Fade in & out******/

#checklist .checklist-group-rows .dashboard-contents-row,
#checklist .list-editor-rows .checklist-row,
#medical-record-reminder-cards .schedules-container .medical-taskcard-view {
    opacity: 0;
    -webkit-transition: opacity 750ms ease-out;
    -moz-transition: opacity 750ms ease-out;
    -o-transition: opacity 750ms ease-out;
    -ms-transition: opacity 750ms ease-out;
    transition: opacity 750ms ease-out;
}

#checklist .checklist-group-rows .dashboard-contents-row.row-show,
#checklist .list-editor-rows .checklist-row.row-show,
#medical-record-reminder-cards .schedules-container .medical-taskcard-view.row-show {
    opacity: 1;
    transition: all .25s ease-in-out;
}

.checklist-row-hide {
    max-height: 0;
    min-height: 0 !important;
    overflow: hidden;
    transition: all 100ms ease-in-out;
}

.checklist-row-hide div {
    max-height: 0;
    overflow: hidden;
}

#checklist .checklist-group-rows .dashboard-contents-row.unhighlight,
#checklist .list-editor-rows .checklist-row.unhighlight,
#medical-record-reminder-modal .task-reminder-container.unhighlight,
#medical-record-reminder-cards .medical-taskcard-view.unhighlight {
    background-color: khaki !important;
}

#measurements .row-measurements .row-measurement-details.highlight,
#checklist .checklist-group-rows .dashboard-contents-row.highlight,
#checklist .list-editor-rows .checklist-row.highlight,
.user-add .highlight, #monthly .highlight, #split-payment-link.highlight, .checklist-item.highlight,
#medical-record-reminder-modal .task-reminder-container.highlight,
#medical-record-reminder-modal .medical-taskcard-container.highlight .medical-taskcard-wrapper,
#medical-record-reminder-modal .medical-record-task-detail.task-completed.highlight,
#medical-record-reminder-modal #StartDate.highlight,
#medical-record-reminder-modal #EndDate.highlight,
#medical-record-reminder-modal #NextDueDate.highlight,
#medical-reminder-schedule .medical-reminder-tasks .medical-taskcard-wrapper,
#medical-record-reminder-cards .medical-taskcard-view.highlight,
#med-rec-task-completed-container .med-rec-task-reminder.highlight,
#section-editor .assigned-employees tr.highlight,
.medical-reminders-ui .medical-reminders-list-row.highlight,
#daily-report-summary-filter .highlight,
.siteadmin-index .container-email-template.highlight {
    background-image: none !important;
    -webkit-animation: fadeIt 750ms ease-out;
    -moz-animation: fadeIt 750ms ease-out;
    -o-animation: fadeIt 750ms ease-out;
    animation: fadeIt 750ms ease-out;
}

#daily-report-body .highlight,
.custom-list .highlight {
    -webkit-animation: fadeIt 750ms ease-out;
    -moz-animation: fadeIt 750ms ease-out;
    -o-animation: fadeIt 750ms ease-out;
    animation: fadeIt 750ms ease-out;
}

@-webkit-keyframes fadeIt {
    0% {
        background-color: khaki;
    }

    50% {
        background-color: khaki;
    }

    100% {
        background-color: transparent;
    }
}

@-moz-keyframes fadeIt {
    0% {
        background-color: khaki;
    }

    50% {
        background-color: khaki;
    }

    100% {
        background-color: transparent;
    }
}

@-o-keyframes fadeIt {
    0% {
        background-color: khaki;
    }

    50% {
        background-color: khaki;
    }

    100% {
        background-color: transparent;
    }
}

@keyframes fadeIt {
    0% {
        background-color: khaki;
    }

    50% {
        background-color: khaki;
    }

    100% {
        background-color: transparent;
    }
}

/******End Task & Checklist - Fade in & out******/

.checklist-row {
    padding-left: 5px;
}


.dailyreport-task-container .list-editor-rows .checklist-row + .checklist-row {
    border-top: 1px solid #eee;
}

.daily-report-wrapper-container .checklist-row:last-child {
    border-bottom: 0;
}

/*Dashboard*/
.dashboard-index {
    padding-top: 15px;
    padding-bottom: 15px;
}

.dashboard-index hr, #fullscreen-task-view hr {
    border-top: 1px solid #999;
}


.dashboard-index .col1 {
    border: none;
    padding-right: 15px;
}

.dashboard-index .col2 {
    padding-left: 15px;
    padding-right: 15px;
}

.dashboard-index .section-title,
.medical-reminders-title .section-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1;
    margin-top: 9px;
    margin-right: 10px;
}

.dashboard-index hr.divider-load-more {
    margin-bottom: 15px;
}

.dashboard-index .section-title .help-video {
    z-index: 2;
    position: relative;
    margin-left: 5px;
}

#medical-reminder-schedule.allow-fullscreen .medical-reminders-title .section-title {
    font-weight: 300;
    text-transform: none;
    font-size: 32px;
    width: calc(100% - 31px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#medical-reminder-schedule.allow-fullscreen .reminders-filter-panel {
    border-color: #999;
}

.medical-reminders-title .dropdown-menu,
.medical-reminders-filters .dropdown-menu {
    z-index: 1001;
}

.animal-view .view-animal-header div.dropdown .dropdown-menu {
    margin-top: 5px;
    min-width: 140px;
}

.animal-view .view-animal-header div.dropdown .dropdown-toggle {
    margin-left: -7px;
    border-left: 1px solid #15569f;
    padding: 10px 10px;
}

.animal-view .view-animal-header div.dropdown,
.animal-view .view-animal-header h2 {
    display: inline;
    font-size: 32px;
}

.animal-view .view-animal-header {
    margin-top: 21px;
    margin-bottom: 10.5px;
}

.navbar .container.header-section .nav.navbar-nav .dropdown-menu.no-profile > li > a {
    min-width: 215px;
    max-width: 450px;
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

.medical-reminders-title .bootstrap-switch-wrapper {
    margin-left: 5px;
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-container {
    white-space: nowrap;
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    font-size: 11px;
}


.dashboard-index #loading.modal,
.dailyreport-edit #loading.modal,
.dailyreport-view #loading.modal,
.medical-add #loading.modal,
.medical-edit #loading.modal,
.medical-view #loading.modal,
.section-index #loading.modal,
.welfare-progress #loading.modal {
    background-color: rgba(0, 0, 0, 0.5);
}

#force-refresh.modal {
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 1100;
}

.dashboard-index #loading.modal .progress-bar-striped {
    width: 100%;
}

.dashboard-date {
    margin-top: 0;
}


.stacking-date {
    text-align: center;
    font-size: 13px;
}


.stacking-date h5, .stacking-date h2 {
    padding: 0;
    margin: 0;
    font-weight: bold;
}

.stacking-date h5 {
    text-transform: uppercase;
    font-size: 15px;
}

.stacking-date h2 {
    line-height: 20px;
}

@media (max-width: 768px) {
    .dashboard-index {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 550px) {
    .dashboard-index {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 768px) {
    .dashboard-index .col1 {
        padding-right: 40px;
    }

    .dashboard-index .col2 {
        padding-right: 40px;
    }
}

@media (min-width: 992px) {
    .dashboard-index .col1 {
        border-right: 1px solid #e6e6e6;
        padding-right: 40px;
    }

    .dashboard-index .col2 {
        padding-left: 40px;
        border-left: 1px solid #e6e6e6;
        margin-left: -1px;
    }
}

/* Weather icon mapping*/
.wi-wwo-395:before {
    content: "\f00a";
}

.wi-wwo-392:before {
    content: "\f06b";
}

.wi-wwo-389:before {
    content: "\f010";
}

.wi-wwo-386:before {
    content: "\f005";
}

.wi-wwo-377:before {
    content: "\f0b5";
}

.wi-wwo-374:before {
    content: "\f0b2";
}

.wi-wwo-371:before {
    content: "\f06b";
}

.wi-wwo-368:before {
    content: "\f00a";
}

.wi-wwo-365:before {
    content: "\f068";
}

.wi-wwo-362:before {
    content: "\f0b2";
}

.wi-wwo-359:before {
    content: "\f019";
}

.wi-wwo-356:before {
    content: "\f019";
}

.wi-wwo-353:before {
    content: "\f01a";
}

.wi-wwo-350:before {
    content: "\f0b5";
}

.wi-wwo-338:before {
    content: "\f01b";
}

.wi-wwo-335:before {
    content: "\f064";
}

.wi-wwo-332:before {
    content: "\f01b";
}

.wi-wwo-329:before {
    content: "\f01b";
}

.wi-wwo-326:before {
    content: "\f00a";
}

.wi-wwo-323:before {
    content: "\f00a";
}

.wi-wwo-320:before {
    content: "\f0b5";
}

.wi-wwo-317:before {
    content: "\f0b5";
}

.wi-wwo-314:before {
    content: "\f0b5";
}

.wi-wwo-311:before {
    content: "\f0b5";
}

.wi-wwo-308:before {
    content: "\f019";
}

.wi-wwo-305:before {
    content: "\f01a";
}

.wi-wwo-302:before {
    content: "\f019";
}

.wi-wwo-299:before {
    content: "\f01a";
}

.wi-wwo-296:before {
    content: "\f019";
}

.wi-wwo-293:before {
    content: "\f013";
}

.wi-wwo-284:before {
    content: "\f0b2";
}

.wi-wwo-281:before {
    content: "\f076";
}

.wi-wwo-266:before {
    content: "\f013";
}

.wi-wwo-263:before {
    content: "\f01a";
}

.wi-wwo-260:before {
    content: "\f014";
}

.wi-wwo-248:before {
    content: "\f014";
}

.wi-wwo-230:before {
    content: "\f064";
}

.wi-wwo-227:before {
    content: "\f01b";
}

.wi-wwo-200:before {
    content: "\f01e";
}

.wi-wwo-185:before {
    content: "\f0b5";
}

.wi-wwo-182:before {
    content: "\f0b5";
}

.wi-wwo-179:before {
    content: "\f017";
}

.wi-wwo-176:before {
    content: "\f04e";
}

.wi-wwo-143:before {
    content: "\f01c";
}

.wi-wwo-122:before {
    content: "\f00c";
}

.wi-wwo-119:before {
    content: "\f041";
}

.wi-wwo-116:before {
    content: "\f002";
}

.wi-wwo-113:before {
    content: "\f00d";
}

/* DarkSky Weather icon Mapping */
.wi-dark-sky-clear-day:before {
    content: "\f00d";
}

.wi-dark-sky-clear-night:before {
    content: "\f02e";
}

.wi-dark-sky-rain:before {
    content: "\f019";
}

.wi-dark-sky-snow:before {
    content: "\f01b";
}

.wi-dark-sky-sleet:before {
    content: "\f0b5";
}

.wi-dark-sky-wind:before {
    content: "\f050";
}

.wi-dark-sky-fog:before {
    content: "\f014";
}

.wi-dark-sky-cloudy:before {
    content: "\f013";
}

.wi-dark-sky-partly-cloudy-day:before {
    content: "\f002";
}

.wi-dark-sky-partly-cloudy-night:before {
    content: "\f031";
}

.wi-dark-sky-hail:before {
    content: "\f015";
}

.wi-dark-sky-thunderstorm:before {
    content: "\f01e";
}

.wi-dark-sky-tornado:before {
    content: "\f056";
}

/* OpenWeatherMap Icon Mapping */
.wi-01d:before {
    content: "\f00d";
}

.wi-01n:before {
    content: "\f02e";
}

.wi-02d:before {
    content: "\f002";
}

.wi-02n:before {
    content: "\f086";
}

.wi-03d:before,
.wi-03n:before {
    content: "\f041";
}

.wi-04d:before,
.wi-04n:before {
    content: "\f013";
}

.wi-50d:before,
.wi-50n:before {
    content: "\f014";
}

.wi-13d:before,
.wi-13n:before {
    content: "\f076";
}

.wi-10d:before {
    content: "\f0b2";
}

.wi-10n:before {
    content: "\f0b3";
}

.wi-9d:before,
.wi-9n:before {
    content: "\f019";
}

.wi-11d:before {
    content: "\f01e";
}


/* Weather Styles */
.weather-info .weather-today, .weather-info .weather-top, .weather-info .weather-today-top, .weather-info .weather-today-now,
.weather-info .weather-today-icon, .weather-info .weather-today-temperature, .weather-info .weather-today-hilo,
.weather-info span.weather-today-hi, .weather-info span.weather-today-hi:after {
    float: left;
}

.weather-info ul.weather-forecast li,
.weather-info ul.weather-hourly li {
    display: inline-block;
}

#weather-error {
    position: absolute;
}

.weather-info {
    min-height: 165px;
    margin-bottom: 25px;
}

.weather-info .weather-today-top {
    margin-right: 15px;
    display: flex;
}

.weather-info .weather-today-top .weather-today-temperature {
    margin-left: 15px;
}

.weather-info .weather-today-bottom {
    font-weight: normal;
    margin-top: 7px;
    clear: both;
}

.weather-info .weather-today-bottom h4 {
    text-transform: none;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    color: #999;
}

.weather-info .weather-today-bottom p {
    font-size: 12px;
    color: #999;
    margin-bottom: 0;
}

.weather-info .weather-today-bottom .weather-as-of-container {
    font-size: 10px;
}

.weather-section-locations .weather-info .weather-location-container {
    display: flex;
}

.weather-info .weather-location-container {
    display: none;
}

.weather-info .weather-location-container .glyphicon-chevron {
    min-width: 0;
    top: 0;
}

.weather-info .weather-location-container .glyphicon-chevron.disabled {
    color: #ddd;
    pointer-events: none;
}

.date-and-weather.weather-section-locations .weather-info .weather-location-container {
    display: flex;
    align-content: center;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 0;
    gap: 5px;
}

.date-and-weather .weather-info .weather-location-wrapper {
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
    display: flex;
    max-width: 94%;
    gap: 5px;
    margin: 0 5px;
    flex-grow: 1;
}

.panel-measurement .list-measurements-container::-webkit-scrollbar,
.date-and-weather .weather-info .weather-location-wrapper::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}

.weather-info .weather-location:not(.active):hover {
    background-color: #f0f0f0;
    border-color: #aaa;
}

.date-and-weather.weather-section-locations .weather-info .weather-location-title {
    margin-top: 0;
}

.date-and-weather .weather-info .weather-location-title {
    display: block;
    min-height: 28px;
    font-size: 19px;
    padding: 10px 0;
    margin-top: -15px;
}

.filter-measurement-container .select2-selection .unit-container {
    display: flex;
    align-items: center;
    gap: 5px;
}

.filter-measurement-container .select2-selection .unit-container .unit-name {
    max-width: 75%;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
}

.filter-measurement-container .unit-container .unit-tag {
    font-size: 11px;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    padding: 0px 5px;
    background-color: #fff;
    line-height: 1.5em;
}

.weather-info .weather-location {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 5px 10px;
    font-size: 11px;
    white-space: nowrap;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.2em;
    color: #333;
}

.date-and-weather .weather-location-container .weather-location.active {
    background-color: #000;
    color: #fff;
}

.date-and-weather .weather-location-title .weather-toggle-container a,
.date-and-weather .weather-location-container .weather-location.active {
    pointer-events: none;
}

.weather-info .weather-location-container .glyphicon {
    color: #333;
}

.weather-info .weather-location-container .glyphicon:hover {
    color: #165ba8;
}

@media (min-width: 900px) {
    #weather-display-order-modal .modal-dialog {
        width: 820px;
    }

    #weather-display-order-modal .spinner {
        left: 45%;
    }
}

#weather-display-order-modal .row .checkbox label.checklist-checkbox .align-middle {
    margin-left: 10px;
}

.checkbox label.checklist-checkbox .align-middle,
.align-middle {
    display: flex;
    align-items: center;
    flex-direction: column;
}

#weather-display-order-modal .modal-header {
    display: flex;
    align-items: center;
}

#weather-display-order-modal .row .checkbox {
    padding-left: 25px;
    padding-top: 5px;
}

#weather-display-order-modal .row .checkbox input[type="checkbox"]:not(.checkbox-nolabel) ~ label::before,
#weather-display-order-modal .row .checkbox input[type="checkbox"]:not(.checkbox-nolabel) ~ label::after {
    margin-top: 3px;
}

#weather-display-order-modal .detail-container ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#weather-display-order-modal .row.thead:first-child {
    margin-top: 0;
    margin-bottom: 0px;
    display: inline-block;
    position: sticky;
    top: 0px;
    background-color: white;
    z-index: 3;
    font-weight: 600;
}

#weather-display-order-modal .row:not(.thead):first-child {
    margin-top: 0;
}

#weather-display-order-modal .row {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ddd;
    height: 100%;
    margin-left: 0;
    padding-left: 0px;
    padding-right: 0px;
}

#weather-display-order-modal .row:last-child {
    border: none;
}

#weather-display-order-modal .modal-body {
    min-height: 500px;
    padding: 15px;
    padding-top: 0;
    padding-bottom: 0;
    overflow-y: auto;
}

#weather-display-order-modal .modal-body .modal-body-content .section-sort-order {
    line-height: 1.3;
}

#weather-display-order-modal .spinner {
    opacity: 100;
}

#weather-display-order-modal .section-sort-order ul {
    padding-left: 0px;
    margin-top: auto;
    margin-bottom: auto;
    list-style-type: none;
}

@media(max-width: 767px) {
    #weather-display-order-modal .grey-messagebox .glyphicon {
        top: 4px;
    }

    .weather-info #weather-display-order-modal .grey-messagebox.custom-messagebox {
        align-items: start;
    }

    #weather-display-order-modal .row.section-sort-order .drag-handle {
        height: 32px;
    }

    #weather-display-order-modal .section-sort-order .align-middle {
        align-items: inherit;
    }

    #weather-display-order-modal .section-sort-order .align-middle,
    #weather-display-order-modal .section-sort-order .valign-middle {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 10px;
    }

    #weather-display-order-modal .section-sort-order .checklist-checkbox label span {
        width: 160px;
        display: block;
    }
}

#weather-display-order-modal .section-sort-order .Address-container .Address {
    display: block;
}


@media (max-width: 767px) {
    #weather-display-order-modal .section-sort-order .Address-container {
        padding-left: 25px;
    }

    #weather-display-order-modal .section-sort-order .detail-container {
        padding-right: 0;
        padding-left: 25px;
    }

    #weather-display-order-modal .section-sort-order .detail-container ul li {
        padding-bottom: 15px;
    }
}

#weather-display-order-modal .section-sort-order .detail-container ul li {
    display: flex;
    gap: 5px;
    justify-content: start;
}

#weather-display-order-modal .section-sort-order .detail-container .fa {
    margin-top: 2px;
}

#weather-display-order-modal .section-sort-order .detail-container .fullPath,
#weather-display-order-modal .section-sort-order .detail-container .facility {
    display: block;
}

#weather-display-order-modal .modal-footer button {
    margin-left: 10px;
}

.date-and-weather:not(.weather-section-locations) .weather-location-container .glyphicon-chevron {
    display: none;
}

.date-and-weather .weather-location-title .weather-location {
    pointer-events: none;
}

.date-and-weather .weather-location-title a {
    color: #000;
    text-transform: uppercase;
    text-wrap: auto;
    background: #fff;
    border: none;
    font-size: inherit;
}

.date-and-weather .weather-location-title {
    color: #000;
    text-transform: uppercase;
}

.date-and-weather .weather-location-title .glyphicon.glyphicon-cog:hover {
    color: #2780e3;
}

.date-and-weather .weather-location-title .glyphicon.glyphicon-cog {
    font-size: 15px;
    margin-right: 5px;
}

.weather-info .weather-today-icon {
    font-size: 40px;
    margin-top: 10px;
}

.weather-info .weather-today-now {
    font-size: 50px;
    font-weight: bold;
    margin-top: 20px;
    line-height: 10px;
}

.weather-info .weather-today-now:after {
    font-weight: normal;
    font-size: 20px;
    float: right;
    margin-top: -8px;
}

.weather-info .weather-today-hilo {
    margin-top: 14px;
    clear: both;
    font-size: 18px;
}

.weather-info .weather-forecast-template,
.weather-info .weather-hourly-template {
    display: none;
}

.weather-info ul.weather-forecast,
.weather-info ul.weather-hourly {
    list-style: none;
    margin-top: 5px;
    padding-left: 0;
    overflow: auto;
    white-space: nowrap;
    float: none;
}

.weather-info ul.weather-forecast li,
.weather-info ul.weather-hourly li {
    margin-right: 13px;
    font-size: 20px;
    text-align: center;
    min-width: 40px;
}

.weather-info ul.weather-forecast li,
.weather-info ul.weather-hourly li {
    margin-bottom: 15px;
}

.weather-info ul.weather-forecast li p,
.weather-info ul.weather-hourly li p {
    margin-bottom: 0;
}

.weather-info ul.weather-forecast li p:first-child,
.weather-info ul.weather-hourly li p:first-child {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 13px;
    text-transform: uppercase;
}

.weather-info ul.weather-forecast li i,
.weather-info ul.weather-hourly li i {
    font-size: 25px;
    margin-bottom: 10px;
}

.weather-info span.weather-today-hi:after,
.weather-info span.weather-today-lo:after,
.weather-info ul.weather-forecast li p:nth-of-type(2):after,
.weather-info ul.weather-forecast li p:nth-of-type(3):after,
.weather-info ul.weather-hourly li p:nth-of-type(2):after,
.weather-info ul.weather-hourly li p:nth-of-type(3):after {
    font-weight: normal;
    font-size: 10px;
    margin-top: 5px;
    float: right;
}

.weather-info .weather-low-temp,
.weather-hourly .weather-feelsLike {
    color: #999;
}

.weather-hourly .weather-feelsLike {
    font-size: 18px;
}

.weather-unit-farenheit .degree-unit:after {
    content: "\2109";
}

.weather-unit-celcius .degree-unit:after {
    content: "\2103";
}

.weather-unit-kelvin .degree-unit:after {
    content: "\212A";
}

.weather-info .weather-feelsLike:after {
    font-size: 11px;
}

.weather-toggle-pull-right-container .weather-toggle-container {
    display: block;
    position: relative;
    margin-top: 0;
    right: 0;
    top: -2px;
}

.weather-toggle-container {
    position: absolute;
    right: 25px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.resource-allocation-menu .section-toggle-container {
    float: right;
    font-size: 13px;
    font-weight: 600;
}

.resource-allocation-menu .section-toggle-container {
    margin-left: 5px;
}

.weather-toggle-container .wt-separator, .resource-allocation-menu .section-toggle-container .st-separator {
    margin: 0 5px;
    color: #999;
}

.resource-allocation-menu .message-no-section-found a {
    color: #2780e3;
}

.weather-toggle-container .wt-hourly,
.weather-toggle-container .wt-daily,
.resource-allocation-menu .section-toggle-container .st-status {
    cursor: pointer;
}

.weather-info .show-daily .wt-daily,
.weather-info .show-hourly .wt-hourly {
    pointer-events: none;
}

.weather-toggle-container .wt-hourly:hover,
.weather-toggle-container .wt-daily:hover {
    border-bottom: 1px solid #2780e3;
    color: #2780e3;
}

.weather-contents.show-hourly .weather-forecast,
.weather-contents.show-daily .weather-hourly {
    display: none;
}

.weather-contents.show-hourly .weather-toggle-container .wt-daily,
.weather-contents.show-daily .weather-toggle-container .wt-hourly {
    color: #2780e3;
}

@media (max-width: 1199px) {
    .weather-info .weather-today-bottom {
        display: inline-block;
    }

    #daily-report-header .flags-container .flag-daily-report:first-child {
        float: right;
    }

    #daily-report-header .flags-container ul.flags li:nth-child(2) {
        margin-left: 2px;
    }

    #daily-report-header .daily-report-importance label,
    #daily-report-header .flags-container .flag-editor label {
        padding-left: 0;
    }

    #daily-report-header .flags-container .flags-vertical label {
    }
}

@media (max-width: 320px) {
    .weather-info .weather-today {
        margin-bottom: 0;
    }

    .weather-info ul.weather-forecast {
        margin-top: -10px;
    }

    .weather-info ul.weather-forecast li {
        margin-top: 15px;
    }
}

@media (min-width: 480px) (max-width: 767px) {
    .dashboard-index #checklist .spinner.checklist {
        top: 200px;
    }
}

@media(max-width: 479px) {
    .dashboard-index #checklist .spinner.checklist {
        top: 200px;
    }
}


@media (min-width: 768px) {
    .dashboard-index #checklist .spinner.checklist {
        top: 220px;
    }
}

.dashboard-index #medical-record-reminder-cards .spinner.medical-taskcard-spinner {
    top: 220px;
}

.date-and-weather .weather-info.no-data #weather-error {
    margin-top: -3px;
    z-index: 2;
}

.date-and-weather .weather-info.no-data.no-chosen-preference .weather-location-title,
.date-and-weather .weather-info.retrieved-data .weather-section {
    opacity: 1;
}

#checklist .list-editor-rows,
#checklist .checklist-placeholder,
#checklist .spinner.checklist,
.medical-records-reminders .spinner.medical-taskcard-spinner,
.date-and-weather .weather-section,
.spinner.medical-taskcard-spinner,
#medical-record-reminder-cards #medical-taskcard-container {
    opacity: 0;
}

#checklist .spinner.checklist,
#medical-record-reminder-cards .spinner,
.weather-info .spinner {
    position: absolute;
}

#medical-record-reminder-cards #animal-load {
    position: static;
}

.weather-info .spinner {
    left: 42%;
    top: 50%;
}

#medical-record-reminder-cards .spinner.medical-taskcard-spinner,
#checklist .spinner.checklist {
    left: 50%;
    transform: translateX(-50%);
}

.dailyreport-medicalreminder-outer-container #medical-record-reminder-cards .spinner.medical-taskcard-spinner,
.dailyreport-task-container #checklist .spinner.checklist {
    top: 185px;
}

.manage-hashtag-list-content .spinner,
.managehashtag-wrapper .spinner {
    position: absolute;
    left: 50%;
    margin-top: 10%;
    transform: translateX(-50%);
}

#loading.spinner, #loading-notification, .tenant-loading, .checklist-loading {
    position: absolute;
    margin: auto;
    margin-top: 175px;
    left: 0;
    right: 0;
    z-index: 1;
    display: none;
}

.checklist-loading {
    top: 50%;
    transform: translateY(-50%);
}

#loading-notification.notification {
    margin-top: 11px;
}

.login-customer #loading.spinner {
    margin-top: 130px;
}

.login-container .tenant .tenant-loading {
    top: 50%;
    margin-top: -11px;
}

.facility-name {
    -webkit-animation: fadein 2s ease-in forwards;
    animation: fadein 2s ease-in forwards;
}

#loading.spinner.fade-in,
#checklist .list-editor-rows.fade-in,
#checklist .checklist-placeholder.fade-in, #checklist .spinner.fade-in,
.medical-records-reminders #medical-reminder-contents.fade-in,
.medical-records-reminders .spinner.fade-in,
.weather-contents.fade-in, .weather-info .spinner.fade-in, .weather-info #weather-error.fade-in,
.spinner.medical-taskcard.fade-in,
#medical-taskcard-container.fade-in,
.dailyreport-medicalreminder-outer-container .medical-taskcard-spinner.fade-in,
#medical-record-reminder-cards .medical-taskcard-spinner.fade-in,
#medical-taskcard-container .medical-taskcard-view.fade-in,
.dashboard-index .filtered-dashboard-task .schedules-container.fade-in {
    -webkit-animation: fadein 2s linear forwards;
    animation: fadein 2s linear forwards;
}

#loading.spinner.fade-out,
#checklist .spinner.fade-out,
#checklist .list-editor-rows.fade-out,
#checklist .checklist-placeholder.fade-out,
.medical-records-reminders .spinner.fade-out,
.medical-records-reminders #medical-reminder-contents.fade-out,
.dailyreport-medicalreminder-outer-container .medical-taskcard-spinner.fade-out,
.weather-info .spinner.fade-out, .weather-info #weather-error.fade-out,
.dashboard-index .filtered-dashboard-task .schedules-container.fade-out {
    -webkit-animation: fadeout 1s linear forwards;
    animation: fadeout 1s linear forwards;
}

/* End Weather Styles */
/* Spinner Styles */

.spinner {
    margin: auto;
    width: 70px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.nprogress-loader:after,
.loader-on-scroll {
    background: url("/Content/images/ajax-loader.gif") no-repeat;
    background-position: center;
    height: 50px;
    width: 100%;
    content: '';
    display: none;
}

.panel-note-container .nprogress-loader:after {
    position: absolute;
    top: 50%;
}

#measurement-modal .nprogress-loader:after {
    height: 16px;
    width: 16px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.nprogress-busy .nprogress-loader:after {
    display: block !important;
}

#nprogress .bar {
    background: #83d429 !important;
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    100% {
        opacity: 0;
    }

    0% {
        opacity: 1;
    }
}

@keyframes fadeout {
    100% {
        opacity: 0;
    }

    0% {
        opacity: 1;
    }
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #ccc;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

#fullscreen-task-view .spinner > div {
    background-color: #7d7d7d;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.medical-reminders-title .medical-reminders-waitoverlay {
    position: absolute;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 1000;
    opacity: .8;
    height: 100vh;
    height: -webkit-fill-available;
    height: -moz-available;
    min-height: 100%;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

/* End Spinner Styles */

/* Dashboard - Medical Records Reminders */
.medical-records-reminders {
    min-height: 250px;
    margin-bottom: 25px;
}

.section-title {
    float: left;
    display: inline-block;
}


.select-day-filter {
    width: 110px !important;
    float: left;
    border-right: 0;
}

.medical-records-reminders .med-rec-header {
    font-weight: bold;
    text-transform: uppercase;
}

.medical-records-reminders .med-rec-header .badge {
    margin-left: 5px;
    background-color: #999;
    margin-top: -3px;
}

.medical-records-reminders .med-rec-contents {
    list-style: none;
    padding-left: 0;
}

.medical-records-reminders .med-rec-row {
    border-bottom: 1px solid #e6e6e6;
    overflow: auto;
    padding: 10px 0 15px 10px;
    cursor: pointer;
}

.medical-records-reminders .med-rec-records ul {
    list-style: none;
    padding-left: 0;
    color: #999;
    font-size: 13px;
}

.medical-records-reminders .med-rec-records,
.medical-records-reminders .med-rec-date {
    float: left;
}

.medical-records-reminders .med-rec-date {
    margin-right: 15px;
}

.medical-records-reminders .med-rec-records ul {
    list-style: none;
    padding-left: 0;
    color: #999;
    font-size: 13px;
}

.medical-records-reminders .med-rec-records ul li {
    margin: 5px 0 0 0;
    display: block;
    height: auto;
}

.medical-records-reminders .med-rec-records .med-rec-record-container {
    width: auto;
    overflow: hidden;
}

.medical-records-reminders .med-rec-records .checkbox {
    margin-bottom: 0;
    float: left;
}

.medical-records-reminders .medical-label-user {
    display: block;
}

.medical-label-user-icon {
    font-size: 12px;
}

.medical-records-reminders .med-rec-records ul li b {
    font-style: normal;
    text-transform: none;
    font-size: 12px;
    padding-right: 5px;
}

.medical-records-reminders .med-rec-records .med-rec-record-details {
    text-transform: uppercase;
    font-size: 10px;
}

.medical-records-reminders .med-rec-records .label {
    margin-right: 5px;
}

.medical-records-reminders .med-rec-records .label.prescription {
    background-color: mediumpurple;
}

.medical-records-reminders .med-rec-records .label.vaccines {
    background-color: coral;
}

.medical-records-reminders .med-rec-records .label.other-treatments {
    background-color: mediumseagreen;
}

.medical-records-reminders .med-rec-contents h5 {
    padding: 0;
    margin: 0;
    font-weight: bold;
    display: inline-block;
}

/* End Dashboard - Medical Records Reminder*/

.medical-records-reminders .med-rec-records {
    width: 82%;
}


#checklist .dashboard-contents-records {
    white-space: normal;
    position: relative;
}

#checklist .checklist-dailyreport {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 28px;
    padding-left: 13px;
    position: relative;
}

#checklist .checklist-row {
    padding: 10px;
}

#checklist .checklist-row .checklist-checkbox {
    padding-top: 0;
}

#monthly .listed-event .event-detail .event-content {
    position: relative;
}

.dashboard-contents-records.checklist-check-item:before,
#checklist .checklist-dailyreport:before,
#monthly .listed-event .event-detail .event-content:before {
    content: ' ';
    width: 5px;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
}

.dashboard-contents.importance2 .dashboard-contents-records.checklist-check-item:before,
.checklist-row.importance2 .checklist-dailyreport:before,
.listed-event.importance2 .event-detail .event-content:before {
    background: #ff7518;
}

.dashboard-contents.importance3 .dashboard-contents-records.checklist-check-item:before,
.checklist-row.importance3 .checklist-dailyreport:before,
.listed-event.importance3 .event-detail .event-content:before {
    background: #ff0039;
}

@media (min-width: 768px) {
    .medical-records-reminders .med-rec-records {
        width: 87%;
    }

    .animal-index .navbar-right {
        margin-right: 0;
    }
}

.dailyreport-view #checklist .list-editor-rows,
.dailyreport-edit #checklist .list-editor-rows,
.dailyreport-view #medical-taskcard-container,
.dailyreport-edit #medical-taskcard-container,
.dailyreport-edit #weather-card-container,
.dailyreport-view #weather-card-container,
.dailyreport-edit #item-card-container,
.dailyreport-view #item-card-container,
.dailyreport-edit #general-note-container,
.dailyreport-view #general-note-container,
.dailyreport-weather-container .detail-weather {
    /* min, max & height is needed to for autoexpand animation to work */
    min-height: 342px;
    max-height: 342px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.device-firefox .dailyreport-view #checklist .list-editor-rows,
.device-firefox .dailyreport-edit #checklist .list-editor-rows,
.device-firefox .dailyreport-view #medical-taskcard-container,
.device-firefox .dailyreport-edit #medical-taskcard-container,
.device-firefox .dailyreport-edit #weather-card-container,
.device-firefox .dailyreport-view #weather-card-container,
.device-firefox .dailyreport-edit #item-card-container,
.device-firefox .dailyreport-view #item-card-container,
.device-firefox .dailyreport-edit #general-note-container,
.device-firefox .dailyreport-view #general-note-container,
.device-firefox .dailyreport-weather-container .detail-weather {
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}


#item-card-container,
#general-note-container {
    padding-top: 5px;
}

.dailyreport-general-notes-container .time-schedule-template-info {
    display: none;
}

@media (min-width: 992px) {
    .dailyreport-edit #weather-card-container .form-group.weather-location-container {
        padding-top: 15px;
    }
}

@media (min-width: 1200px) {
    .medical-records-reminders .med-rec-records {
        width: 90%;
    }
}

#checklist .dashboard-contents-records h5 {
    display: inline;
    margin-right: 5px;
}

#checklist .task-completed .dashboard-contents-records h5, #monthly .task-completed .event-title, #checklist .task-completed .checklist-label-text {
    text-decoration: line-through;
    color: #999;
}

#checklist .dashboard-contents-records .checklist-label-user, .checklist-label-completed {
    width: 100%; /* bug fix for safari */
}

#checklist .dashboard-contents-records ul li {
    margin-right: 10px;
}

.checklist-assign-to.template {
    display: none;
}

.checklist-assign-to ~ .checklist-assign-to {
    margin-left: 1px;
}

.checklist-assign-to-all {
    color: #2780e3;
    font-weight: bold;
}

.select2-results__option--highlighted .checklist-assign-to-all {
    color: #fff;
}

li.select2-highlighted .checklist-assign-to-all {
    color: white;
}

.date-and-weather.weather-section-locations hr {
    margin-top: 17px;
    margin-bottom: 17px;
}

.date-and-weather.weather-section-locations {
    margin-top: -10px;
}

/* Start Dashboard - Task and Checklist */
.facility-name {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 12px;
    margin-top: -10px;
    color: #333333;
    text-transform: capitalize;
    font-family: 'Noto Sans', sans-serif;
    line-height: 1.1em;
}

.dashboard-contents + .dashboard-contents {
    margin-top: -10.5px;
}

.dashboard-contents + .dashboard-contents,
.medical-group-rows .medical-taskcard-view + .medical-taskcard-view {
    border-top: 1px solid #efefef;
}

.medical-taskcard-view .medical-taskcard-content .divider {
    margin-left: 3px;
    margin-right: 3px;
}

.dashboard-contents-date .dashboard-month-name,
.checklist-check-group .checklist-label-text {
    padding: 0;
    margin: 0;
}

.taskchecklist-label-container .task-name-text,
.checklist-check-group .checklist-label-text {
    font-weight: bold;
}

.dashboard-contents-date .dashboard-date:empty {
    display: none;
}

#medical-record-reminder-cards .dashboard-contents-date {
    display: none;
}

.dashboard-contents-details, .checklist-label-user-text {
    font-size: 12px;
    white-space: pre-wrap;
}

.dashboard-contents-row,
.medical-group-rows .medical-taskcard-view {
    min-height: 80px;
}

@media(min-width: 768px) {
    .dashboard-index #medical-record-reminder-cards .row-filtered-medical-reminder:not(.no-task) ul.medical-group-rows {
        margin-left: 10px;
    }
}

@media (min-width: 375px) {
    .dashboard-contents-row {
        padding: 15px 15px 10px 15px;
    }

    .medical-group-rows .medical-taskcard-view {
        padding: 15px 15px 15px 5px;
    }


    #checklist .dashboard-contents-records {
        padding-left: 13px;
    }
}

@media (max-width: 374px) {
    .dashboard-contents-row {
        padding: 15px 5px 10px 5px;
    }

    .medical-group-rows .medical-taskcard-view {
        padding: 15px 5px 15px 5px;
    }

    .medical-group-rows .medical-taskcard .checkbox {
        margin-left: 0px !important;
    }

    #checklist .dashboard-contents-records {
        padding-left: 5px;
    }

    .medical-group-rows .medical-taskcard .medical-taskcard-checkbox {
        margin-right: 0 !important;
    }
}


.dashboard-contents-row {
    margin-bottom: 10px;
}

.medical-group-rows .medical-taskcard-view {
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
}

.dashboard-contents-row .checkbox label {
    cursor: default;
}

input[type=checkbox].checkbox-nolabel {
    margin: -7px 0 0px -26px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.dashboard-header {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
    border-bottom: 1px solid #999;
    padding-bottom: 15px;
}

.filter-measurement-container .custom-dropdown-filter .filter-count {
    height: 100%;
    background-color: #999;
}

.dashboard-header .badge,
.medical-tasks-group-count,
.task-checklist-group-count,
.medical-filter-section-count,
.medical-filter-animal-count,
.medical-filter-animal-group-count,
.task-filter-assigned-count,
.panel-heading .badge.animal-groups-count,
.items-count,
#addResourceModal .resource-allocation .badge {
    margin-left: 5px;
    background-color: #999;
    margin-top: -3px;
}

.measurement-item-wrapper .badge.items-count {
    margin-top: 3px !important;
    float: right;
    background: #999;
}

.badge[data-count] {
    background-color: #2780e3 !important;
    color: #fff !important;
}

.animalgroups-container .animalgroup-item.selected .badge[data-count],
.tabbable li.active .badge[data-count],
.resource-allocation-menu .list-container .selection-single-sections li.active .badge[data-count],
.section-layout .section-filter-container li.list-section-menu.active .badge[data-count],
.resource-keyword .selected .badge[data-count],
.resource-keyword-content-wrapper .selected .badge[data-count] {
    color: #2780e3 !important;
    background-color: #fff !important;
}

.checklist-placeholder ul,
.checklist-dailyreport ul,
.row-filtered-taskchecklist .dashboard-contents-records > ul,
.row-filtered-taskchecklist ul.checklist-group-rows,
.row-filtered-medical-reminder ul.medical-group-rows {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.checklist-placeholder ul .glyphicon, .checklist-dailyreport ul .glyphicon {
    top: 2px; /* Fix the icon alignment issue */
}

.checklist-dailyreport ul li {
    float: left;
    margin-right: 5px;
    width: 100%;
}

.section-title.with-control {
    display: inline-block;
    line-height: 1;
    margin: 8px 0;
}

#checklist hr.divider-checklist-header,
#medical-record-reminder-cards hr.divider-medical-header {
    margin-top: 15px;
}

#checklist hr.divider-checklist-header,
.dashboard-index #medical-record-reminder-cards hr.divider-medical-header {
    margin-bottom: 15px;
}

.dailyreport-medicalreminder-container #medical-record-reminder-cards hr.divider-medical-header {
    margin-bottom: 0;
}

.dashboard-index #checklist {
    margin-top: 5px;
}

.dashboard-index #checklist .custom-checklist-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.dashboard-index #checklist .custom-checklist-header .section-title.with-control {
    display: flex;
    align-items: center;
    margin: 0;
}


.custom-checklist-header .add-help-container {
    padding-top: 8px;
}

.dashboard-control .date-filter-group {
    display: inline;
    float: left;
}

.dashboard-control .form-control {
    font-size: 15px;
}

.dashboard-control .form-control[data-provide="datepicker"] {
    width: 110px;
}

.dashboard-control-group:not(:last-child) {
    padding-right: 0px;
}

#checklist .checklist-add {
    margin-left: 10px !important;
}

.item-add,
.checklist-add {
    display: block;
    line-height: 31px;
    width: 31px;
    text-align: center;
    cursor: pointer;
    float: right;
    margin-left: 15px;
}

.dailyreport-task-outer-container .item-add,
.dailyreport-task-outer-container .checklist-add {
    margin-left: auto;
}

.item-add:hover,
.checklist-add:hover {
    background-color: #dee7ef;
}

.checklist-add.disabled {
    cursor: default;
}

.checklist-add.disabled:hover {
    background-color: #fff !important;
}

.item-add:before,
.checklist-add:before {
    margin-left: 3px;
}

.item-title, .checklist-title, .daily-report-title, .medical-reminder-title, .weather-title, .item-title-attachment {
    text-transform: uppercase;
    line-height: 31px;
}

.dailyreport-attachment-container .daily-report-attachment-card.no-record {
    overflow-y: hidden;
}

.dailyreport-attachment-container .item-title-attachment .glyphicon {
    margin-left: 5px;
}

.dailyreport-attachment-container .item-title-attachment .glyphicon.glyphicon-info-sign {
    top: 2px;
}

.checklist-title,
.daily-report-group-header,
.medical-reminder-header,
.weather-header,
.item-header-attachment, .item-header {
    font-weight: bold;
    width: 100%;
}

.dashboard-index .medical-reminder-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.checklist-header,
.daily-report-group-header,
.weather-header,
.item-header-attachment, .item-header {
    border-bottom: 1px solid #999;
    padding-bottom: 5px;
    display: inline-table;
}

.dailyreport-task-container .checklist-header,
.dailyreport-task-container .item-title,
.dailyreport-task-container .checklist-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media(max-width: 479px) {
    .dailyreport-attachment-container .image-thumbnail-description {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .dailyreport-attachment-container .delete-container {
        position: absolute;
        top: 15px;
        right: 10px;
    }

    .dailyreport-attachment-container .row-margin-bottom {
        position: relative;
    }
}


.daily-report-group-header {
    margin-bottom: 10px;
}

.daily-report-group-title {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
}

.checklist-check-group,
.medical-check-group {
    display: flex;
}

.checklist-check-item.checkbox {
    display: inline-block;
    margin-top: 0px !important;
}

#checklist-detail-header .checklist-check-item.checkbox {
    margin-top: 2px !important;
}

.checklist-check-item.checkbox-container {
    margin-bottom: 0;
}

.checklist-placeholder .group hr {
    margin-top: -10px;
    margin-bottom: 0;
}

.checklist-placeholder > .group + .group {
    padding-top: 20px;
}

,
.medical-no-schedule {
    padding: 0;
    height: 60px;
    margin-bottom: 0;
    display: block;
    font-size: 13px;
}

.checklist-no-schedule,
.medical-no-schedule {
    margin-top: 10px;
}

.filter-measurement-container .search-filter-container .load-more,
#checklist .load-more,
#medical-record-reminder-cards .load-more,
.medical-reminders-filter .load-more {
    cursor: pointer;
    font-weight: bold;
    text-transform: capitalize;
}

.medical-record-header-filter .filter-animal-container,
#daily-report-summary-filter .filter-animal-section-container {
    display: inline;
    position: relative;
}

#daily-report-summary-filter .filter-animal-section-container {
    float: left;
}

.daily-report-summary .daily-report-summary-header-container,
.medical-reminders-filter li[data-group] {
    position: relative;
}

.medical-reminders-filter li[data-group] .spinner {
    left: 50%;
    z-index: 2;
    top: 65%;
}

#checklist .checklist-placeholder,
.dashboard-index #medical-record-reminder-cards #medical-taskcard-container {
    margin-top: 15px;
}

#checklist .checklist-placeholder > .group {
    border-top: 1px solid #999;
    padding-top: 15px;
    margin-top: 15px;
}

#checklist .group.hide-checklist-group .load-more {
    padding-bottom: 20px;
}

#checklist .group.hide-checklist-group .checklist-group-rows {
    display: none;
}

.dashboard-contents-records li,
.checklist-dailyreport li {
    margin: 2px 0 0 0;
}

#checklist .checklist-assign-to-container,
#monthly .checklist-assign-to-container,
#taskchecklist .checklist-assign-to-container {
    line-height: 1;
    position: relative;
}

.checklist-label-user-icon, .checklist-label-updated-icon {
    font-size: 12px;
}

.checklist-placeholder .group.last hr {
    display: none;
}

.taskchecklist-spinner.on-load, .payment-spinner {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: wait;
    display: none;
}

.taskchecklist-spinner.on-wait {
    position: fixed;
    cursor: wait;
    display: none;
    z-index: 1000;
    width: 100%;
}

@media(min-width: 768px) {
    .taskchecklist-spinner.on-wait {
        width: 598px;
    }
}

#payment-method {
    min-height: 150px;
}

.taskchecklist-spinner .modal-background, .payment-spinner .modal-background {
    background-color: white;
    opacity: 0.8;
    width: 100%;
    height: 100%;
}

.taskchecklist-spinner .spinner, .payment-spinner .spinner {
    position: absolute;
    top: 50%;
    left: 45%;
}

#taskchecklist .checkbox label[for="taskchecklist-complete"]::after {
    margin-left: -23px;
}

.taskchecklistreadonly .glyphicon-user,
.taskchecklistreadonly .glyphicon-time,
.taskchecklistreadonly .fa-user,
.checklist-assign-to-container .checklist-assign-to,
#table-task-summary-body .assigned-to .checklist-assign-to {
    font-family: inherit;
    font-size: 14px;
}

.taskchecklistreadonly .glyphicon-time {
    font-size: 15px;
    vertical-align: top;
}

.checklist-assign-to-container .checklist-assign-to,
#table-task-summary-body .assigned-to .checklist-assign-to {
    font-weight: bold;
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 1px;
    line-height: 1;
}

#table-task-summary-body .assigned-to .checklist-assign-to:not(:last-child) {
    margin-bottom: 2px !important;
}

#checklist .checklist-assign-to-container .checklist-assign-to,
#checklist .checklist-assign-to-container .checklist-assign-to.btn-group .btn,
#monthly .checklist-assign-to-container .checklist-assign-to,
#monthly .checklist-assign-to-container .checklist-assign-to.btn-group .btn,
#table-task-summary-body .checklist-assign-to,
#table-task-summary-body .checklist-assign-to.btn-group .btn {
    cursor: pointer;
    padding: 3px 7px;
    font-size: 11px;
}

#checklist .checklist-assign-to-container .checklist-assign-to.btn-group.open .btn,
#monthly .checklist-assign-to-container .checklist-assign-to.btn-group.open .btn,
#table-task-summary-body .checklist-assign-to.btn-group.open .btn,
.checklist-assign-to.btn-group.open .btn {
    background-color: #333;
}

#checklist .checklist-assign-to-container .checklist-assign-to.btn-group,
#monthly .checklist-assign-to-container .checklist-assign-to.btn-group,
#table-task-summary-body .checklist-assign-to.btn-group {
    padding: 0;
    position: static;
}

.checklist-assign-to-container .checklist-assign-to.fa-user,
.checklist-assign-to-container .checklist-assign-to.for-user,
#table-task-summary-body .assigned-to .checklist-assign-to.fa-user,
#table-task-summary-body .checklist-assign-to.for-user {
    background-color: #597eaa !important;
}

.checklist-assign-to-container .checklist-assign-to:first-child {
    margin-left: 0;
}

.taskchecklistreadonly .glyphicon-user.empty:before, .taskchecklistreadonly .glyphicon-time.empty:before,
.checklist-assign-to-container .checklist-assign-to.empty:before {
    content: '';
    margin: 0;
}

.taskchecklistreadonly .glyphicon-user:before, .taskchecklistreadonly .glyphicon-time:before {
    margin-right: 5px;
    font-size: 12px;
    font-family: 'Glyphicons Halflings';
}

.taskchecklistreadonly .fa-user:before,
.taskchecklistreadonly .fa-puzzle-piece:before,
.checklist-assign-to-container .checklist-assign-to:before,
#table-task-summary-body .assigned-to .checklist-assign-to:before {
    font-family: FontAwesome;
    font-size: 13px;
    margin-right: 5px;
    font-weight: normal;
}

.taskchecklistreadonly .label-duedate span {
    vertical-align: top;
}

.taskchecklistreadonly .checklist-AssignToUserId:empty {
    display: none;
}

.taskchecklistreadonly .checklist-SectionId:empty {
    display: none;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label.unselectable {
    cursor: default !important;
}

@-moz-document url-prefix() {
    #checklist input + .close-icon[for] {
        margin-left: -75px !important;
    }
}

input + .close-icon[for] {
    background-color: transparent;
    border: 1px solid transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
    position: absolute;
    width: 31px;
    height: 31px;
    padding: 0;
    padding-bottom: 2px;
    margin-left: -31px;
}

input + .close-icon[for] span {
    font-size: 11px;
}

#checklist .checklist-group-rows .dashboard-contents-row.hovered,
#checklist .checklist-row:not(.unhighlight):hover,
.medical-records-reminders .med-rec-row:hover,
.file-upload .list-editor-rows > .row:hover,
.file-upload-single .list-editor-rows > .row:hover,
#fullscreen-task-view #close-fullscreen:hover,
.task-reminder-container:hover,
.medical-taskcard-wrapper:hover,
#close-medical-schedules:hover,
.medical-taskcard-wrapper:hover .tagged-text.fa-hashtag:before,
.task-reminder-container:hover .tagged-text.fa-hashtag:before,
#close-medical-schedules:hover,
.medical-list .gridrow_alternate:hover,
.medical-list .gridrow:hover,
.animal-list .gridrow_alternate:hover,
.animal-list gridrow:hover,
#default-view .item-card:not([disabled]):hover,
#default-view .general-note-wrapper:not([disabled]):hover,
#addEditGoal .editor-goal-container .animal-container:hover,
.measurements-container .measurement-content-view:hover,
.medical-group-rows .medical-taskcard-view:hover {
    background-color: #dee7ef !important;
}

@media(max-width: 991px) {
    .dailyreport-edit .measurements-container .measurement-content-view:hover .measurement-details {
        background-color: #dee7ef !important;
    }
}


#default-view .welfare-checklist-detail .item-checklist:hover label {
    text-decoration: underline;
}

.checklist-group-rows .dashboard-contents-row,
#checklist .checklist-row {
    cursor: pointer;
}

#checklist input[type=checkbox] + .tooltip > .tooltip-inner {
    min-width: 185px;
}

.medical-reminders-filters .filter-nav-container {
    display: inline-block;
    margin-bottom: 5px;
    float: right;
}

.medical-reminders-title.list-mode .medical-reminders-filters .filter-nav-container {
    display: none;
}

.filter-btn-dropdown-container .reset-filter-container {
    top: 33.5px;
    right: 324px;
}

#checklist .taskchecklist-filter-status .remember-filter-container,
#medical-reminder-schedule .medical-reminders-filters .remember-filter-container,
#medical-record-reminder-cards .medical-reminders-filter .remember-filter-container {
    top: 31px;
    left: -313px;
}

#fullscreen-task-view .taskchecklist-filter-status .remember-filter-container {
    top: 37px;
}

@media (min-width: 1200px) {
    .dashboard-control-group {
        padding-left: 0;
        padding-right: 0;
    }

    .dashboard-control + .dashboard-control {
        margin-left: 10px;
    }

    .dashboard-index #checklist .custom-checklist-header-title {
        margin-right: 0;
    }
}

@media (max-width: 1199px) {
    .dashboard-control-group {
        padding-left: 30px;
        padding-right: 35px;
    }

    .dailyreport-task-outer-container .dashboard-control-group {
        padding-right: 0 !important;
    }

    #medical-record-reminder-cards .form-inline .form-control,
    #checklist .form-inline .form-control {
        display: inline-block;
        vertical-align: middle;
        width: 130px;
    }

    #checklist .custom-checklist-header .custom-dashboard-filter {
        margin-left: auto;
    }



    .dashboard-index #checklist .custom-checklist-header-title {
        margin-right: 15px;
    }
}


@media (min-width: 992px) {
    .daily-report-group-title {
        display: none;
    }
}

@media (max-width: 992px) {
    .margin-for-border {
        margin-right: 10px;
    }

    .vis-panel.vis-left .vis-label {
        width: 180px;
    }
}

@media (max-width: 425px) {
    .online-user-list {
        margin-right: 0;
    }

    .medical-record-viewmode .medical-reminders-label {
        display: none;
    }
}

@media (max-width: 392px) {
    #checklist .custom-checklist-header .dashboard-control {
        width: 100%;
    }
}

@media (max-width: 320px) {
    .checklist-add {
        margin-left: 0;
    }

    .medical-record-type .checkbox {
        width: auto;
    }

    .medical-record-only-filter .checkbox {
        width: auto;
    }

    .medical-record-datenav {
        margin-bottom: 5px;
    }
}

@media(min-width: 600px) {
    .dashboard-control {
        float: right;
    }

    #medical-reminder-schedule .medical-reminders-filters .remember-filter-container {
        left: -34px;
    }

    #fullscreen-task-view .taskchecklist-filter-status .remember-filter-container {
        left: -34px;
    }
}


@media (max-width: 599px) {
    #medical-record-reminder-cards .view-schedules,
    .dashboard-index #checklist .custom-checklist-header .section-title.with-control {
        margin-right: 15px;
    }

    .dashboard-index .dashboard-control {
        margin-top: 5px;
    }


    #medical-record-reminder-cards .medical-reminders-filter .dropdown-menu {
        right: 0;
    }
}

@media(min-width: 375px) and (max-width: 599px) {

    .dashboard-index #medical-reminder-schedule .medical-reminders-filter .dropdown-menu {
        left: -100px;
    }

    .dailyreport-edit #medical-reminder-schedule .medical-reminders-filter .dropdown-menu,
    .dailyreport-view #medical-reminder-schedule .medical-reminders-filter .dropdown-menu {
        left: 0px;
    }

    .dailyreport-edit #medical-reminder-schedule .medical-reminders-filter .remember-filter-container,
    .dailyreport-view #medical-reminder-schedule .medical-reminders-filter .remember-filter-container {
        left: -34px;
    }


    .dashboard-index #medical-reminder-schedule .medical-reminders-filter .remember-filter-container {
        left: -134px;
    }


    #fullscreen-task-view .taskchecklist-filter-status .dropdown-menu {
        left: -32px;
    }

    #fullscreen-task-view .taskchecklist-filter-status .remember-filter-container {
        left: -66px;
    }


    #checklist .taskchecklist-filter-status .dropdown-menu.dropdown-menu-right {
        right: 0;
    }
}

@media(min-width: 375px) {
    .custom-dropdown-filter {
        width: 325px !important;
    }
}

@media(max-width: 424px) {
    #checklist .custom-dropdown-filter {
        width: 275px !important;
    }

    #checklist .taskchecklist-filter-status .dropdown-menu.dropdown-menu-right {
        right: -43px
    }

    #checklist .taskchecklist-filter-status .remember-filter-container {
        left: -220px;
    }
}


@media (max-width: 374px) {

    .dashboard-index #medical-reminder-schedule .medical-reminders-filter .dropdown-menu {
        left: -115px;
    }

    .dashboard-index #medical-reminder-schedule .medical-reminders-filter .remember-filter-container {
        left: -149px;
    }

    .dailyreport-edit #medical-reminder-schedule .medical-reminders-filter .dropdown-menu,
    .dailyreport-view #medical-reminder-schedule .medical-reminders-filter .dropdown-menu {
        left: -9px;
    }

    .dailyreport-edit #medical-reminder-schedule .medical-reminders-filter .remember-filter-container,
    .dailyreport-view #medical-reminder-schedule .medical-reminders-filter .remember-filter-container {
        left: -43px;
    }

    #fullscreen-task-view .taskchecklist-filter-status .dropdown-menu {
        left: -45px;
    }

    #fullscreen-task-view .taskchecklist-filter-status .remember-filter-container {
        left: -79px;
    }

    .custom-dropdown-filter {
        width: 275px !important;
    }

    #medical-record-reminder-cards .medical-reminders-filter .remember-filter-container {
        left: -262px;
    }
}


/* End Dashboard - Task and Checklist */


/* Start PaymentPlan */

div.paymentplan-container {
    margin-bottom: 100px;
}

h1.paymentplan-title {
    font-weight: normal;
    text-align: center;
    margin-top: 50px;
}

h5.paymentplan-subtitle {
    text-align: center;
    margin-bottom: 30px;
}

.all-caps {
    text-transform: uppercase;
}

@media (min-width: 1200px) {
    .paymentplan-outer-column:first-child {
        width: 21%;
    }

    .paymentplan-outer-column:last-child {
        width: 79%;
    }
}

.paymentplan-outer-column:first-child .paymentplan-cell:not(.paymentplan-empty-cell,.paymentplan-title-cell) {
    padding-right: 12px;
}

.paymentplan-outer-column > .row {
    padding-left: 15px;
    padding-right: 15px;
}

.paymentplan-column {
    float: left;
}

.paymentplan-cell {
    border: 1px solid lightgray;
    padding: 10px 7px 10px 7px;
    min-height: 50px;
    margin: 0 -1px -1px 0;
}

.paymentplan-cell.paymentplan-title-cell {
    background-color: #efefef;
}

.table-row.header .table-cell:not(:nth-child(1)),
.paymentplan-card:not(.header) .paymentplan-inner-container .paymentplan-cell:first-child {
    background-color: black;
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

.paymentplan-cell.form-horizontal .control-label {
    width: 100%;
    padding: 0;
    vertical-align: middle;
}

.paymentplan-column .header-cell-label {
    display: none;
}

.paymentplan-cell.highlighted .header-cell-label {
    font-size: 12px;
    color: #3fb618;
    display: block;
}

.paymentplan-column .paymentplan-cell > span {
    margin-top: 6px;
}

.paymentplan-column.highlighted .header-cell-label {
    margin-top: 0;
    white-space: nowrap;
}


.paymentplan-column:not(.highlighted) .header-cell-label {
    margin-top: 4px;
}

.paymentplan-cell > span {
    display: block;
}

.paymentplan-cell > span.glyphicon-ok {
    color: #5cb85c;
}

.paymentplan-amount-wrapper {
    vertical-align: middle;
}

.paymentplan-amount {
    text-align: center;
    font-weight: bold;
}

.paymentplan-amount .paymentplan-amount-currency {
    font-size: 20px;
    vertical-align: top;
    display: inline-block;
    margin-top: 12px;
}

.paymentplan-amount .paymentplan-amount-big {
    font-size: 35px;
    font-weight: normal;
}

.paymentplan-amount .paymentplan-amount-small {
    font-size: 16px;
    vertical-align: top;
    display: inline-block;
    margin-top: 9px;
    margin-left: -1px;
    font-weight: normal;
}

.paymentplan-amount-term {
    text-align: center;
    color: #999;
}

.paymentplan-table-title {
    text-align: center;
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 21px;
}

.paymentplan-button-toggle-group {
    width: auto;
    display: inline-block;
}

.paymentplan-button-toggle-group > button {
    background-color: transparent;
    border: 1px solid #bbb;
    color: black;
    float: left;
    outline: none !important;
    font-size: 12px;
    padding: 2px 8px;
}

.paymentplan-button-toggle-group > button:hover {
    background-color: #ddd;
    color: black;
}

.paymentplan-button-toggle-group > button.active {
    background-color: #222222;
    color: white;
}

.paymentplan-button-toggle-group > button.active:hover {
    background-color: black;
}

.paymentplan-button-toggle-group > button:not(:last-child) {
    border-right: none;
}

.paymentplan-cell > span.paymentplan-cell-content-hide {
    display: none;
}

.paymentplan-inner-label {
    font-weight: bold;
}

@media (min-width: 1200px) {
    .paymentplan-cell.form-horizontal .control-label.add-medical-label {
        width: 70%;
        padding-right: 5px;
    }

    .paymentplan-cell.paymentplan-large-cell {
        height: 125px;
    }

    .paymentplan-cell.paymentplan-normal-cell {
        height: auto;
        min-height: 55px;
    }

    .paymentplan-cell.paymentplan-normal-cell.form-horizontal:not(.payment-add-medical-cell) {
        white-space: nowrap;
    }

    .payment-add-medical-container {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
}

@media (min-width: 768px) {
    .paymentplan-column.col-sm-2.col-1 {
        width: 100%;
        float: left;
    }

    .paymentplan-column.col-sm-2.col-2 {
        width: 50%;
        float: left;
    }

    .paymentplan-column.col-sm-2.col-3 {
        width: 33.33333333%;
        float: left;
    }

    .paymentplan-column.col-sm-2.col-4 {
        width: 25%;
        float: left;
    }

    .paymentplan-column.col-sm-2.col-5 {
        width: 20%;
        float: left;
    }

    .paymentplan-column.col-sm-2.col-6 {
        width: 16.66666667%;
        float: left;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .paymentplan-column.col-sm-2.col-6,
    .paymentplan-column.col-sm-2.col-7,
    .paymentplan-column.col-sm-2.col-8,
    .paymentplan-column.col-sm-2.col-9,
    .paymentplan-column.col-sm-2.col-10 {
        width: 33.33333333%;
        float: left;
    }

    .paymentplan-container .popover {
        max-width: 70%;
    }

    .checklist-dailyreport ul li {
        float: none;
    }

    .checklist-dailyreport .checklist-label-completed.show-completed {
        display: inline-block;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .paymentplan-column.col-sm-2.col-6,
    .paymentplan-column.col-sm-2.col-7,
    .paymentplan-column.col-sm-2.col-8,
    .paymentplan-column.col-sm-2.col-9,
    .paymentplan-column.col-sm-2.col-10 {
        width: 16.66666667%;
        float: left;
    }
}

@media (max-width: 1199px) {
    .paymentplan-cell-hide {
        display: none;
    }

    .paymentplan-button-toggle-group > button {
        padding: 4px 20px;
    }

    .paymentplan-cell > span.paymentplan-cell-content-show {
        display: none;
    }

    .paymentplan-cell > span.paymentplan-cell-content-hide {
        display: block;
    }

    .paymentplan-cell.form-horizontal .control-label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: bold;
        text-align: center;
    }

    .paymentplan-outer-column .header.paymentplan-card .paymentplan-inner-container {
        border-top: none;
        background-color: #efefef;
        margin-top: -20px;
    }

    .paymentplan-outer-column .form-horizontal .bootstrap-switch {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.paymentplan-card:not(.header) .paymentplan-inner-container .paymentplan-cell:first-child {
    height: 60px !important;
}

@media (max-width: 1199px) and (min-width: 768px) {
    .paymentplan-outer-column {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .paymentplan-column.col-6 > .paymentplan-header-cell,
    .paymentplan-column.col-7 > .paymentplan-header-cell,
    .paymentplan-column.col-8 > .paymentplan-header-cell,
    .paymentplan-column.col-9 > .paymentplan-header-cell,
    .paymentplan-column.col-10 > .paymentplan-header-cell {
        margin-top: 15px;
        height: 60px !important;
    }

    .paymentplan-column.highlighted.col-6 > .paymentplan-cell:last-child,
    .paymentplan-column.highlighted.col-7 > .paymentplan-cell:last-child,
    .paymentplan-column.highlighted.col-8 > .paymentplan-cell:last-child,
    .paymentplan-column.highlighted.col-9 > .paymentplan-cell:last-child,
    .paymentplan-column.highlighted.col-10 > .paymentplan-cell:last-child {
        height: inherit;
        margin-bottom: -1px;
    }
}

@media (max-width: 767px) {
    .paymentplan-outer-column {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .paymentplan-column.highlighted > .paymentplan-cell:last-child {
        height: inherit;
        margin-bottom: -1px;
    }

    .paymentplan-column.highlighted > .paymentplan-header-cell {
        margin-top: 0;
    }

    .paymentplan-cell.paymentplan-header-cell {
        height: 60px !important;
    }

    .paymentplan-container .popover {
        max-width: 80%;
    }

    .daily-report-section-title {
        display: block;
        margin-bottom: 10px;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .paymentplan-column.col-sm-2 {
        width: 33.33333333%;
        margin-top: 15px;
    }
}

@media (min-width: 400px) and (max-width: 599px) {
    .paymentplan-card:not(.header) {
        width: 50%;
        margin-top: 15px;
    }
}

@media (max-width: 399px) {
    .paymentplan-card:not(.header) {
        width: 100%;
        margin-top: 15px;
    }

    .paymentplan-container .popover {
        max-width: 90%;
    }
}

/* End - PaymentPlan */


.creditcard-number {
    background-image: url('/Content/images/CreditCard.png');
    background-position: 8px -60px;
    background-size: 166px 419px;
    background-repeat: no-repeat;
    padding-left: 61px;
    padding-right: 40px;
}

.creditcard-number.amex {
    background-position: 8px -312px;
}

.creditcard-number.discover {
    background-position: 8px -270px;
}

.creditcard-number.jcb {
    background-position: 8px -354px;
}

.creditcard-number.dinersclub {
    background-position: 8px -228px;
}

.creditcard-number.visa {
    background-position: 8px -103px;
}

.creditcard-number.visaelectron {
    background-position: 8px -144px;
}

.creditcard-number.mastercard {
    background-position: 8px -186px;
}


#credit-card-validation {
    background-image: url('/Content/images/CreditCard.png');
    background-position: 5px -7px;
    background-size: 166px 419px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    float: right;
    margin-top: -35px;
    margin-right: 9px;
}

#credit-card-validation.valid {
    background-position: 5px -33px;
}

.creditcards {
    height: 28px;
    background: url(/Content/images/CreditCard.png) 0 -706px no-repeat;
    margin-top: 25px;
    background-size: 290px 734px;
}

/*MANAGE ACCOUNT CSS*/

h4.manage-inner-title {
    margin-bottom: 25px;
    margin-top: 25px;
}

h4.manage-inner-title.manage-tabpage-title {
    margin-top: 15px;
    font-size: 30px;
}

.manageaccount-wrapper {
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #dddddd;
    border-top: none;
    padding: 0 15px 50px 15px;
    margin-bottom: 50px;
    min-height: 350px;
}

.manageaccount-wrapper .add-margin-top {
    margin-top: 15px;
}

.manageaccount-wrapper .promotional-message {
    font-size: 16px;
    padding: 15px;
    margin: 10px 0;
    text-align: center;
    border: 1px solid #e7e7e7;
}

.row.manageaccount-wrapper div.paymentplan-container {
    margin-bottom: 50px;
}

.emailvalidation-container {
    min-height: 500px;
}

div.emailvalidation-container h1.paymentplan-title {
    margin-top: 150px;
}

h2.failed-auth.text-danger {
    font-weight: normal;
    text-align: center;
    margin-top: 150px;
}

.planoverview-wrapper, .paymentmethod-outer-wrapper, order-wrapper {
    padding: 15px;
    background-color: #f8f8f8;
    margin-bottom: 15px;
}

.planoverview-wrapper.order-detail,
.planoverview-wrapper.invoice-detail {
    min-height: 243px;
}

.manageaccount-wrapper label {
    font-weight: normal;
}

.planoverview-amount {
    font-size: 36px;
    font-weight: normal;
    text-align: right;
    margin-top: -10px;
}

.planoverview-subtotal {
    font-size: 22px;
}

.planoverview-amount-breakdown {
    font-size: 18px;
    text-align: right;
    font-weight: normal;
}

.planoverview-amount-wrapper {
    height: 27px;
    margin-top: 7px;
    margin-bottom: 5px;
}

.planoverview-amount-description {
    display: inline-block;
}

.planoverview-amount-description.coupon-code-text strong {
    margin-left: 3px;
    margin-right: 3px;
    background-color: #eee;
    padding: 2px 5px 2px 5px;
}

.planoverview-amount-description.coupon-code-text #linkRemoveCoupon {
    color: #888;
    cursor: pointer;
}

.planoverview-amount-description.coupon-code-text #linkRemoveCoupon:hover {
    color: #000;
}

.planoverview-info-icon {
    margin-left: 5px;
}

.btn-paynow-changeplan {
    float: right;
    margin-top: -10px;
}

.popover-planoverview-info {
    width: 300px;
}

@media (max-width: 399px) {
    .planoverview-col {
        width: 100%;
    }
}

div.radio.paymentmethod > label > span {
    display: block;
    margin-top: -10px;
    float: left;
}

.creditcard-thumbnail {
    margin-right: 15px;
    background-image: url('/Content/images/CreditCard.png');
    background-position: 8px -80px;
    background-size: 199px 502px;
    background-repeat: no-repeat;
    height: 34px;
    width: 54px;
}

.creditcard-thumbnail.amex {
    background-position: 0px -382px;
}

.creditcard-thumbnail.discover {
    background-position: 0px -332px;
}

.creditcard-thumbnail.jcb {
    background-position: 0px -432px;
}

.creditcard-thumbnail.dinersclub {
    background-position: 0px -281px;
}

.creditcard-thumbnail.visa {
    background-position: 0px -130px;
}

.creditcard-thumbnail.visaelectron {
    background-position: 0px -181px;
}

.creditcard-thumbnail.mastercard {
    background-position: 0px -231px;
}

.paymentmethod-wrapper > * {
    float: left;
}

.paymentmethod-creditcard-expiration-container {
    padding-left: 0 !important;
}

.paymentmethod-creditcard-detail > span {
    display: block;
}

.paymentmethod-outer-wrapper > .row {
    padding-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

.paymentmethod-outer-wrapper > .row:not(.last-payment-row) {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
}

.paymentmethod-outer-wrapper > .row:not(:first-child) {
    padding-top: 30px;
}

.paymentmethod-outer-wrapper > div.row:last-of-type {
    border-bottom: none;
}

.paymentmethod-outer-wrapper > div.row .remove {
    margin-left: 5px;
}

@media (max-width: 770px) {
    .paymentmethod-outer-wrapper .paymentmethod-wrapper.paymentmethod-creditcard-expiration-container,
    .paymentmethod-outer-wrapper .paymentmethod-wrapper.paymentmethod-card-detail-container {
        margin-top: 0;
        width: 100%;
    }

    .paymentmethod-outer-wrapper .paymentmethod-wrapper.paymentmethod-creditcard-expiration-container {
        margin-left: 110px;
    }

    .paymentmethod-outer-wrapper > .row {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 480px) {
    div.radio.paymentmethod .paymentmethod-creditcard-detail {
        width: 100%;
        margin-top: 5px;
        margin-left: 15px;
    }

    .paymentmethod-outer-wrapper .paymentmethod-wrapper.paymentmethod-creditcard-expiration-container {
        margin-left: 40px;
        margin-top: -5px;
    }

    .paymentmethod-outer-wrapper .paymentmethod-control-container > .btn {
        margin-bottom: 5px;
    }

    .manageaccount-creditcard .manageaccount-wrapper h4.manage-inner-title {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

    .manageaccount-creditcard .manageaccount-wrapper h4.manage-inner-title a {
        float: none !important;
        margin-top: -15px;
        margin-bottom: 0;
        display: block;
        text-indent: 0;
    }
}

button#planoverview-submit, div.paymentexception, .planoverview-grey-messagebox {
    margin-top: 20px;
}

.nav.nav-tabs li[role=presentation] {
    border-bottom: none;
}

h5.manageaccount-sub:not(.normal-margin) {
    margin-top: 30px;
}

h5.manageaccount-sub + hr, hr.border-compact-margin, h5.order-history-title + hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.text-strikethrough {
    text-decoration: line-through;
}

.text-capitalize {
    text-transform: capitalize;
}

.add-margin-top-xs {
    margin-top: 10px;
}

.grey-messagebox {
    display: table;
    padding: 15px;
    background-color: #eee;
}

.grey-messagebox.custom-messagebox {
    display: block;
    margin-bottom: 20px;
}

.grey-messagebox .grey-messagebox-message {
    display: table-cell;
    width: 100%;
}

.grey-messagebox > div {
    display: table-row;
}

.animal-mergesplit .grey-messagebox > div .glyphicon {
    text-align: right;
    font-size: 25px;
}

.animal-mergesplit .animal-group-type .grey-messagebox > div .glyphicon {
    font-size: 20px !important;
    text-align: left !important;
}

#weather-display-order-modal .grey-messagebox.custom-messagebox {
    display: flex;
    margin-top: 10px;
    margin-bottom: 5px;
    align-items: center;
    column-gap: 6px;
}

.animal-mergesplit .animal-group-type hr {
    margin-top: 5px;
}

.animal-mergesplit .animalgroupcount .edit-animal-count {
    margin-left: 10px;
}

.animal-mergesplit .modal.animal-count .valign-middle {
    justify-content: center;
}

.animal-mergesplit .modal.animal-count .modal-body {
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.animal-mergesplit .modal.animal-count .text-danger {
    margin-top: 5px;
}

.resource-layout .resource-layout-body > .grey-messagebox > div .glyphicon {
    vertical-align: top;
}

.user-add .grey-messagebox, .add-coalition-message {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.user-add .grey-messagebox .glyphicon-exclamation-sign,
.user-clone .grey-messagebox .glyphicon-info-sign,
.add-coalition-message {
    vertical-align: top;
}

.grey-messagebox > div .glyphicon {
    vertical-align: middle;
    font-size: 20px;
    width: 30px;
    text-align: left;
}

.grey-messagebox.section-messagebox {
    width: 100%;
    margin-top: -10px;
}

@media (max-width: 767px) {
    .grey-messagebox.add-margin-top-xs {
        margin-top: 15px;
    }

    .grey-messagebox.section-messagebox {
        margin-bottom: 10px;
        margin-top: 0;
    }
}

.addpayment-container {
    padding-top: 15px;
    padding-bottom: 30px;
}

.addpayment-column > label:not(:first-child) {
    margin-top: 10px;
}

.text-bold {
    font-weight: bold;
}

.order-wrapper .order-row {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
}

.order-wrapper .order-row.no-border {
    border-bottom: none;
}

/*.order-wrapper .order-row > div {
    padding-left: 0;
    padding-right: 0;
}*/

.loading-input {
    background: url('/Content/images/ajax-loader.gif') no-repeat right center;
    padding-right: 20px;
}

select.loading-input {
    background-position: right 20px center;
}

.crying-face {
    padding-left: 25px;
    background: url('/Content/images/crying-face.png') no-repeat left center;
}

.radar-chart {
    background: url('/Content/images/radar-chart.png') no-repeat center center !important;
}


.popover.popover-user-notification {
    margin-top: -5px;
}

.popover.popover-user-notification {
    width: 50%;
    max-width: 500px;
}

.popover.popover-user-notification .notification-title {
    margin: -14px;
    margin-left: -16px;
    margin-bottom: 5px;
    padding: 5px 14px 3px 14px;
    background-color: #eee;
    font-weight: bold;
    position: fixed;
    width: 100%;
    z-index: 10;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    line-height: 30px;
}

.popover.popover-user-notification .notification-title-close {
    float: right;
    line-height: 30px;
    width: 30px;
    font-size: 30px;
    text-align: center;
    cursor: pointer;
}

.popover.popover-user-notification .notification-title-close:hover {
    background-color: #aaa;
}

.user-notification-title {
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}

.popover.popover-user-notification .popover-content > .notification-list > .notification-item-row,
.user-notification-title {
    list-style: none;
}

.popover.popover-user-notification .popover-content > .notification-list > .notification-item:not(:last-child),
.user-notification-title {
    border-bottom: 1px solid #e6e6e6;
}

.popover.popover-user-notification .popover-content > .notification-list > .notification-item-row > .notification-item {
    position: relative;
}

.popover.popover-user-notification .popover-content > .notification-list > .notification-item-row > .notification-item .notification-item-text {
    display: inline-block;
    float: left;
    width: auto;
    padding-left: 10px;
}

.popover.popover-user-notification .popover-content > .notification-list > .notification-item-row > .notification-item .notification-item-icon {
    width: 22px;
    text-align: center;
    line-height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

.popover.popover-user-notification .popover-content > .notification-list > .notification-item-row > .notification-item > .notification-item-text:not(.text-muted) {
    color: #333;
}

.popover.popover-user-notification .popover-content > .notification-list > .notification-item-row > .notification-item > .notification-item-text.no-notification {
    cursor: default;
}

.popover-content > .notification-list > .notification-item-row > .notification-item .notification-remove {
    line-height: 20px;
    width: 20px;
    font-size: 20px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
}

@media (max-width: 767px) {
    .popover.popover-user-notification {
        top: 55px !important;
        width: 100%;
        max-width: none;
        z-index: 1010;
    }

    .popover.popover-user-notification > .arrow {
        display: none;
    }
}

@media (min-width: 768px) {
    .popover.popover-user-notification .notification-title {
        display: none;
    }
}

.hide-me {
    opacity: 0;
    -webkit-transition: opacity 750ms ease-out;
    -moz-transition: opacity 750ms ease-out;
    -ms-transition: opacity 750ms ease-out;
    -o-transition: opacity 750ms ease-out;
    transition: opacity 750ms ease-out;
}

.blink-me {
    -webkit-animation: blinker 1500ms linear 2;
    -moz-animation: blinker 1500ms linear 2;
    -o-animation: blinker 1500ms linear 2;
    animation: blinker 1500ms linear 2;
}

@keyframes blinker {
    50% {
        opacity: 0.3;
    }
}

.row2 {
    margin-left: -15px;
    margin-right: -15px;
}

/*To hide validation summary when valid*/
.validation-summary-valid {
    display: none;
}

.validation-summary-errors > span {
    font-weight: bold;
}

/*Remove the bullet if only one item is showing*/
.validation-summary-errors li:first-child:nth-last-child(1) {
    list-style-type: none !important;
    margin-left: -40px !important;
}

.validation-summary-errors li {
    margin-left: -20px;
}

.failed-icon {
    width: 15px;
    height: 15px;
    line-height: 15px;
    display: inline-block;
    border-radius: 50%;
    background-color: #ff0039;
    color: white;
    text-align: center;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    position: relative;
    top: -1px;
}

.failed-icon:before {
    content: "×";
}

.animalgroupcount > div, .animalgroupcount > span {
    padding: 0;
    display: inline-block;
    float: left;
}

.animalgroupcount > div {
    width: 22%;
}

.animalgroupcount > div > input {
    padding-left: 12px;
    padding-right: 12px;
}

.animalgroupcount > span {
    width: auto;
    line-height: 40px;
}

.animalgroupcount > span {
    margin-left: 3px;
    margin-right: 3px;
}

@media(max-height: 991px) {
    .animalgroupcount > div {
        max-width: 100px;
    }
}

.search-result-not-all {
    padding-top: 37px;
}

.animal-view .report-buttons {
    margin-top: -3px;
}

.report-export .form-report {
    display: inline-block;
    margin-left: 15px;
}

.section .animal-list {
    color: #000;
}

.view-mode {
    text-align: right;
}

.view-mode > span {
    margin-right: 5px;
}

.view-mode .btn-group button {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 0 !important;
}

.report-export .form-report .btn {
    margin-top: 0 !important;
}

.btn-inactive {
    background-color: lightgray;
    border-color: lightgray;
    color: #fff;
}

.btn-group > .btn-inactive {
    color: #666;
    background-color: transparent;
}

.btn-group > .btn-inactive:hover {
    background-color: #ddd;
    border-color: #bbb;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-right: none;
}

.mention-tagging-container .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}

.animal-found h4 {
    margin: 6px 0px 18px 0px;
    float: left;
}

.clear {
    clear: both;
}


@media (max-width: 768px) {
    .animal-found h4 {
        margin: 0;
    }

    .report-export .form-report {
        margin-left: 0;
    }

    .report-export .form-report .btn {
        margin-top: 10px !important;
    }

    .view-mode, .animal-found {
        padding: 0;
    }

    .view-mode > span {
        margin-right: 0;
    }

    .view-mode .btn-group {
        margin-top: 9px;
    }

    .resource-content-wrapper .view-mode .btn-group {
        margin: 5px 0px;
    }
}

.show-modal-new-feature {
    cursor: pointer;
    text-decoration: underline;
    color: #2780e3;
}

.show-modal-new-feature {
    cursor: pointer;
    text-decoration: underline;
    color: #2780e3;
}

.popup-wizard {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    overflow-y: auto;
}

.popup-wizard .overlay {
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    position: fixed;
}

.popup-wizard .carousel {
    width: 640px;
    margin: 5% auto;
    position: relative;
    background: #fff;
}

.popup-wizard .carousel .carousel-indicators {
    bottom: 23px;
}

.popup-wizard .carousel .carousel-indicators li {
    cursor: default;
}

.popup-wizard .carousel .carousel-inner .wizard-content {
    padding: 40px 50px 30px;
    background: #f5f5f5;
    text-align: center;
}

.popup-wizard .carousel .carousel-inner img, .popup-wizard .carousel .carousel-inner video {
    width: 100%;
    border: 1px solid #e7e7e7;
    margin: 25px 0 30px;
}

.popup-wizard .carousel .carousel-inner video {
    border: 3px solid #666;
}

/*Fix the Chrome bug where when clicking the video fullscreen it doesn't go fullscreen because of the animate-name*/
.animated.fadeIn:-webkit-full-screen-ancestor {
    animation: none;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
}


.popup-wizard .carousel .carousel-inner .item.welcome-text {
    padding: 0px 0 100px;
    background: #f5f5f5;
}


.popup-wizard .carousel .carousel-inner .item.welcome-text h1 {
    font-size: 49px;
}

.popup-wizard .carousel .carousel-inner .item.welcome-text h1 .trademark {
    font-size: 39px;
    line-height: 1.3;
    vertical-align: top;
}

.popup-wizard .carousel .carousel-inner .item.welcome-text p {
    font-size: 20px;
}

.popup-wizard .carousel .carousel-inner .item h1 {
    margin-top: 10px;
}

.popup-wizard .carousel .carousel-inner .item p {
    min-height: 45px;
}

.popup-wizard .carousel-dont-show-container {
    position: absolute;
    bottom: 97px;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.popup-wizard .carousel .carousel-navigator {
    padding: 20px;
    background: #e7e7e7;
}

.popup-wizard .carousel-indicators .active {
    background-color: #888;
}

.popup-wizard .carousel-indicators li {
    border-color: #aaa;
}

.popup-wizard .carousel-navigator .left {
    display: none;
    float: left;
}

.popup-wizard .carousel-navigator .finish {
    display: none;
}

.popup-wizard .carousel-navigator .right, .popup-wizard .carousel-navigator .finish {
    float: right;
}

.popup-wizard .skip {
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px 25px;
    color: #222;
    cursor: pointer;
}

.popup-wizard .carousel-indicators {
    display: none;
}

.popup-wizard .carousel-indicators li {
    width: 7px;
    height: 7px;
}

.popup-wizard .carousel-indicators .active {
    width: 8px;
    height: 8px;
}

.pricing-container {
    padding: 15px 0;
}

.pricing-container .paymentplan-button-toggle-group > button {
    padding: 12px 28px;
}

.pricing-container .pricing-header {
    text-align: center;
}


.pricing-container .pricing-header .paymentplan-button-toggle-group {
    margin-top: 20px;
}

.paymentplan-submit-btn {
    cursor: pointer;
    white-space: normal;
}

.pricing-container .pricing-body {
    margin-top: 50px;
}

.pricing-container .pricing-body .pricing-list {
    padding: 5px;
}

.pricing-container .pricing-body .pricing-list:nth-child(1) {
    -webkit-animation-delay: .1s;
}

.pricing-container .pricing-body .pricing-list:nth-child(2) {
    -webkit-animation-delay: .3s;
}

.pricing-container .pricing-body .pricing-list:nth-child(3) {
    -webkit-animation-delay: .5s;
}

.pricing-container .pricing-body .pricing-list:nth-child(4) {
    -webkit-animation-delay: .7s;
}

.pricing-container .pricing-body .pricing-list:nth-child(5) {
    -webkit-animation-delay: .9s;
}

.pricing-container .pricing-body .pricing-list:nth-child(6) {
    -webkit-animation-delay: 1.1s;
}

.pricing-container .pricing-body .pricing-item {
    text-align: center;
    -webkit-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.08);
    background: #fff;
}

.pricing-container .pricing-item .pricing-title {
    text-transform: uppercase;
    font-size: 25px;
    padding: 15px 0;
    background: #222;
    color: #fff;
}

.pricing-container .pricing-item .pricing-price {
    padding: 30px 0;
    background: #fff;
}

.pricing-container .pricing-item .pricing-price.Annually {
    display: none;
}

.pricing-container .pricing-item .pricing-price .amount-currency {
    vertical-align: top;
    font-size: 18px;
}

.pricing-container .pricing-item .pricing-price .amount-big {
    font-size: 40px;
    vertical-align: middle;
    line-height: 0.9;
}

.pricing-container .pricing-item .pricing-price .amount-small {
    vertical-align: top;
    font-size: 18px;
}

.pricing-container .pricing-item .pricing-price .amount-term {
    color: #999;
    display: block;
}

.pricing-container .pricing-item .pricing-price .saver {
    margin-top: 20px;
    background: #222;
    color: #fff;
    padding: 5px 30px;
    display: inline-block;
}

.pricing-container .pricing-item .pricing-medical {
    margin-top: 25px;
}

.pricing-container .pricing-item .pricing-medical .pricing-medical-plus {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 4px 0;
}

.pricing-container .pricing-item .pricing-medical .pricing-medical-content {
    font-weight: bold;
    font-size: 17px;
}

.pricing-container .pricing-content {
    padding: 25px 0;
    background: #efefef;
}

.pricing-container .pricing-content .pricing-cell {
    padding: 10px 0;
}

.pricing-container .pricing-content .pricing-cell span {
    display: block;
}

.pricing-container .pricing-content .pricing-cell .pricing-cell-title {
    font-weight: bold;
}

.pricing-container .highlighted {
    margin-top: -21px;
}

.pricing-container .highlighted .pricing-title .hightlighted-title {
    font-size: 16px;
    display: block;
    color: #91d427;
}

.pricing-container .highlighted .pricing-item .pricing-price {
    padding: 30px 0 45px;
}

.pricing-container .pricing-body .highlighted .pricing-item {
    -webkit-box-shadow: 0px -1px 16px 0px rgba(140, 205, 38, 0.6);
    -moz-box-shadow: 0px -1px 16px 0px rgba(140, 205, 38, 0.6);
    box-shadow: 0px -1px 16px 0px rgba(140, 205, 38, 0.6);
}

table tr th.custom-grid-control-header {
    width: 140px !important;
}

.user-index table tr th.custom-grid-control-header {
    width: 150px !important;
}

table tr td.custom-grid-control,
#default-view .template-view .notes-container .panel-heading,
#default-view .template-view .notes-container {
    padding: 0 !important;
}

.no-scroll {
    overflow: hidden;
}

@media (max-width: 767px) {
    .popup-wizard .carousel {
        width: 90%;
    }

    .popup-wizard .carousel .carousel-inner .item.welcome-text {
        padding: 130px 20px 71px;
    }

    .popup-wizard .carousel .carousel-inner .wizard-content {
        padding: 30px 20px 30px;
    }

    .popup-wizard .carousel-dont-show-container {
        bottom: 60px;
    }

    .popup-wizard .carousel .carousel-indicators {
        bottom: 13px;
    }

    .popup-wizard .carousel .carousel-navigator {
        padding: 10px;
    }

    .popup-wizard .carousel .carousel-inner .wizard-content h1, .popup-wizard .carousel .carousel-inner .item.welcome-text h1 {
        font-size: 23px;
    }

    .popup-wizard .carousel .carousel-inner .wizard-content h1, .popup-wizard .carousel .carousel-inner .item.welcome-text h1 .trademark {
        font-size: 20px;
    }

    .popup-wizard .carousel .carousel-inner .wizard-content p, .popup-wizard .carousel .carousel-inner .item.welcome-text p {
        font-size: 13px;
    }

    .popup-wizard .skip {
        padding: 10px 15px;
    }

    .popup-wizard .carousel .carousel-inner img {
        margin: 10px 0 45px;
    }

    .popup-wizard .carousel .carousel-inner .item h1 {
        margin-top: 15px;
    }

    .popup-wizard .carousel .carousel-inner .item p {
        min-height: 35px;
    }

    .pricing-container .pricing-body .pricing-list {
        padding: 25px 30px;
    }
}

@media screen and (max-width: 479px) {
    .nav-tabs-responsive > li {
        display: none;
        width: 23%;
    }

    .nav-tabs-responsive > li > a {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        width: 100%;
        width: 100%;
        text-align: center;
        vertical-align: top;
    }

    .nav-tabs-responsive > li.active {
        width: 54%;
    }

    .nav-tabs-responsive > li.active:first-child {
        margin-left: 23%;
    }

    .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
        display: block;
    }

    .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    .nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a {
        -webkit-transition: none;
        transition: none;
    }

    .nav-tabs-responsive > li.next > a .text, .nav-tabs-responsive > li.prev > a .text {
        display: none;
    }

    .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .nav-tabs-responsive > li.prev > a:after {
        content: "\e079";
    }

    .nav-tabs-responsive > li.next > a:after {
        content: "\e080";
    }

    .nav-tabs-responsive > li.dropdown > a > .caret {
        display: none;
    }

    .nav-tabs-responsive > li.dropdown > a:after {
        content: "\e114";
    }

    .nav-tabs-responsive > li.dropdown.active > a:after {
        display: none;
    }

    .nav-tabs-responsive > li.dropdown.active > a > .caret {
        display: inline-block;
    }

    .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {
        left: 0;
        right: auto;
    }

    .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
        left: auto;
        right: 0;
    }
}

.visible-below-500px {
    display: none;
}

@media (max-width: 600px) {
    .hidden-below-600px {
        display: none !important;
    }
}

@media (max-width: 500px) {
    table tr td.custom-grid-control {
        width: 10%;
        padding: 10px 0;
    }

    #role-list table tr td.custom-grid-control {
        width: 20%;
    }

    table tr td.custom-grid-content {
        padding: 15px 8px;
    }

    .hidden-below-500px {
        display: none !important;
    }

    .visible-below-500px {
        display: block !important;
    }
}

@media (max-width: 320px) {
    .popup-wizard .carousel .carousel-inner .item.welcome-text {
        padding: 130px 10px 65px;
    }

    .popup-wizard .carousel .carousel-inner .wizard-content {
        padding: 30px 0px 20px;
    }
}

.min-height-350 {
    min-height: 350px;
}

.dailyreport-edit textarea, textarea#taskchecklist-description {
    resize: none;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin: auto;
}

.break-word {
    word-wrap: break-word;
    word-break: break-all;
}

.word-wrap {
    word-wrap: break-word;
}

.break-all-words {
    word-break: break-all;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
    select.form-control {
        background-image: url('/Content/images/select-down-2x2.png');
        background-size: 6px 6px;
    }

    select.btn-warning, select.btn-danger {
        background-image: url('/Content/images/select-down-2x2-white.png');
    }
}

.task-summary-filter .assigned-to-container .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline:first-child .select2-search__field,
#taskModal #taskchecklist-assignto .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline:first-child .select2-search__field {
    width: 220px !important;
}

.select2-container--default .select2-selection.show-warning-theme {
    border: 1px solid #ff9900;
    background-color: #fff3e1;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    z-index: 2;
    top: 0;
    right: 0;
    height: 100%;
}

.select2-container--default .select2-selection--multiple .select2-search__field {
    margin-top: 2px;
    width: 100% !important; /*Fix placeholder got truncated*/
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 2px;
    white-space: normal;
}

.device-ios .select2-container--default .select2-search--inline .select2-search__field {
    webkit-appearance: none !important;
    font-size: 16px !important; /* to prevent ios zoom-in zoom-out */
}

.select2-container .select2-selection--single, .select2-container .select2-selection--multiple {
    min-height: 43px;
}

.select2-container .select2-selection--single .select2-selection__rendered, .select2-container .select2-selection--multiple .select2-selection__rendered {
    font-size: 16px;
    padding: 7px 18px;
    position: relative;
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc;
    border-radius: 0;
    display: inline-block;
    width: 100%;
}

#report-form .select2-container--default .select2-selection--multiple {
    overflow-y: auto;
    min-height: 43px;
    max-height: 20vh;
}

.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #333;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--multiple .select2-selection__arrow b {
    border-width: 5px 3px 0 3px;
    margin-left: -2px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__arrow b {
    border-width: 0 3px 5px 3px;
}

#select2-Transfer_Currency_Id-results .select2-results__option,
#select2-Acquisition_Currency_Id-results .select2-results__option {
    padding: 4px 15px;
}

.select2-results__option,
.select2-container .select2-results .no-record-found {
    padding: 4px 20px;
    min-height: 29px;
    line-height: 1.2;
}

.select2-results__option span {
    display: inline-block;
}


.select2-container--default .select2-results__option[aria-selected="true"] {
    color: #fff !important;
}

.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--highlighted[aria-selected="true"] {
    background-color: #5897fb !important;
}


.select2-container--default.select-section-custom-format .select2-results__option--highlighted[aria-selected="true"] .show-icon-template .icon-template {
    color: #fff !important;
}

.select2-container--default .select2-results__option--highlighted {
    background-color: #7fb6f2 !important;
}

span.select2-selection.select2-selection--single:focus, span.select2-selection.select2-selection--multiple:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
    border: 1px solid #7a9cd3;
    display: inline-block;
    word-break: break-word;
    word-wrap: break-word;
}

@media (max-width: 767px) {
    #taskchecklist .select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
        min-width: 300px;
    }
}

@media (max-width: 500px) {
    #taskchecklist .select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
        min-width: 200px;
    }
}

@media (min-width: 768px) {
    #taskchecklist .select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
        min-width: 300px;
    }
}

@media(min-width: 992px) {
    .select2-container--default.select-section-custom-format.dropdown-lg .select2-dropdown {
        width: 550px !important;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .select2-container--default.select-section-custom-format.dropdown-md .select2-dropdown {
        width: 340px !important;
    }
}

.select2-dropdown {
    border-radius: 0;
    border-color: #7a9cd3;
}

#checklist-header-container .select2-container--default .select2-selection--single {
    border: none;
    text-align: left;
    outline: none;
    box-shadow: none;
    background: none;
}

/*Video Content*/
.file-content-view-video {
    padding-top: 30px;
}

.video-content {
    width: 85%;
    height: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 640px;
    max-height: 360px;
}

.video-content video {
    border: 1px solid #ccc;
    width: 100%;
    height: 100%;
    background-color: #000;
}

.video-content-info {
    margin-top: 5px;
    background-color: #eee;
    padding: 10px;
}

.video-content-info button {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

.video-content-info-title {
    font-size: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    min-height: 55px;
}

.video-content-info-details {
    margin-top: -25px;
}

.video-content-uploaded-by, .video-content-info-date, .video-content-file-size {
    color: #888;
    font-size: 11px;
    line-height: 1.2em;
}

.video-content-uploaded-by {
    font-weight: bold;
}

.video-content-info-date {
    margin-right: 6px;
    border-right: 1px solid;
    padding-right: 6px;
    border-color: #ccc;
    float: left;
}

.force-focus-control {
    border: none;
    position: absolute;
    left: -20px;
    bottom: -20px;
    outline: none;
    cursor: none;
    color: transparent;
}

body.modal-opened {
    overflow: hidden;
}

.select2-container--default.select2-container--disabled .select2-selection--single, .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #e6e6e6;
    cursor: not-allowed;
    opacity: 1;
}

#loginForm {
    min-height: 400px;
}

.registration-form #loginForm,
.invoice-payment #loginForm {
    display: none;
    min-height: unset;
    width: 50%;
}

#loginForm .login-container,
.confirmation-invitation-container .content-wrapper {
    margin: auto;
    float: none;
    padding: 0;
    margin-top: 40px;
    margin-bottom: 30px;
    width: 380px;
    min-height: 438px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    overflow: hidden;
}

.login-container .content {
    width: 200%;
    background: #f7f7f7;
}

.login-container .content #login, .login-container .content #tenant {
    width: 50%;
    float: left;
    position: relative;
}

#loginForm form.form-login {
    padding: 50px 30px 40px;
}

#loginForm h2,
.confirmation-invitation-container .select-tenant > h2 {
    margin: 0;
    padding: 35px 55px;
    text-align: center;
    font-size: 28px;
    border-bottom: 1px solid #d0d0d0;
    background: #f5f5f5;
}

#loginForm ul {
    margin: 0;
    padding: 0;
}

#loginForm .form-group > div > .btn {
    width: 100%;
}

#loginForm.forgot-password {
    min-height: unset;
}

#loginForm.forgot-password .login-container {
    display: block;
    overflow: auto;
    min-height: unset;
}

#loginForm.forgot-password .content {
    width: 100%;
}

#loginForm .warning-browser-container {
    display: none;
}

.device-ie #loginForm .warning-browser-container {
    display: block !important;
}

form.choose-tenant {
    padding: 40px 30px 0;
}

form.forgot-password {
    padding: 40px 30px;
}

.choose-tenant .tenant,
.confirmation-invitation-container .tenant-list .tenant-detail {
    padding: 15px 20px;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    background: #fff;
}

.choose-tenant .tenant + .tenant {
    margin-top: 5px;
}

.choose-tenant .tenant[data-allow-access="False"] {
    background: #e6e6e6;
    cursor: not-allowed;
}

.tenant-list .tenant[data-allow-access="False"]:before {
    content: url('/Content/images/lock.png');
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.choose-tenant .tenant[data-allow-access="False"]:hover {
    background: #e6e6e6;
}

.choose-tenant .tenant.selected {
    outline: auto;
    outline-color: #2780e3;
    background-color: #fff;
}

.choose-tenant .tenant.unselected {
    opacity: 0.5;
}

.choose-tenant .tenant h4 {
    margin: 0 0 5px;
    text-transform: none;
}

.choose-tenant .tenant h5,
.confirmation-invitation-container .tenant-detail > h4 {
    margin: 0;
}

.choose-tenant .tenant span.last-login,
#tenant .confirmation-invitation .tenant > .last-login {
    margin-bottom: 15px;
    font-style: italic;
    color: #b1b1b1;
    font-size: 13px;
}

.choose-tenant .tenant:hover {
    background-color: #dee7ef;
}

.choose-tenant .tenant-list {
    height: 245px;
    margin-bottom: 0;
    overflow-y: auto;
}

#tenant #back {
    position: absolute;
    font-size: 25px;
    left: 0;
    margin-left: 30px;
    margin-top: 32px;
    padding: 5px;
    cursor: pointer;
    color: #7d7c7c;
}

#login .lock-container {
    background-color: #b5b5b5;
    padding: 11px 10px 10px 15px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -25px;
}

#login .lock-container .lock-icon {
    background: url('/Content/images/lock.png') no-repeat;
    width: 20px;
    height: 26px;
    display: block;
}

#registration-form .new-customer > .row {
    border-right: 1px solid #ccc;
}

#registration-form .new-customer.no-border > .row {
    border-right: none !important;
}

#registration-form #login-submit,
#modal-invoice-payment #login-submit {
    margin-top: 15px;
}

@media (max-width: 991px) {
    .choose-tenant {
        min-height: 100px;
    }

    #loginForm h2 {
        background: none;
    }

    #loginForm .login-container {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .login-container .content {
        background: none;
    }

    #loginForm form {
        padding: 20px 15px;
    }

    #tenant #back {
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    #registration-form .new-customer > .row {
        border-right: 0;
    }
}

@media (max-width: 450px) {
    #loginForm .login-container {
        width: unset;
        box-shadow: unset;
    }

    #loginForm form {
        padding: 20px 0;
    }
}

#loginForm .login-container .warning-browser {
    text-align: center;
    border: 1px solid #ff9900;
    color: #ff9900;
    background: #fff;
    padding: 10px 8px 10px;
}

#fullscreen-task-view hr {
    margin: 10px 0;
}

#fullscreen-task-view .task-fullscreen-title h2 {
    margin: 0;
    vertical-align: bottom;
    float: left;
    margin-right: 15px;
}

#fullscreen-task-view .task-fullscreen-title .checklist-completestatus {
    display: inline-block;
    height: auto;
    padding: 5px 10px;
    margin-left: 20px;
}

#fullscreen-task-view .task-fullscreen-title .checklist-add {
    float: none;
    vertical-align: top;
    margin-top: 2px;
}

#fullscreen-task-view .task-fullscreen-title #close-fullscreen,
#close-medical-schedules {
    cursor: pointer;
    font-size: 19px;
    font-weight: bold;
    background-color: white;
    position: absolute;
    top: 10px;
    right: 18px;
    z-index: 999;
    padding: 2px 7px;
    border-radius: 50%;
}

#fullscreen-task-view .task-fullscreen-title #close-fullscreen {
    top: 13px;
    right: 23px;
}

#fullscreen-task-view .listed-event.template {
    display: none;
}

#btn-add-newtask.disabled, .btn-add-newtask.disabled {
    cursor: wait;
}

#fullscreen-task-view .btn-add-newtask.btn-primary {
    vertical-align: bottom;
    margin-bottom: 1px;
    line-height: 1;
    margin-right: 10px;
    float: left;
}

#fullscreen-task-view .task-viewmode-btn {
    float: right;
    margin-right: 40px;
}

#fullscreen-task-view .task-viewmode-btn .btn-viewmode:not(:first-child) {
    margin-left: -4px;
}

#fullscreen-task-view .task-viewmode-btn .btn-viewmode {
    outline: none;
}

#fullscreen-task-view .task-viewmode-btn .btn-viewmode.active,
.custom-dropdown-filter li[data-group="status"] .btn.active,
.custom-dropdown-filter li[data-group="medical-reminder-type"] .btn.active {
    color: #fff !important;
    background-color: #333 !important;
    border: none;
}


#monthly {
    position: relative;
}

.monthly-day-wrap {
    border: 1px solid #d6d6d6;
    border-top: none;
}

#monthly .monthly-event-indicator.locked {
    background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0.3) 10px, rgba(0, 0, 0, 0.3) 20px);
    text-shadow: 1px 1px #000;
    cursor: not-allowed;
    opacity: 0.85;
}

#monthly .monthly-event-indicator.past {
    opacity: 0.5;
}

#monthly .monthly-day-event > .monthly-indicator-wrap {
    /*height:70px;*/
}

#monthly .monthly-day .monthly-event-indicator[data-position="1"] {
    top: 0px;
}

#monthly .monthly-day .monthly-event-indicator[data-position="2"] {
    top: 21px;
}

#monthly .monthly-day .monthly-event-indicator[data-position="3"] {
    top: 42px;
}

#monthly .monthly-day .monthly-event-indicator[data-position="4"] {
    top: 63px;
}

#monthly .monthly-day .monthly-event-indicator[data-position="5"] {
    top: 84px;
}

#monthly .monthly-day .monthly-event-indicator[data-position="6"] {
    top: 105px;
}

#monthly .monthly-day .monthly-event-indicator[data-position="7"] {
    top: 126px;
}

#monthly .monthly-day .monthly-event-indicator[data-position="8"] {
    top: 147px;
}

#monthly .monthly-day .monthly-event-indicator[data-position="9"] {
    top: 168px;
}

#monthly .monthly-day .monthly-event-indicator[data-position="10"] {
    top: 189px;
}

.monthly-day .more-event-info {
    display: none;
}

#monthly .listed-event {
    position: relative;
}

#monthly .monthly-event-indicator.task-completed:after {
    content: '\2713';
    position: absolute;
    right: 6px;
    top: 5px;
}

#monthly .listed-event.task-completed:after {
    right: 10px;
}

#monthly .daystreak {
    z-index: 1;
}

#monthly a.monthly-day {
    text-decoration: none;
}

#monthly a.monthly-day:hover {
    background-color: khaki;
}

#monthly .monthly-event-indicator:hover {
    opacity: 0.85;
}

#monthly .listed-event:not(.event-list-highlighted) .event-detail:hover {
    background: #dee7ef;
}

#monthly .monthly-event-list .listed-event.row-hide,
#checklist .checklist-group-rows .dashboard-contents-row.row-hide,
#checklist .list-editor-rows .checklist-row.row-hide {
    opacity: 0;
    display: none;
    transition: opacity 0.5s linear;
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
}

#monthly.fullscreen, .task-fullscreen-title {
    padding: 0 20px;
    width: 100%;
}

#fullscreen-task-view .filter-container {
    float: left;
    margin-left: 8px;
    height: 30px;
    width: 50%;
    overflow: hidden;
}

@media screen and (max-width: 1105px) {
    #fullscreen-task-view .filter-container {
        width: 40%;
    }
}

#fullscreen-task-view .filter-container .template-section,
#fullscreen-task-view .filter-container .template-assigned,
#fullscreen-task-view .filter-container .template-priority,
#fullscreen-task-view .filter-container .template-completed-by {
    float: left;
    max-width: 45%;
    overflow: hidden;
}

#fullscreen-task-view #fullscreen-task-calendar {
    position: relative;
}

#fullscreen-task-view #fullscreen-task-summary {
    padding: 100px 20px 0 20px;
}

#fullscreen-task-view .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 7px;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 0px;
}

#fullscreen-task-view .task-summary-filter {
    margin-top: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-items: self-end;
}

@media (max-width: 1200px) {
    #fullscreen-task-view .task-summary-filter {
        flex-wrap: wrap !important;
    }
}

#fullscreen-task-view #table-task-summary-head {
    margin-bottom: 0;
    margin-top: 10px;
}

#fullscreen-task-view.task-summary-view .hide-when-task-summary,
#fullscreen-task-view .show-when-task-summary {
    display: none;
}

#fullscreen-task-view.task-summary-view .show-when-task-summary {
    display: block;
}

#fullscreen-task-view.data-empty .hide-when-data-empty,
#fullscreen-task-view .show-when-data-empty {
    display: none;
}

#fullscreen-task-view.data-empty .show-when-data-empty {
    display: block;
}

#fullscreen-task-view .task-summary-filter .form-group {
    display: inline-block;
    margin-top: 5px;
    margin-right: 10px;
}

#fullscreen-task-view .task-summary-filter .input-group {
    top: 1px;
}

.search-wrapper-hashtag .form-group,
#daily-report-summary-filter .form-group {
    float: left;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 10px;
}

#daily-report-summary-filter .summary-filter-container .clear-filter-note {
    display: none;
}

#daily-report-summary-filter .summary-refine-filter-container .form-group {
    margin: 0px 0 10px 15px;
}

#daily-report-summary-filter .form-control {
    padding: 9px 13px;
}

#fullscreen-task-view .task-summary-filter .form-control.filter-searchText::-ms-clear {
    display: none;
}

#fullscreen-task-view .task-summary-filter .form-control.filter-occurrence,
#fullscreen-task-view .task-summary-filter .form-control.filter-importance,
#daily-report-summary-filter .form-control.filter-importance {
    padding-right: 20px;
}

.search-wrapper-hashtag .form-control.filter-note-entity-type.default,
#fullscreen-task-view .task-summary-filter .form-control.filter-occurrence.default,
#fullscreen-task-view .task-summary-filter .form-control.filter-importance.default,
#daily-report-summary-filter .form-control.filter-importance.default,
#daily-report-summary-filter .form-control.filter-note-entity-type.default {
    color: #999;
}

.search-wrapper-hashtag .form-control.filter-note-entity-type option,
#fullscreen-task-view .task-summary-filter .form-control.filter-occurrence option,
#fullscreen-task-view .task-summary-filter .form-control.filter-importance option,
#daily-report-summary-filter .form-control.filter-importance option,
#daily-report-summary-filter .form-control.filter-note-entity-type option {
    color: #333;
}

#fullscreen-task-view .task-summary-filter .form-control #filterSearchText {
    padding-right: 25px;
}

#fullscreen-task-view .assigned-to-container > span {
    display: block;
}

#fullscreen-task-view .task-summary-filter .tasktype-container,
#fullscreen-task-view .task-summary-filter .assigned-to-container {
    width: 380px;
    vertical-align: top;
}

#fullscreen-task-view .task-summary-filter .tasktype-container.empty .select2-container .select2-selection,
#fullscreen-task-view .task-summary-filter .assigned-to-container.empty .select2-container .select2-selection {
    height: 43px;
}

#fullscreen-task-view .task-summary-filter .tasktype-container:not(.empty) .select2-container .select2-selection,
#fullscreen-task-view .task-summary-filter .assigned-to-container:not(.empty) .select2-container .select2-selection {
    max-height: 135px;
    overflow-y: auto;
}

#fullscreen-task-view .task-summary-filter .tasktype-container .input-group-btn.open .dropdown-menu,
#fullscreen-task-view .task-summary-filter .assigned-to-container .input-group-btn.open .dropdown-menu {
    top: 40px;
}

.device-ie .dailyreport-edit #fullscreen-task-view .task-summary-filter .assigned-to-container,
.device-ie .dailyreport-view #fullscreen-task-view .task-summary-filter .assigned-to-container {
    vertical-align: top;
}

#fullscreen-task-view .task-summary-filter .checklist-container {
    width: 200px;
    vertical-align: top;
}

.device-ie .dailyreport-edit #fullscreen-task-view .task-summary-filter .checklist-container > span.select2,
.device-ie .dailyreport-view #fullscreen-task-view .task-summary-filter .checklist-container > span.select2 {
    margin-bottom: 0px;
}

#fullscreen-task-view .task-summary-filter .filter-checklist {
    max-width: 180px;
}

.device-ie .dailyreport-edit #fullscreen-task-view .task-summary-filter .button-search .btn,
.device-ie .dailyreport-view #fullscreen-task-view .task-summary-filter .button-search .btn {
    margin-bottom: 0px;
}

.device-ie #fullscreen-task-view .task-summary-filter .button-search {
    vertical-align: top;
    margin-top: 21px;
}

#fullscreen-task-view .task-summary-filter .assigned-to-container .btn[value="All"],
#fullscreen-task-view .task-summary-filter .tasktype-container .btn[value="All"] {
    color: #999 !important;
}

#fullscreen-task-view .task-summary-filter .assigned-to-container li.all a,
#fullscreen-task-view .task-summary-filter .tasktype-container li.all a {
    color: transparent !important;
}

#fullscreen-task-view #table-task-summary-head thead tr td {
    border-bottom: 2px solid #ddd;
    padding: 10px 8px;
    font-weight: 600;
}


#fullscreen-task-view td.when,
#fullscreen-task-view td.task-type,
#fullscreen-task-view td.checklist,
#fullscreen-task-view td.description {
    width: 10%;
}

#fullscreen-task-view td.task-name,
#fullscreen-task-view td.assigned-to-container {
    width: 12%;
}

#fullscreen-task-view .assigned-to {
    position: relative;
}

#fullscreen-task-view td.start-date,
#fullscreen-task-view td.due-date,
#fullscreen-task-view td.created-by,
#fullscreen-task-view td.updated-by {
    width: 9%;
}

#fullscreen-task-view #fullscreen-task-summary tbody tr.locked {
    opacity: 0.7;
    background: #eaeaea;
}

#fullscreen-task-view #table-task-summary-head .task-name,
#fullscreen-task-view #fullscreen-task-summary tbody .task-name {
    position: relative;
    padding-left: 20px;
}

#fullscreen-task-view #fullscreen-task-summary tbody .task-value {
    height: 43px;
    overflow: hidden;
}

.hide-when-selected .select2-results__option[aria-selected=true] {
    display: none;
}

#fullscreen-task-view #fullscreen-task-summary tbody .task-name .importance-indicator,
#table-daily-summary-body .report-date .importance-indicator {
    height: 100%;
    content: ' ';
    width: 0px;
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
}

#fullscreen-task-view #fullscreen-task-summary tbody .task-name[data-importance-value="2"] .importance-indicator,
#table-daily-summary-body .report-date .importance-indicator.important {
    width: 8px;
    background: #ff7518;
}

#fullscreen-task-view #fullscreen-task-summary tbody .task-name[data-importance-value="3"] .importance-indicator,
#table-daily-summary-body .report-date .importance-indicator.critical {
    width: 8px;
    background: #ff0039;
}

#taskchecklist.task-only .hide-when-task-only {
    display: none !important;
}

#taskchecklist.task-only .task-start-date-container,
#taskchecklist.task-only .task-due-date-container {
    float: none;
}

#fullscreen-task-view.task-summary-view .task-fullscreen-title {
    position: fixed;
    background: #fff;
    z-index: 1001;
    top: 50px;
}

.device-ios #fullscreen-task-view.task-summary-view .task-fullscreen-title {
    position: relative;
    top: 0;
}

.device-ios #fullscreen-task-view.task-summary-view .task-fullscreen-title.position-fixed {
    position: fixed;
}

#fullscreen-task-view.task-summary-view.without-menubar .task-fullscreen-title {
    top: 0;
}

#fullscreen-task-view .task-fullscreen-title {
    padding-top: 10px;
}

#fullscreen-task-view .task-summary-filter .text-container,
#daily-report-summary-filter .text-container {
    position: relative;
}

#fullscreen-task-view .task-summary-filter #filterSearchText,
#daily-report-summary-filter #filterSearch {
    padding-right: 25px;
}

#daily-report-summary-filter .filter-from-date,
#daily-report-summary-filter .filter-to-date {
    width: 120px;
}

#fullscreen-task-view .task-summary-filter .clear-filter,
#daily-report-summary-filter .clear-filter {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 5px;
    display: none;
}

.device-ie #daily-report-summary-filter .clear-filter {
    margin-top: -4px;
}

#fullscreen-task-view .task-summary-filter .show-clear-filter .clear-filter,
#daily-report-summary-filter .show-clear-filter .clear-filter {
    display: block;
    color: #aaa;
    font-size: 15px;
}

#fullscreen-task-summary tbody tr:first-child td {
    border-top: none;
}

#fullscreen-task-summary tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

#fullscreen-task-summary tbody tr:not(.locked):hover {
    background-color: #dee7ef !important;
}

#fullscreen-task-view .task-viewmode-btn .btn-title {
    display: inline-block;
    font-size: 15px;
    margin-left: 3px;
}

#daily-report-summary-filter .filter-section-container select {
    float: left;
    width: auto;
}

#daily-report-summary-filter #filterSectionStatus {
    width: 115px;
}

@media screen and (max-width: 812px) {
    #fullscreen-task-view .task-summary-filter {
        position: absolute;
        background: #fff;
        width: 100%;
        display: block !important;
        background: #fff;
        width: 100%;
        padding: 10px;
        transition: all .3s cubic-bezier(.32,.7,.63,.81);
        left: -100%;
        opacity: 0.6;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        max-height: 380px;
        overflow-y: auto;
        z-index: 2;
    }

    #fullscreen-task-view.show-summary-filter .task-summary-filter {
        left: 0;
        opacity: 1;
    }

    #fullscreen-task-view .task-summary-filter .form-group {
        display: block;
        margin: 0 0 15px;
    }

    #fullscreen-task-view .task-summary-filter .filter-fromStartDate,
    #fullscreen-task-view .task-summary-filter .filter-toStartDate,
    #fullscreen-task-view .task-summary-filter .filter-checklist,
    #fullscreen-task-view .task-summary-filter .assigned-to-container,
    #fullscreen-task-view .task-summary-filter .tasktype-container,
    #fullscreen-task-view .task-summary-filter .checklist-container {
        width: 100%;
        max-width: 100%;
    }

    #fullscreen-task-view.task-summary-view.show-summary-filter .btn-summary-filter {
        background: #f4f4f4 !important;
    }

    #fullscreen-task-view .task-summary-filter .btn-search {
        width: 100%;
    }

    #fullscreen-task-view .task-viewmode-btn .btn-title {
        display: none;
    }
}

@media screen and (max-height: 414px) {
    #fullscreen-task-view .task-summary-filter {
        max-height: 290px;
    }
}

@media screen and (min-height:415px) and (max-height:480px) {
    #fullscreen-task-view .task-summary-filter {
        max-height: 320px;
    }
}

@media screen and (max-width: 767px) {
    #fullscreen-task-view td.task-name {
        width: 30%;
    }

    #fullscreen-task-view td.start-date,
    #fullscreen-task-view td.due-date {
        width: 20%;
    }

    #fullscreen-task-view td.assigned-to {
        width: 30%;
    }
}

@media screen and (max-width: 520px) {
    #fullscreen-task-view .task-fullscreen-title h2 {
        float: none;
    }

    #fullscreen-task-view .task-viewmode-btn {
        margin-right: 0;
        vertical-align: top;
    }

    #fullscreen-task-view .task-fullscreen-title #close-fullscreen {
        right: 5px;
    }
}

@media screen and (max-width: 479px) {
    #fullscreen-task-view td.task-name {
        width: 60%;
    }

    #fullscreen-task-view td.start-date {
        width: 40%;
    }

    #fullscreen-task-view .task-summary-filter .input-group {
        display: block;
    }

    #fullscreen-task-view .task-summary-filter .btn {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 920px) {
    #fullscreen-task-view .filter-container {
        width: 45%;
    }
}

.filter-template {
    display: none;
}

.filter-container .filter,
.checklist-assign-to {
    float: left;
    padding: 3px 10px;
    background: #e4e4e4;
    margin: 7px 2px 2px 2px;
    font-weight: bold;
    font-size: 12px;
}

.checklist-assign-to {
    padding: 4px 7px;
    float: none;
}

.device-ie .checklist-assign-to.btn-group {
    overflow: visible;
}

.checklist-assign-to.btn-group {
    padding: 0;
    position: static;
    overflow: unset;
    margin-top: 0px !important;
    margin-left: 0 !important;
}

.checklist-assign-to.btn-group .dropdown-menu {
    padding: 0;
    min-width: 120px;
    border: none;
    position: absolute;
}

.checklist-assign-to.btn-group .dropdown-menu {
    padding: 0;
    min-width: 120px;
    border: none;
}

.checklist-assign-to.btn-group .dropdown-menu.float-right {
    right: 0;
    left: auto;
}

#checklist .checklist-assign-to.btn-group ul.dropdown-menu li,
#monthly .checklist-assign-to.btn-group ul.dropdown-menu li {
    margin: 0 !important;
}

#checklist .checklist-assign-to.btn-group ul.dropdown-menu li ~ li,
#monthly .checklist-assign-to.btn-group ul.dropdown-menu li ~ li {
    margin-top: 1px !important;
}

.checklist-assign-to.btn-group .dropdown-menu li ~ li {
    margin-top: 1px;
}

.checklist-assign-to.btn-group .dropdown-menu .checklist-assign-to {
    display: block;
    float: none;
    margin: 0;
    padding: 5px 7px;
}

.filter-container .filter-hide {
    display: none;
}

.filter-container .filter-section.more,
.filter-container .filter-assigned.more,
.filter-container .filter-completed-by.more,
.filter-container .label-tasktype.more {
    position: static;
    padding: 0;
}


.filter-container .filter-section.more .btn,
.filter-container .filter-assigned.more .btn,
.filter-container .filter-completed-by.more .btn,
.filter-container .label-tasktype.more .btn,
.checklist-assign-to .btn {
    margin: 0;
    background: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    position: relative;
    padding: 4px 10px 5px;
}

.filter-container .label-tasktype.more .btn {
    color: #000;
    border: none;
}

.checklist-assign-to .btn {
    padding: 4px 7px;
    font-size: 11px;
}

.filter-container .filter-section.more .caret,
.filter-container .filter-assigned.more .caret,
.filter-container .filter-completed-by.more .caret,
.filter-container .label-tasktype.more .caret {
    margin-left: 5px;
}

.filter-container .filter-assigned.more ul,
.filter-container .filter-section.more ul,
.filter-container .filter-completed-by.more ul,
.filter-container .label-tasktype.more ul {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    background: none;
    padding: 0;
    left: auto;
    top: 38px;
    max-width: 400px;
    max-height: 500px;
    overflow-y: auto;
}


.filter-container .filter-section.more ul li,
.filter-container .filter-assigned.more ul li,
.filter-container .filter-completed-by.more ul li,
.filter-container .label-tasktype.more ul li {
    padding: 5px 10px;
    margin: 0;
    background: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filter-container .filter-assigned.more ul li {
    background: #5a7fa9;
}

.filter-container .filter-section.more ul li {
    background: #5f9d9f;
}

.filter-container .filter-completed-by.more ul li {
    background: #e4e4e4;
    color: #333;
}

.filter-container .filter-section.more ul li + li,
.filter-container .filter-assigned.more ul li + li,
.filter-container .filter-completed-by.more ul li + li,
.filter-container .label-tasktype.more ul li + li {
    border-top: 1px solid #e6e6e6;
}

.filter-container .filter .remove {
    cursor: pointer;
    padding: 5px;
    font-weight: bold;
    font-size: 13px;
    color: #8c8c8c;
    transition: all .25s ease-in-out;
}

.filter-container .filter .remove:hover {
    color: #000;
}

.dashboard-index.fullscreen-view {
    padding-top: 5px;
}

#fullscreen-task-view,
.dashboard-index #medical-reminder-schedule,
.dailyreport-edit #medical-reminder-schedule,
.dailyreport-view #medical-reminder-schedule {
    padding-top: 5px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    animation-duration: 2s;
    display: none;
}

#fullscreen-task-view {
    padding-top: 0;
    top: 50px;
    display: block;
}

.dashboard-index #medical-reminder-schedule,
.dailyreport-edit #medical-reminder-schedule,
.dailyreport-view #medical-reminder-schedule {
    top: 50px;
}

.dashboard-index #medical-reminder-schedule,
.dailyreport-edit #medical-reminder-schedule,
.dailyreport-view #medical-reminder-schedule {
    background: #fff;
    z-index: 700;
    padding: 0 20px 10px 20px;
}

#monthly .monthly-event-list {
    animation-delay: .1s;
}

#monthly .monthly-header, .monthly-day-title-wrap, .monthly-day-wrap, .monthly-event-list {
    animation-duration: .8s;
}

#monthly .monthly-list-item {
    padding: 5px 0px;
    flex-flow: row wrap;
    height: auto;
}

@media(max-width: 991px) {
    #monthly .monthly-list-item {
        flex-direction: column;
        width: 100%;
        padding-right: 15px;
    }

    #monthly .stacking-date {
        width: 100% !important;
        z-index: 1;
        border-bottom: 1px solid #e6e6e6;
        background-color: #fff;
        flex: 1;
        margin: 12px 0 0;
        padding-left: 10px;
    }

    #monthly .stacking-date-content {
        margin-top: 1px;
    }

    #monthly .stacking-date {
        top: -1px !important;
    }
}

@media(min-width: 992px) {
    #monthly .stacking-date {
        margin: 12px 20px 0 15px;
        width: 61px;
    }

    #monthly .stacking-date {
        top: 15px !important;
    }
}

#monthly .monthly-list-item.item-has-event {
    display: flex;
}

#monthly .monthly-event-list .listed-event {
    padding: 0;
    margin: 0;
    border-radius: 0;
}

#monthly .monthly-event-list .listed-event.load-more {
    font-weight: bold;
    color: #2780e3;
    text-decoration: none;
    cursor: pointer;
    padding: 10px;
}

#monthly .monthly-event-list .monthly-list-item:not(.item-has-event)[data-no-task-message] {
    display: flex !important;
}

#monthly .monthly-event-list .monthly-list-item:not(.item-has-event) .checklist-group-count {
    display: none !important;
}


#monthly .monthly-event-list .monthly-list-item:not(.item-has-event)[data-no-task-message]:after {
    display: flex;
    align-items: center;
}

#monthly .monthly-event-list .monthly-list-item.item-has-event .listed-event-container {
    flex: 1;
}

#monthly .monthly-event-list .listed-event.load-more:hover {
    text-decoration: underline;
}

#monthly .monthly-event-list .listed-event:not(:last-child) {
    border-bottom: 1px solid #ececec;
}

#monthly .monthly-day-wrap.low-opacity .monthly-event-indicator {
    opacity: 0.4;
}

#monthly .listed-event .event-detail {
    color: #000;
    padding: 10px 8px;
    transition: all .25s ease-in-out;
}

#monthly .listed-event.locked .event-detail {
    border-top: 1px solid #e6e6e6 !important;
}

#monthly .listed-event .event-detail .event-content {
    padding-left: 13px;
    cursor: pointer;
    float: left;
    width: calc(100% - 28px);
}

#monthly .listed-event .event-detail .checklist-label-due-date.task-due-date {
    display: none;
}

#monthly .listed-event .event-detail .checklist-label-due-date.task-due-date.over-due,
#monthly .listed-event .event-detail .checklist-label-due-date.task-due-date.due-date {
    display: inline-block !important;
}

#monthly .listed-event .event-detail ul {
    list-style: none;
    padding: 0;
    margin: 2px 0 0 0;
}

#monthly .listed-event .event-detail ul li {
    margin-right: 10px;
}



#checklist .task-btn-group {
    display: flex;
    align-items: center;
    z-index: 1;
    padding-top: 6px;
}

.medical-reminder-header {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: space-between;
}

.dailyreport-medicalreminder-container .divider-medical-header {
    margin-top: 9px !important;
    border-top: 1px solid #999;
}

.dailyreport-task-container .help-icon {
    margin-left: 5px;
}

#checklist .task-btn-group ul li,
.taskchecklist-filter-status .sort-by-container .btn-group ul li {
    padding: 10px;
    line-height: 1;
}

#checklist .task-btn-group .btn {
    padding: 0 3px;
    border: none;
    background: none;
    color: #333;
    box-shadow: none;
    outline: none;
}

select > option {
    padding: 5px 2px 5px !important;
    line-height: 3em !important;
}

select > option[disabled="disabled"] {
    color: #aaa;
}

#checklist .task-btn-group ul li + li,
.taskchecklist-filter-status .sort-by-container .btn-group ul li + li {
    border-top: 1px solid #ccc;
}

#checklist .fullscreen-view,
#checklist .fullscreen-summary-view,
.taskchecklist .sort-icon,
.taskchecklist-filter-status .sort-by-container .btn-group ul li {
    cursor: pointer;
}

#checklist .task-btn-group ul .fullscreen-view-text {
    margin-top: 3px;
}

#checklist .task-btn-group ul .fullscreen-view:hover,
#checklist .task-btn-group ul .fullscreen-summary-view:hover,
.taskchecklist-filter-status .sort-by-container .btn-group ul li:hover {
    background: #e7e7e7;
}

#checklist .calendar-view.disabled {
    cursor: default;
}

.dailyreport-view #checklist .calendar-view, .dailyreport-edit #checklist .calendar-view {
    top: 5px;
    left: 83px;
}

#checklist .fullscreen-view-pipe, #medical-record-reminder-cards .medical-reminder-pipe {
    border-left: 2px solid #999;
    display: inline-block;
}

#checklist .fullscreen-view-pipe {
    margin-left: 10px;
    line-height: 1;
}

#medical-record-reminder-cards .medical-reminder-pipe {
    margin-left: 12px;
}

#medical-record-reminder-cards .medical-reminder-pipe {
    margin-top: 5px;
}

.dashboard-index #checklist .fullscreen-view-icon {
    font-size: 14px;
    vertical-align: top;
}

.dailyreport-edit #checklist .fullscreen-view-icon {
    font-size: 14px;
}

#checklist .task-btn-group .caret {
    margin-top: -6px;
}

#checklist .fullscreen-view-text, #medical-record-reminder-cards .medical-reminder-text {
    font-size: 12px;
    vertical-align: top;
    text-transform: none;
}

#checklist .fullscreen-view-text {
    font-size: 12px;
    font-weight: bold;
    margin-left: 3px;
}

task-btn-group ul .fullscreen-view-text {
    vertical-align: middle;
}

#monthly .monthly-event-list {
    background: #fff;
    width: 90%;
}

.taskchecklist-filter-status.filtered > .btn,
.taskchecklist-filter-status.filtered > .btn,
.medical-reminders-filter.filtered > .btn {
    color: #fff !important;
    background-color: #3db1a5 !important;
    border-color: #3db1a5 !important;
}

.taskchecklist-filter-status.filtered > .btn[aria-expanded="true"],
.medical-reminders-filter.filtered > .btn[aria-expanded="true"] {
    background-color: #3db1a4 !important;
    border-color: #3db1a4 !important;
}

.taskchecklist-filter-status.filtered > .btn span,
.medical-reminders-filter.filtered > .btn span {
    color: #fff !important;
}

.taskchecklist-filter-status, .taskchecklist-filter-date {
    float: left;
}

.taskchecklist-filter-status,
#fullscreen-task-view .btn-summary-filter {
    margin-left: -1px;
}

.animal-view .filter-measurement-container .custom-dropdown-filter,
.custom-dropdown-filter {
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
}

#medical-reminder-schedule .custom-dropdown-filter,
.animal-view .custom-dropdown-filter {
    max-height: 45vh;
}

.custom-dropdown-filter li[data-group] .checkbox-container {
    padding-left: 20px;
    position: relative;
}

.custom-dropdown-filter li[data-group] .checkbox-container input[type="checkbox"] {
    position: absolute;
    left: 0px;
}

.device-ie-edge .custom-dropdown-filter.medical-reminders {
    width: 236px;
}

.device-ie .custom-dropdown-filter.medical-reminders {
    width: 237px;
}


#default-view .welfare-header-detail .welfare-name::-webkit-scrollbar-thumb {
    background: #ccc;
    border: 5px solid transparent;
    border-radius: 10px;
    background-clip: content-box;
}

#default-view .welfare-header-detail .welfare-name::-webkit-scrollbar {
    width: 18px;
}

.section-detail-content-inner-container .panel-note-container .nav.nav-pills::-webkit-scrollbar,
.animal-view .panel-note-container .nav-pills::-webkit-scrollbar {
    height: 9px;
}

.panel-measurement .row-measurements::-webkit-scrollbar,
#measurement-item-modal .modal-body::-webkit-scrollbar,
.custom-dropdown-filter::-webkit-scrollbar,
#taskchecklist.modal .modal-body-wrapper .description-container .description::-webkit-scrollbar,
.choose-tenant .tenant-list::-webkit-scrollbar,
#table-daily-summary-body .all-notes-container::-webkit-scrollbar,
.custom-scrollbar::-webkit-scrollbar,
.dashboard-index #medical-taskcard-container .schedules-container::-webkit-scrollbar,
#daily-report-body #medical-taskcard-container::-webkit-scrollbar,
#daily-report-body #checklist .list-editor-rows::-webkit-scrollbar,
.measurement-schedule::-webkit-scrollbar,
.timeline-template::-webkit-scrollbar,
.sidebar-sections-list .list-container::-webkit-scrollbar,
.welfare-template-list .list-template-container::-webkit-scrollbar,
#weather-card-container::-webkit-scrollbar,
#item-card-container::-webkit-scrollbar,
.welfare-onlinetemplates .template-detail-wrapper .template-menu-header .reviews-template::-webkit-scrollbar,
#general-note-container::-webkit-scrollbar,
.editable .edit-field-container::-webkit-scrollbar,
.welfare-popover-resize .popover-content::-webkit-scrollbar,
.measurement-unit-popover .popover-content::-webkit-scrollbar,
.popover-user-notification .popover-content .notification-list::-webkit-scrollbar,
#daily-report-body .dailyreport-weather-container .detail-weather::-webkit-scrollbar,
#measurement-tab .navbar-custom::-webkit-scrollbar,
.copy-merge-measurement-container .preview-table .preview-content-container.preview-output::-webkit-scrollbar,
.copy-merge-measurement-container .custom-level-checked .content-item-container.preview-content-container::-webkit-scrollbar,
#measurement-tab .container-entity-measurement-item::-webkit-scrollbar,
#measurement-template-container .container-entity-measurement-item::-webkit-scrollbar,
#calculated-measurement-tab .container-entity-measurement-item::-webkit-scrollbar,
.accordion-container ul.accordion-target::-webkit-scrollbar,
.list-editor .list-content-wrapper::-webkit-scrollbar,
.weather-contents .weather-forecast::-webkit-scrollbar,
.weather-contents .weather-hourly::-webkit-scrollbar,
.weather-contents .weather-hourly::-webkit-scrollbar,
#welfare-view-graph .chart-time-duration .chart-result::-webkit-scrollbar,
#measurementTemplate .modal-body::-webkit-scrollbar,
#measurementTemplate .template-edit-mode .content-measurement-template-container::-webkit-scrollbar,
#measurementTemplate .content-wrapper::-webkit-scrollbar,
.formula-outer-container .suggestion-container ul::-webkit-scrollbar,
.resource-allocation-menu .list-container ul::-webkit-scrollbar,
.confirmation-invitation-container .tenant-list::-webkit-scrollbar,
.search-resource-container .accordion-container .navbar::-webkit-scrollbar,
.resource-keyword-content-wrapper .category-content-container::-webkit-scrollbar,
.resource-keyword-content-wrapper .keywords-container .content-container::-webkit-scrollbar,
.search-resource-container .accordion-target .navbar-nav::-webkit-scrollbar,
.resource-container .grid-content-container .resource-detail-info::-webkit-scrollbar,
#edit-resource-keyword .dropdown-keyword-container .select2-selection--multiple::-webkit-scrollbar,
#edit-multiple-item .action-box .select2-selection--multiple::-webkit-scrollbar,
.resource-navigation-container .sidebar-nav-responsive::-webkit-scrollbar,
.user-details .section-users::-webkit-scrollbar,
.modal#copy-animal .modal-body::-webkit-scrollbar,
.list-measurement-details .row-measurements::-webkit-scrollbar,
#modalAnimalAssigned .row-animal::-webkit-scrollbar,
#addResourceModal:not(.resource-checkout) .modal-body::-webkit-scrollbar,
#addResourceModal.resource-checkout .carousel-inner::-webkit-scrollbar,
#receiving-resource-checkout .tags-content::-webkit-scrollbar,
#resourceCheckoutSingle .modal-body::-webkit-scrollbar,
#receiving-resource-checkout .carousel::-webkit-scrollbar,
.resource-checkout-timeline-container .resource-detail-container::-webkit-scrollbar,
.resource-checkout-filter-panel .panel-body::-webkit-scrollbar,
.panel-audit-container .panel .panel-body::-webkit-scrollbar,
.section-detail-content-inner-container .animal-in-section-container .panel-body::-webkit-scrollbar,
#resource-assigned-to .resource-checkout-info > .message-container::-webkit-scrollbar,
.dashboard-index .filtered-dashboard-task .content-filtered-dashboard-task::-webkit-scrollbar,
.filter-container .filter-assigned.more ul::-webkit-scrollbar,
.filter-container .filter-completed-by.more ul::-webkit-scrollbar,
.filter-container .filter-section.more ul::-webkit-scrollbar,
.filter-container .label-tasktype.more ul::-webkit-scrollbar,
#checklist .checklist-placeholder .schedules-container::-webkit-scrollbar,
#medical-taskcard-container .schedules-container::-webkit-scrollbar,
.medical-view #animal-groups::-webkit-scrollbar,
#animalgroupmodal .modal-body .result-search-for::-webkit-scrollbar,
.animal-group .sidebar-nav .navbar .navbar-collapse::-webkit-scrollbar,
.animal-group.tabbable .panel-body .list-animal-details.animal-group-view::-webkit-scrollbar,
.tabbable.animal-group .panel-body .list-animal-details.animal-group-edit .container-edit::-webkit-scrollbar,
#alertPopup.modal .welfare-items-on-delete-item-wrapper ul::-webkit-scrollbar,
#welfare-view-graph .box-chart .box-chart-title .title-button .dropdown-menu::-webkit-scrollbar,
.welfare-progress .container-list-welfare-template .dropdown-template .dropdown-menu::-webkit-scrollbar,
.custom-list .table-wrapper > div::-webkit-scrollbar,
.custom-list .table-wrapper table textarea::-webkit-scrollbar,
#custom-value-add .modal-body::-webkit-scrollbar,
.custom-list .navbar-custom::-webkit-scrollbar,
#resource-field-add .modal-body::-webkit-scrollbar,
.label-editor-container .editor-flag-panel.edit-mode .list-editor .show-edit-mode .list-editor-rows::-webkit-scrollbar,
.label-editor-container .editor-flag-panel.read-mode .read-only-mode::-webkit-scrollbar {
    width: 9px;
}

.detail-measurement .detail-row::-webkit-scrollbar,
.template-view-detail .detail-row::-webkit-scrollbar,
#default-view .timeline-mode .table-measurement::-webkit-scrollbar,
#default-view .welfare-entities-container > ul::-webkit-scrollbar {
    width: 10px;
}

.section-detail-content-inner-container .panel-note-container .nav.nav-pills::-webkit-scrollbar-thumb,
.animal-view .panel-note-container .nav-pills::-webkit-scrollbar-thumb,
#measurement-item-modal .modal-body::-webkit-scrollbar-thumb,
.custom-dropdown-filter::-webkit-scrollbar-thumb,
#taskchecklist.modal .modal-body-wrapper .description-container .description::-webkit-scrollbar-thumb,
.choose-tenant .tenant-list::-webkit-scrollbar-thumb,
#table-daily-summary-body .all-notes-container::-webkit-scrollbar-thumb,
.custom-scrollbar::-webkit-scrollbar-thumb,
.dashboard-index #medical-taskcard-container .schedules-container::-webkit-scrollbar-thumb,
#daily-report-body #medical-taskcard-container::-webkit-scrollbar-thumb,
#daily-report-body #checklist .list-editor-rows::-webkit-scrollbar-thumb,
.measurement-schedule::-webkit-scrollbar-thumb,
.timeline-template::-webkit-scrollbar-thumb,
.sidebar-sections-list .list-container::-webkit-scrollbar-thumb,
.welfare-template-list .list-template-container::-webkit-scrollbar-thumb,
.detail-measurement .detail-row::-webkit-scrollbar-thumb,
.template-view-detail .detail-row::-webkit-scrollbar-thumb,
#default-view .timeline-mode .table-measurement::-webkit-scrollbar-thumb,
#weather-card-container::-webkit-scrollbar-thumb,
#item-card-container::-webkit-scrollbar-thumb,
.detail-row.template-view-detail::-webkit-scrollbar-thumb,
.welfare-onlinetemplates .template-detail-wrapper .template-menu-header .reviews-template::-webkit-scrollbar-thumb,
.detail-row.template-view-detail::-webkit-scrollbar-thumb,
.editable .edit-field-container::-webkit-scrollbar-thumb,
#general-note-container::-webkit-scrollbar-thumb,
.welfare-popover-resize .popover-content::-webkit-scrollbar-thumb,
.measurement-unit-popover .popover-content::-webkit-scrollbar-thumb,
.popover-user-notification .popover-content .notification-list::-webkit-scrollbar-thumb,
#daily-report-body .dailyreport-weather-container .detail-weather::-webkit-scrollbar-thumb,
#measurement-tab .navbar-custom::-webkit-scrollbar-thumb,
.copy-merge-measurement-container .preview-table .preview-content-container.preview-output::-webkit-scrollbar-thumb,
.copy-merge-measurement-container .custom-level-checked .content-item-container.preview-content-container::-webkit-scrollbar-thumb,
#measurement-tab .container-entity-measurement-item::-webkit-scrollbar-thumb,
#calculated-measurement-tab .container-entity-measurement-item::-webkit-scrollbar-thumb,
#measurement-template-container .container-entity-measurement-item::-webkit-scrollbar-thumb,
.accordion-container ul.accordion-target::-webkit-scrollbar-thumb,
.list-editor .list-content-wrapper::-webkit-scrollbar-thumb,
.weather-contents .weather-forecast::-webkit-scrollbar-thumb,
.weather-contents .weather-hourly::-webkit-scrollbar-thumb,
.weather-contents .weather-hourly::-webkit-scrollbar-thumb,
#measurementTemplate .modal-body::-webkit-scrollbar-thumb,
#measurementTemplate .template-edit-mode .content-measurement-template-container::-webkit-scrollbar-thumb,
#measurementTemplate .content-wrapper::-webkit-scrollbar-thumb,
.formula-outer-container .suggestion-container ul::-webkit-scrollbar-thumb,
.resource-allocation-menu .list-container ul::-webkit-scrollbar-thumb,
.confirmation-invitation-container .tenant-list::-webkit-scrollbar-thumb,
.search-resource-container .accordion-container .navbar::-webkit-scrollbar-thumb,
.resource-keyword-content-wrapper .category-content-container .sidebar-navbar-collapse::-webkit-scrollbar-thumb,
.resource-keyword-content-wrapper .keywords-container .content-container::-webkit-scrollbar-thumb,
.search-resource-container .accordion-target .navbar-nav::-webkit-scrollbar-thumb,
.resource-container .grid-content-container .resource-detail-info::-webkit-scrollbar-thumb,
#edit-resource-keyword .dropdown-keyword-container .select2-selection--multiple::-webkit-scrollbar-thumb,
#edit-multiple-item .action-box .select2-selection--multiple::-webkit-scrollbar-thumb,
.summary-selected-filter-container .tags-content::-webkit-scrollbar-thumb,
.resource-navigation-container .sidebar-nav-responsive::-webkit-scrollbar-thumb,
.user-details .section-users::-webkit-scrollbar-thumb,
.modal#copy-animal .modal-body::-webkit-scrollbar-thumb,
#default-view .welfare-entities-container > ul::-webkit-scrollbar-thumb,
.list-measurement-details .row-measurements::-webkit-scrollbar-thumb,
#modalAnimalAssigned .row-animal::-webkit-scrollbar-thumb,
#addResourceModal:not(.resource-checkout) .modal-body::-webkit-scrollbar-thumb,
#addResourceModal.resource-checkout .carousel-inner::-webkit-scrollbar-thumb,
#receiving-resource-checkout .tags-content::-webkit-scrollbar-thumb,
#resourceCheckoutSingle .modal-body::-webkit-scrollbar-thumb,
#receiving-resource-checkout .carousel::-webkit-scrollbar-thumb,
.resource-checkout-timeline-container .resource-detail-container::-webkit-scrollbar-thumb,
.resource-checkout-filter-panel .panel-body::-webkit-scrollbar-thumb,
.panel-audit-container .panel .panel-body::-webkit-scrollbar-thumb,
.section-detail-content-inner-container .animal-in-section-container .panel-body::-webkit-scrollbar-thumb,
.dashboard-index .filtered-dashboard-task .content-filtered-dashboard-task::-webkit-scrollbar-thumb,
.filter-container .filter-assigned.more ul::-webkit-scrollbar-thumb,
.filter-container .filter-completed-by.more ul::-webkit-scrollbar-thumb,
.filter-container .filter-section.more ul::-webkit-scrollbar-thumb,
.filter-container .label-tasktype.more ul::-webkit-scrollbar-thumb,
#checklist .checklist-placeholder .schedules-container::-webkit-scrollbar-thumb,
#medical-taskcard-container .schedules-container::-webkit-scrollbar-thumb,
.medical-view #animal-groups::-webkit-scrollbar-thumb,
#animalgroupmodal .modal-body .result-search-for::-webkit-scrollbar-thumb,
.animal-group .sidebar-nav .navbar .navbar-collapse::-webkit-scrollbar-thumb,
.animal-group.tabbable .panel-body .list-animal-details.animal-group-view::-webkit-scrollbar-thumb,
.tabbable.animal-group .panel-body .list-animal-details.animal-group-edit .container-edit::-webkit-scrollbar-thumb,
#alertPopup.modal .welfare-items-on-delete-item-wrapper ul::-webkit-scrollbar-thumb,
#welfare-view-graph .box-chart .box-chart-title .title-button .dropdown-menu::-webkit-scrollbar-thumb,
.panel-measurement .row-measurements::-webkit-scrollbar-thumb,
.welfare-progress .container-list-welfare-template .dropdown-template .dropdown-menu::-webkit-scrollbar-thumb,
.panel-entities .nav-pills::-webkit-scrollbar-thumb,
.custom-list .table-wrapper > div::-webkit-scrollbar-thumb,
.custom-list .table-wrapper table textarea::-webkit-scrollbar-thumb,
#custom-value-add .modal-body::-webkit-scrollbar-thumb,
.custom-list .navbar-custom::-webkit-scrollbar-thumb,
#resource-field-add .modal-body::-webkit-scrollbar-thumb,
.label-editor-container .editor-flag-panel.edit-mode .list-editor .show-edit-mode .list-editor-rows::-webkit-scrollbar-thumb,
.label-editor-container .editor-flag-panel.read-mode .read-only-mode::-webkit-scrollbar-thumb {
    background: #ccc;
    border: 1px solid #E9EBEC;
    border-radius: 10px;
}

.template-view-detail .detail-row::-webkit-scrollbar,
.detail-measurement .detail-row::-webkit-scrollbar,
#default-view .timeline-mode .table-measurement::-webkit-scrollbar,
#default-view .welfare-entities-container > ul::-webkit-scrollbar,
.panel-audit-container .panel .panel-body::-webkit-scrollbar {
    height: 10px;
}

.panel-measurement .row-measurements::-webkit-scrollbar,
.welfare-popover-resize .popover-content::-webkit-scrollbar,
.measurement-unit-popover .popover-content::-webkit-scrollbar,
#daily-report-body .dailyreport-weather-container .detail-weather::-webkit-scrollbar,
#measurement-tab .navbar-custom::-webkit-scrollbar,
.copy-merge-measurement-container .preview-table .preview-content-container.preview-output::-webkit-scrollbar,
.copy-merge-measurement-container .custom-level-checked .content-item-container.preview-content-container::-webkit-scrollbar,
#measurement-tab .container-entity-measurement-item::-webkit-scrollbar,
#calculated-measurement-tab .container-entity-measurement-item::-webkit-scrollbar,
#measurement-template-container .container-entity-measurement-item::-webkit-scrollbar,
.accordion-container ul.accordion-target::-webkit-scrollbar,
.list-editor .list-content-wrapper::-webkit-scrollbar,
.weather-contents .weather-forecast::-webkit-scrollbar,
.weather-contents .weather-hourly::-webkit-scrollbar,
.resource-keyword-content-wrapper .category-content-container::-webkit-scrollbar,
.resource-keyword-content-wrapper .keywords-container .content-container::-webkit-scrollbar,
.search-resource-container .accordion-target .navbar-nav::-webkit-scrollbar,
.resource-container .grid-content-container .resource-detail-info::-webkit-scrollbar,
#edit-resource-keyword .dropdown-keyword-container .select2-selection--multiple::-webkit-scrollbar,
#edit-multiple-item .action-box .select2-selection--multiple::-webkit-scrollbar,
.summary-selected-filter-container .tags-content::-webkit-scrollbar,
.list-measurement-details .row-measurements::-webkit-scrollbar,
#modalAnimalAssigned .row-animal::-webkit-scrollbar,
#addResourceModal:not(.resource-checkout) .modal-body::-webkit-scrollbar,
#addResourceModal.resource-checkout .carousel-inner::-webkit-scrollbar,
#receiving-resource-checkout .tags-content::-webkit-scrollbar,
#resourceCheckoutSingle .modal-body::-webkit-scrollbar,
#receiving-resource-checkout .carousel::-webkit-scrollbar,
.resource-checkout-timeline-container .resource-detail-container::-webkit-scrollbar,
.resource-checkout-filter-panel .panel-body::-webkit-scrollbar,
.section-detail-content-inner-container .animal-in-section-container .panel-body::-webkit-scrollbar,
#resource-assigned-to .resource-checkout-info > .message-container::-webkit-scrollbar,
.section-detail-content-inner-container .panel-note-container .nav.nav-pills::-webkit-scrollbar,
.animal-view .panel-note-container .nav-pills::-webkit-scrollbar,
.panel-entities .nav-pills::-webkit-scrollbar,
.custom-list .table-wrapper > div::-webkit-scrollbar,
.custom-list .table-wrapper table textarea::-webkit-scrollbar,
#custom-value-add .modal-body::-webkit-scrollbar,
.custom-list .navbar-custom::-webkit-scrollbar,
#resource-field-add .modal-body::-webkit-scrollbar {
    height: 9px;
}

.custom-dropdown-filter::-webkit-scrollbar-track,
.filter-container .label-tasktype.more ul::-webkit-scrollbar-track,
.filter-container .filter-assigned.more ul::-webkit-scrollbar-track,
.filter-container .filter-completed-by.more ul::-webkit-scrollbar-track,
.filter-container .filter-section.more ul::-webkit-scrollbar-track,
#welfare-view-graph .box-chart .box-chart-title .title-button .dropdown-menu::-webkit-scrollbar-track,
.welfare-progress .container-list-welfare-template .dropdown-template .dropdown-menu::-webkit-scrollbar-track {
    background-color: #fff;
}

.panel-measurement .row-measurements::-webkit-scrollbar-track,
#measurement-item-modal .modal-body::-webkit-scrollbar-track,
#taskchecklist.modal .modal-body-wrapper .description-container .description::-webkit-scrollbar-track,
.choose-tenant .tenant-list::-webkit-scrollbar-track,
#table-daily-summary-body .all-notes-container::-webkit-scrollbar-track,
.custom-scrollbar::-webkit-scrollbar-track,
.dashboard-index #medical-taskcard-container .schedules-container::-webkit-scrollbar-track,
.dailyreport-edit #checklist .list-editor-rows::-webkit-scrollbar-track,
#weather-card-container::-webkit-scrollbar-track,
#daily-report-body .dailyreport-weather-container .detail-weather::-webkit-scrollbar-track,
#measurement-tab .navbar-custom::-webkit-scrollbar-track,
.copy-merge-measurement-container .preview-table .preview-content-container.preview-output::-webkit-scrollbar-track,
.copy-merge-measurement-container .custom-level-checked .content-item-container.preview-content-container::-webkit-scrollbar-track,
#measurement-tab .container-entity-measurement-item::-webkit-scrollbar-track,
#calculated-measurement-tab .container-entity-measurement-item::-webkit-scrollbar-track,
#measurement-template-container .container-entity-measurement-item::-webkit-scrollbar-track,
.accordion-container ul.accordion-target::-webkit-scrollbar-track,
.weather-contents .weather-forecast::-webkit-scrollbar-track,
.weather-contents .weather-hourly::-webkit-scrollbar-track,
.formula-outer-container .suggestion-container ul::-webkit-scrollbar-track,
.resource-checkout-timeline-container .resource-detail-container::-webkit-scrollbar-track,
.resource-checkout-filter-panel .panel-body::-webkit-scrollbar-track,
.panel-audit-container .panel .panel-body::-webkit-scrollbar-track,
.section-detail-content-inner-container .animal-in-section-container .panel-body::-webkit-scrollbar-track,
#resource-assigned-to .resource-checkout-info > .message-container::-webkit-scrollbar-track,
.custom-list .table-wrapper > div::-webkit-scrollbar-track,
.custom-list .table-wrapper table textarea::-webkit-scrollbar-track,
#custom-value-add .modal-body::-webkit-scrollbar-track,
.custom-list .navbar-custom::-webkit-scrollbar-track,
#resource-field-add .modal-body::-webkit-scrollbar-track {
    background: none;
}

.custom-dropdown-filter ul {
    padding: 0;
    list-style: none;
}

.filter-measurement-container .custom-dropdown-filter .title {
    padding: 0;
}

.custom-dropdown-filter .title {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 3px;
    font-weight: bold;
}

.list-measurements-container .custom-dropdown-filter .checkbox-container.unassigned-welfare-template .filter-name {
    margin-top: -1px;
}

.list-measurements-container .custom-dropdown-filter .selected .checkbox-container.unassigned-welfare-template .unassigned,
.list-measurements-container .custom-dropdown-filter .selected .checkbox-container.unassigned-welfare-template {
    color: #fff; 
}

.list-measurements-container .custom-dropdown-filter .checkbox-container.unassigned-welfare-template {
    align-items: initial;
    flex-direction: column;
    font-style: italic;
}

.panel-measurement .custom-dropdown-filter .checkbox-container {
    display: flex;
    align-items: center;
}

.custom-dropdown-filter ul li:not(.search-wrapper) a:not(.load-more, .other-saved-data),
.custom-dropdown-filter ul li.no-record-found span {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 7px 5px 7px 25px;
}

.medical-reminders-filter.show-other-filter .hide-when-show-other-filter,
.medical-reminders-filter:not(.show-other-filter) .hide-when-show-current-filter,
.taskchecklist-filter-status.show-other-filter .hide-when-show-other-filter,
.taskchecklist-filter-status:not(.show-other-filter) .hide-when-show-current-filter {
    display: none !important;
}

.custom-dropdown-filter .close-other-filter-container {
    background: #fff;
    padding: 15px;
    min-height: 40px;
    text-transform: capitalize;
}

.custom-dropdown-filter .close-other-filter-container .close {
    color: #333;
}

.custom-dropdown-filter ul li.other-saved-data-container {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 7px 15px;
}

.custom-dropdown-filter #other-daily-report ul li .selected {
    background-color: #fff !important;
    color: #000 !important;
}

.custom-dropdown-filter #other-daily-report ul li .selected:not(.has-child) {
    font-weight: normal !important;
}

.custom-dropdown-filter #other-daily-report ul li a {
    display: flex !important;
    padding-right: 15px !important;
    justify-content: space-between !important;
    align-items: center !important;
    cursor: default !important;
}

.custom-dropdown-filter #other-daily-report ul li a span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.custom-dropdown-filter #other-daily-report ul li a i {
    color: #5cb85c;
}

.custom-dropdown-filter #other-daily-report ul li a .remove-filter {
    color: #333;
    cursor: pointer !important;
}

.custom-dropdown-filter ul li a:focus {
    outline: none;
}

.custom-dropdown-filter ul li a.employee-list.inactive,
.custom-dropdown-filter ul li a.filter-indent.inactive:not(.selected),
.select-task-assigned-to .inactive,
.modal#taskchecklist .tasks-checklist .inactive {
    color: #999 !important;
}

.select-task-assigned-to .select2-results__option[aria-selected="true"] .inactive,
.select-task-assigned-to .select2-results__option--highlighted .inactive {
    color: #fff !important;
}


@media (min-width: 768px) {
    .custom-dropdown-filter ul li a:not(.selected, .iconmenu, .load-more, .other-saved-data):hover {
        background-color: #dee7ef !important;
    }
}

.custom-dropdown-filter ul li .selected {
    background-color: #3db1a5;
    color: #fff !important;
}

.custom-dropdown-filter ul li .selected,
.custom-dropdown-filter li[data-group="status"] .btn.active,
.custom-dropdown-filter li[data-group="medical-reminder-type"] .btn.active {
    font-weight: bold;
}

.panel-measurement .custom-dropdown-filter .badge-icon-measurement.icon-align-baseline {
    top: 0;
}

.panel-measurement .custom-dropdown-filter ul li a input[type="checkbox"] {
    margin: 0;
}

.custom-dropdown-filter ul li a input[type="checkbox"] {
    vertical-align: top;
    margin-top: 2px;
    margin-right: 2px;
    pointer-events: none;
    cursor: pointer;
}

.filter-btn-dropdown-container .custom-dropdown-filter .clear-filter {
    margin-top: 2px;
}

.filter-btn-dropdown-container .custom-dropdown-filter [data-group="updated-by"] .clear-filter,
.filter-btn-dropdown-container .custom-dropdown-filter [data-group="created-by"] .clear-filter,
.filter-btn-dropdown-container .custom-dropdown-filter [data-group="welfare-template"] .clear-filter,
.filter-btn-dropdown-container .custom-dropdown-filter [data-group="measurement-template"] .clear-filter,
.filter-btn-dropdown-container .custom-dropdown-filter [data-group="measurement-item"] .clear-filter {
    margin-top: 1px;
    padding-left: 0;
}

.custom-dropdown-filter .search-filter-container .load-more {
    padding-left: 0 !important;
    padding-top: 0 !important;
}

.custom-dropdown-filter .search-filter-container .load-more-wrapper {
    padding-left: 10px !important;
    padding-top: 5px !important;
    position: relative;
    display: inline-block;
}

.custom-dropdown-filter .clear-filter {
    font-size: 11px;
    vertical-align: baseline;
    line-height: 1.2em;
    cursor: pointer;
    color: #3387e4;
    font-weight: normal;
    padding-left: 3px;
}

.taskchecklist-filter-status .btn,
.medical-reminders-add .btn,
.medical-reminders-filter .btn,
#fullscreen-task-view .btn-summary-filter,
.daily-report-summary-header-container .btn-summary-global-filter {
    background: #fff !important;
    border-color: #ccc !important;
    color: #333 !important;
}

.taskchecklist-filter-status.for-calendar-view .btn {
    padding: 7px 16px;
}

.medical-reminders-add .btn,
.medical-reminders-filter .btn {
    padding: 5px 10px;
}

.medical-reminders-add .btn,
.medical-reminders-filter .btn,
#checklist .dashboard-control .btn {
    height: 31px;
}

#fullscreen-task-view .btn-summary-filter,
#fullscreen-task-view .btn-viewmode {
    font-size: 15px;
    vertical-align: top;
    line-height: 1;
}

#fullscreen-task-view .btn-summary-filter {
    outline: none;
}

#fullscreen-task-view .btn-summary-filter {
    display: none;
}

#fullscreen-task-view.task-summary-view .btn-summary-filter {
    display: inline-block;
    float: left;
}

#fullscreen-task-view.task-summary-view .btn-summary-filter.btn-active {
    background: #f4f4f4 !important;
}

.medical-reminders-filter filter-nav-container .btn-datenav, .medical-reminders-filter filter-nav-container .btn-viewtype {
    height: auto !important;
}

.taskchecklist-filter-status .btn:hover, .medical-reminders-add .btn:hover, .medical-reminders-filter .btn:hover {
    background: #f7f7f7 !important;
}

.taskchecklist-filter-status.filtered > .btn:hover, .medical-reminders-filter.filtered > .btn:hover {
    background-color: #2c887e !important;
    border-color: #2c887e !important;
}

.taskchecklist-filter-status .caret,
.medical-reminders-add .caret,
.medical-reminders-filter .caret,
.col-btn-refine .caret,
.btn-summary-filter .caret,
.btn-summary-global-filter .caret {
    margin-top: -3px;
    color: #ccc;
}

.taskchecklist-filter-status .dropdown-menu, .medical-reminders-add .dropdown-menu, .medical-reminders-filter .dropdown-menu {
    margin-top: 0;
    padding: 0;
    scrollbar-width: thin;
    scrollbar-color: #ccc #fff;
}

.taskchecklist-filter-status .filter-text:not(:empty), .medical-reminders-add .filter-text:not(:empty), .medical-reminders-filter .filter-text:not(:empty) {
    font-size: 15px;
    margin: 0 5px;
}

.taskchecklist-filter-status .has-child, .medical-reminders-add .has-child, .medical-reminders-filter .has-child {
    font-weight: bold;
}

.custom-dropdown-filter.filter-wait li {
    opacity: 0.7;
}

.custom-dropdown-filter .filter-indent {
    padding-left: 105px !important;
}

.custom-dropdown-filter .filter-indent[data-level="0"],
.custom-dropdown-filter .load-more,
.copy-option-wrapper.filter-indent[data-level="0"] {
    padding-left: 20px !important;
}

.custom-dropdown-filter .filter-indent[data-level="1"] {
    padding-left: 35px !important;
}

.custom-dropdown-filter .filter-indent[data-level="2"] {
    padding-left: 50px !important;
}


.custom-dropdown-filter .filter-indent[data-level="3"] {
    padding-left: 65px !important;
}

.custom-dropdown-filter .filter-indent[data-level="4"] {
    padding-left: 80px !important;
}

.custom-dropdown-filter .filter-indent[data-level="5"] {
    padding-left: 105px !important;
}

.monthly-header-title a:link, .monthly-header-title a:visited {
    padding: 4px 10px;
    font-weight: bold;
}

.monthly-header-title .monthly-monthpicker-control {
    position: absolute;
    margin-left: -81px;
    background-color: transparent;
    color: transparent;
    border: none;
    width: 81px;
    height: 30px;
    cursor: pointer;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

.monthly-header-title .monthly-monthpicker-control.is-ie {
    font-size: 0px; /* workaround for up to IE9 */
}

.monthly-header-title .monthly-monthpicker-control.is-ios {
    font-size: 16px; /* workaround for IOS zooming */
}

.monthly-header-title .monthly-reset + .monthly-monthpicker-control {
    margin-left: -156px;
}

@media (max-width: 767px) {
    .monthly-header-title.set-title-width .monthly-monthpicker-control {
        width: 110px;
        margin-left: -110px;
    }

    .monthly-header-title.set-title-width a:link {
        width: 110px;
    }

    .monthly-header-title .monthly-monthpicker-control {
        height: 25px;
        width: 68px;
        margin-left: -68px;
    }

    .monthly-header-title .monthly-reset + .monthly-monthpicker-control {
        margin-left: -131px;
    }
}

.monthly-header-title .monthly-monthpicker-control:focus {
    outline: none;
}

.monthly-additional-control-template {
    display: none;
}



@media (max-width: 500px) {
    .no-add-button .remember-filter-container,
    .no-add-button .dropdown-menu {
        margin-left: 66px;
    }

    .medical-reminders-filter .dropdown-menu .accordion .accordion-trigger,
    .taskchecklist-filter-status .dropdown-menu .accordion .accordion-trigger {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        height: 40px !important;
    }

    .medical-reminders-filter .dropdown-menu .accordion .accordion-trigger,
    .taskchecklist-filter-status .dropdown-menu .accordion .accordion-trigger,
    .custom-dropdown-filter li[data-group] > .title,
    .custom-dropdown-filter li[data-group="status"] .btn-group,
    .custom-dropdown-filter li[data-group="medical-reminder-type"] .btn-group {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .custom-dropdown-filter li input.search-input {
        margin: 8px !important;
    }

    .custom-dropdown-filter li[data-group="status"] .btn-group,
    .custom-dropdown-filter li[data-group="medical-reminder-type"] .btn-group {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        flex-wrap: wrap;
    }

    .custom-dropdown-filter li[data-group="status"] .btn-group > a,
    .custom-dropdown-filter li[data-group="medical-reminder-type"] .btn-group > a {
        flex-basis: 100% !important;
    }

    .custom-dropdown-filter li[data-group="status"] .btn-group .btn:not(.active),
    .custom-dropdown-filter li[data-group="medical-reminder-type"] .btn-group .btn:not(.active) {
        border: 1px solid #ccc !important;
    }

    .custom-dropdown-filter li[data-group="status"] .btn-group .btn.active,
    .custom-dropdown-filter li[data-group="medical-reminder-type"] .btn-group .btn.active {
        border: 1px solid #000 !important;
    }

    .custom-dropdown-filter li[data-group="status"] .btn-group .btn:not(:first-child),
    .custom-dropdown-filter li[data-group="medical-reminder-type"] .btn-group .btn:not(:first-child) {
        border-top: none !important;
        margin-left: 0px;
    }
}


.first-page .task-detail {
    float: left;
    margin-right: 10px;
}

.first-page .taskchecklist-importance {
    float: left;
    text-transform: none;
    margin-left: 10px;
    vertical-align: top;
    margin-top: -1px;
}

.btn-group.taskchecklist-importance {
    margin-bottom: 10px;
}

.taskchecklist-importance .btn {
    border-color: #ccc;
    background-color: #fff;
    color: #000;
    padding: 5px 10px;
    transition: background-color .25s ease;
    font-size: 13px;
    width: 100px;
}

.taskchecklist-importance .btn:hover {
    background-color: #ccc;
}

.taskchecklist-importance .btn:focus {
    outline: none;
}

.taskchecklist-importance[data-importance-value="1"] span {
    display: none;
}

.taskchecklist-importance .btn.selected[data-value="1"] {
    background-color: #000;
    color: #fff;
}

.dailyreport-edit .checklist-label-importance, .dailyreport-view .checklist-label-importance {
    margin-left: 3px;
}

.taskchecklist-importance .btn.selected[data-value="2"], .taskchecklist-importance[data-importance-value="2"] span,
.checklist-label-importance[data-importance-value="2"], .filter-container .filter-important,
.tagged-text-popover .information .label.important {
    background-color: #ff7518;
    color: #fff;
}

.taskchecklist-importance .btn.selected[data-value="3"], .taskchecklist-importance[data-importance-value="3"] span,
.checklist-label-importance[data-importance-value="3"], .filter-container .filter-critical,
.tagged-text-popover .information .label.critical {
    background-color: #ff0039;
    color: #fff;
}

.checklist-label-due-date,
.checklist-start-due-date,
.checklist-label-end-date {
    font-size: 12px;
    font-weight: normal;
    padding: 0;
}

.checklist-start-due-date .task-start-date,
.checklist-start-due-date .task-due-date {
    display: inline-block;
}

.checklist-start-due-date .task-start-date {
    margin-right: 25px;
}

.checklist-start-due-date .task-start-date.has-time,
.checklist-label-due-date.due-date, #medical-record-reminder-cards .medical-taskcard-due.due-date span,
.medical-reminder-tasks .medical-taskcard-due.due-date span, .medical-reminder-tasks .medical-taskcard-due.due-date .medical-taskcard-due-details {
    color: #218a25;
    display: inline-block;
}

.checklist-start-due-date .text-start-date,
.checklist-start-due-date .text-due-date {
    font-weight: bold;
}

.checklist-start-due-date .task-start-date.over-due,
.checklist-label-due-date.over-due, #medical-record-reminder-cards .medical-taskcard-due.over-due span,
.medical-reminder-tasks .medical-taskcard-due.over-due span, .medical-reminder-tasks .medical-taskcard-due.over-due .medical-taskcard-due-details {
    color: #cf2a27;
    display: inline-block;
}

.task-completed .checklist-start-due-date {
    color: #9e9e9e;
}

.checklist-start-due-date .glyphicon-time {
    margin-right: 4px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
    -webkit-box-shadow: none;
}

#monthly .event-list-highlighted {
    background-color: khaki !important;
}

.monthly-header-title-date {
    background: none !important;
}

.monthly-header-title .monthly-header-title-date.highlighted {
    background: #8b8b8b !important;
    border: 1px solid #8b8b8b !important;
    color: #fff !important;
}

#monthly .monthly-day-title-wrap {
    border-color: #d6d6d6;
}

#monthly .monthly-day, .monthly-day-blank {
    box-shadow: 0 0 0 1px #d6d6d6;
}

.monthly-day .add-new-task {
    display: none;
}

.monthly-next:after, .monthly-prev:after {
    width: 12px;
    height: 12px;
}

#fullscreen-task-view #fullscreen-task-calendar .spinner-container {
    position: absolute;
    background: rgba(255,255,255,0.6);
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}

#fullscreen-task-view #fullscreen-task-calendar .spinner-container .spinner {
    margin-top: 17%;
}

#fullscreen-task-view #fullscreen-task-summary .spinner-container {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1020;
    margin-top: 5%;
}

#medical-taskcard-container .dashboard-contents-date,
#medical-reminder-contents .dashboard-contents-date {
    float: left;
}

.stacking-date {
    position: -webkit-sticky;
    position: sticky !important;
    align-self: flex-start;
}


.monthly-indicator-wrap {
    padding-top: 15%;
}

.monthly-day .more-event-info {
    display: block;
    position: absolute;
    text-align: left;
    padding: 5px;
    bottom: 0;
    font-size: 11px;
    color: #848484;
    width: 100%;
}

.dailyreport-edit #fullscreen-task-view .task-fullscreen-title h2, .dailyreport-view #fullscreen-task-view .task-fullscreen-title h2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.monthly-list-item:after {
    content: attr(data-no-task-message);
    color: #999;
}

/*Fix the IOS overflow scrolling*/
.monthly-event-list {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

#monthly .monthly-day .monthly-event-indicator {
    display: none;
}

#monthly .monthly-event-indicator .glyphicon-time {
    top: 0;
}

#monthly .monthly-event-indicator .calendar-title {
    vertical-align: top;
    margin-left: 5px;
}

.monthly-header-title a {
    border-radius: 0 !important;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .monthly-day-wrap {
        border-right: 1px solid #d6d6d6;
    }

    #fullscreen-task-view .task-fullscreen-title .checklist-add {
        display: inline-block !important;
    }

    #checklist .calendar-view {
        left: 85px;
    }

    .taskchecklist-importance .btn {
        font-size: 11px;
        width: 90px;
    }

    #fullscreen-task-view .spinner-container {
        position: fixed;
    }

    #checklist .checklist-placeholder .stacking-date,
    #medical-record-reminder-cards .filtered-dashboard-task .stacking-date {
        top: -1px;
    }

    #medical-record-reminder-cards .medical-taskcard-container .stacking-date {
        top: -2px !important;
    }
}

@media(min-width:768px) {
    #monthly .monthly-cal {
        display: none;
    }

    #monthly .monthly-day-wrap, #monthly .monthly-day-title-wrap, #monthly .monthly-header {
        width: 69%;
    }

    #monthly .monthly-event-list {
        margin-top: 23px;
        display: block;
        transform: scale(1);
        right: 0px;
        width: 30%;
        padding: 0 20px;
        border-left: 1px solid #EBEBEB;
    }

    .monthly-header {
        height: auto;
    }

    .monthly-header-title a:link, .monthly-header-title a:visited {
        height: auto;
        font-size: 14px;
    }

    #checklist .checklist-placeholder .stacking-date,
    #medical-record-reminder-cards .stacking-date {
        top: 20px !important;
    }
}

@media (min-width: 600px) {
    .dailyreport-edit #fullscreen-task-view .task-fullscreen-title h2, .dailyreport-view #fullscreen-task-view .task-fullscreen-title h2 {
        max-width: 25%;
    }

    #monthly .monthly-event-indicator {
        text-align: left;
        padding: 5px 20px 5px 5px;
        position: absolute;
        width: 100%;
        top: 0;
        transition: all .1s ease-in-out;
    }

    .monthly-day .add-new-task {
        display: block;
        position: absolute;
        padding: 5px;
        top: auto;
        bottom: 0;
        right: 0;
        font-size: 11px;
        color: #bbb;
        transition: all .25s ease-in-out;
    }

    .monthly-day .add-new-task:hover {
        background-color: #fff;
        color: #000;
    }

    #monthly .monthly-day .show-event {
        display: block;
    }
}

@media(max-width:767px) {
    #monthly .monthly-event-list {
        width: 100%;
        min-height: 350px;
        z-index: 999;
    }
}

@media (max-width:599px) {
    #monthly.fullscreen, .task-fullscreen-title {
        padding: 0 10px;
    }

    #fullscreen-task-view #fullscreen-task-summary {
        padding: 20px 10px;
    }

    #fullscreen-task-view .task-fullscreen-title .checklist-completestatus {
        margin-left: 10px;
    }

    #fullscreen-task-view .checklist-add {
        margin-right: 5px;
        margin-left: 0;
    }

    #monthly .monthly-event-indicator[data-position="1"], #monthly .monthly-day .monthly-event-indicator[data-position="2"], #monthly .monthly-day .monthly-event-indicator[data-position="3"], #monthly .monthly-day .monthly-event-indicator[data-position="4"] {
        display: inline-block;
    }

    #monthly .monthly-day-event > .monthly-indicator-wrap {
        margin-bottom: 10px;
    }

    .monthly-event-list, .monthly-day-title-wrap {
        margin-top: 10px;
    }

    .monthly-next, .monthly-prev {
        width: 30px;
    }

    .monthly-next:after, .monthly-prev:after {
        width: 9px;
        height: 9px;
    }

    .monthly-day .more-event-info {
        padding: 1px 2px;
    }

    .dailyreport-edit #fullscreen-task-view .task-fullscreen-title h2, .dailyreport-view #fullscreen-task-view .task-fullscreen-title h2 {
        float: none;
        width: 100%;
    }

    .dailyreport-edit #fullscreen-task-view .task-viewmode-btn,
    .dailyreport-view #fullscreen-task-view .task-viewmode-btn {
        margin-right: 0;
    }
}

@media (max-width:374px) {
    .monthly-day .more-event-info {
        display: none;
    }

    .monthly-indicator-wrap {
        padding-top: 30%;
    }

    #monthly .monthly-day .monthly-event-indicator[data-position="5"] {
        display: inline-block;
    }

    #monthly .monthly-day .monthly-event-indicator[data-position="6"] {
        display: inline-block;
    }
}

#fullscreen-task-calendar .calendar-popup-event-detail {
    position: absolute;
    z-index: 999;
    width: 200px;
    left: -7px;
    top: 0;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 1px 3px 0 rgba(60,64,67,0.35), 0 4px 8px 3px rgba(60,64,67,0.35);
}

#fullscreen-task-calendar .calendar-popup-event-detail .date-information {
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
}

#fullscreen-task-calendar .calendar-popup-event-detail .date-information .day-name {
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
}

#fullscreen-task-calendar .calendar-popup-event-detail .date-information .day {
    font-size: 24px;
    line-height: 1.4px;
}

#fullscreen-task-calendar .calendar-popup-event-detail .close-calendar-popup {
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: bold;
    cursor: pointer;
    padding: 2px 5px;
    border-radius: 50%;
}

#fullscreen-task-calendar .calendar-popup-event-detail .close-calendar-popup:hover {
    background-color: #dee7ef;
}

#fullscreen-task-calendar .calendar-popup-event-detail .event-container {
    max-height: 300px;
    overflow-y: auto;
}

#fullscreen-task-calendar .calendar-popup-event-detail .event-container::-webkit-scrollbar {
    width: 9px;
}

/* Track */
#fullscreen-task-calendar .calendar-popup-event-detail .event-container::-webkit-scrollbar-track {
    background: none;
}

/* Handle */
#fullscreen-task-calendar .calendar-popup-event-detail .event-container::-webkit-scrollbar-thumb {
    background: #ccc;
    border: 1px solid #E9EBEC;
    border-radius: 10px;
}

#fullscreen-task-calendar .calendar-popup-event-detail .event-container::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#fullscreen-task-calendar .calendar-popup-event-detail .monthly-event-indicator {
    display: block;
    position: relative;
    top: 0 !important;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding-right: 5px;
    line-height: 1em;
    cursor: pointer;
}

#fullscreen-task-calendar .calendar-popup-event-detail .monthly-event-indicator + .monthly-event-indicator {
    margin-top: 1px;
}

.navlink {
    color: black;
    text-decoration: none;
}

.color-info {
    color: #3498DB;
}

.color-warning {
    color: #ff7518;
}

.color-danger {
    color: #ff0039;
}

.color-success {
    color: #3fb618;
}

.detail-title h2, .detail-title h3 {
    margin: 20px 0 10px;
}

.detail-title .btn {
    margin: 15px 20px 0;
}

#coupon.modal .modal-body-wrapper.page-2 {
    width: 200%;
}

#coupon.modal .modal-body-wrapper {
    float: left;
    overflow-x: hidden;
    width: 200%;
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

#coupon.modal .modal-body, #coupon.modal .modal-footer {
    overflow-x: hidden;
    padding: 0;
}

#coupon.modal .page {
    float: left;
    width: 50%;
    padding: 20px 30px;
}

#coupon.modal .first-page .row:first-child {
    margin-top: 15px;
}

#coupon.modal .modal-body-wrapper.page-3 .page {
    width: 50%;
}

.label-green {
    background-color: #009e0f;
    color: #ffffff;
}

.label-orange {
    background-color: #ff9900;
    color: #ffffff;
}

.label-gray {
    background-color: #cccccc;
    color: #ffffff;
}

#loading.modal.fade.in {
    display: block;
    z-index: 1100;
}

textarea.autogrow::-webkit-scrollbar {
    display: none;
}

.radio.payment-type {
    display: block;
}

.payment-type-container {
    display: none;
}

.payment-type-container.selected-payment-type {
    display: block;
    margin-bottom: 15px;
}

.row.payment-type-title, .row.payment-box-title {
    line-height: 50px;
    margin: 0;
    background-color: #eee;
    padding-left: 10px;
    padding-right: 10px;
}

.payment-box-title {
    margin: -15px -15px 15px -15px !important;
}

.row.payment-type-body {
    margin: 0;
    background-color: #f8f8f8;
    padding-left: 10px;
    padding-right: 10px;
}

.row.payment-type-body .payment-type-body-row {
    padding-bottom: 10px;
}

.row.payment-type-body .payment-type-body-row:first-child {
    padding-top: 20px;
}

.row.payment-type-body .payment-type-body-row:last-child {
    padding-bottom: 20px;
}

.radio-group.payment-type-group {
    margin-bottom: 8px;
}

.planoverview-amount-box {
    padding: 15px;
    background-color: #f8f8f8;
}

.payment-options-split-table {
    position: relative;
    /*margin-left: 25px;*/
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 15px;
}

.payment-options-split-container {
    margin-bottom: 15px;
    margin-top: 15px;
}

.payment-options-type, .payment-coupon-code, .payment-coupon-code-apply {
    margin-left: 10px;
    min-width: 50px;
    width: auto;
    display: inline-block;
}

.payment-options-split-container .payment-options-split-type {
    width: auto;
    padding-right: 20px;
}

.payment-options-type {
    min-width: 105px;
}

.payment-type-split.no-split {
    display: none !important;
}

.radio input[type="radio"]:disabled ~ label {
    cursor: not-allowed;
}

.planoverview-submit-container {
    float: right;
}

.planoverview-grey-messagebox {
    width: 100%;
}

.payment-coupon-container {
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    .payment-split-group.payment-splitted {
        padding-bottom: 30px;
    }

    .payment-options-split-container {
        /*margin-left: 10px;*/
        /*float: left;*/
        margin-top: -30px;
    }

    .payment-options-type {
        margin-left: 0;
    }

    .payment-option-wrapper {
        margin-bottom: 10px;
    }
}

@media(max-width: 991px) {
    .payment-options-split-table {
        margin-left: 0;
    }

    .payment-option-wrapper {
        display: inline;
    }
}

@media(max-width: 767px) {
    .planoverview-order-amount-container {
        margin-top: 15px;
    }
}

#coupon h5.coupon-subtitle:first-child {
    margin-top: 0;
    padding-top: 10px;
}

#coupon h5.coupon-subtitle {
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin: 35px 0 20px;
    text-transform: uppercase;
    font-size: 14px;
}

#coupon .start-date, #coupon .expiry-date {
    width: 120px;
}

.sysadmin-user .item {
    margin-top: 25px;
}

.sysadmin-user .item + item {
    margin-top: 50px;
}

.sysadmin-user .header {
    background: #eee;
    padding: 10px 20px;
    font-weight: bold;
}

.sysadmin-user .content {
    padding: 10px 20px;
}

.sysadmin-user table {
    width: 100%;
}

.sysadmin-user table tr td {
    padding: 5px 0;
}

.sysadmin-user table tbody tr + tr {
    border-top: 1px solid #cacaca;
}

.sysadmin-user table thead {
    font-weight: bold;
    border-bottom: 1px solid #737272;
}

.sysadmin-user .row-user, .sysadmin-user .row-tenant {
    width: 20%;
}

.sysadmin-user .row-last-status, .sysadmin-user .row-role, .sysadmin-user .row-last-login, .sysadmin-user .row-created-date {
    width: 15%;
}

.email-not-validated {
    background: #ff7518;
    margin-left: 20px;
}

.sysadmin-user .reset-password {
    float: right;
    font-size: 13px;
}

.sub-menu {
    margin: 5px 0;
}

.sub-menu ul {
    list-style: none;
    padding: 0;
    margin-top: 10px;
}

.sub-menu ul li {
    float: left;
}

.sub-menu ul li {
    padding: 0px 10px;
}

.sub-menu ul li + li {
    border-left: 1px solid #989898;
}

.sub-menu ul li.selected a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.sys-admin .container {
    width: 100% !important;
}

.sys-admin #list {
    margin-top: 25px;
}

@media (min-width:1200px) {
    .sys-admin .container {
        padding: 0 50px !important;
    }
}

h4.referral-subtitle {
    margin-top: 35px;
    text-transform: none;
}

h3.total-credit-earned {
    margin: 35px 0;
}

.referral-method .refer-via-link {
    display: flex;
    flex-direction: column;
    position: relative;
    border-left: 1px solid #e6e6e6;
}

.referral-referfriends .referral-method{
    margin-bottom: 30px;
}

.refer-via-link .sharelink-container {
    position: relative;
    margin-bottom: 11px;
}

.referral-method h4 {
    margin-top: 0;
    text-transform: none;
}

.referral-method .btn {
    margin-top: 11px;
    color: #fff;
}

.referral-method .fb-share-button{
    margin-right: 10px;
}

.referral-method .refer-via-link input[type="text"] {
    float: left;
    width: 100%;
    padding-right:45px;
}

.referral-referfriends .resend-invitation {
    background: #3fb618;
    color: #fff;
    padding: 5px;
    border-radius: 25%;
    margin-left: 5px;
    opacity: 0.8;
    transition: all 0.1s ease-in-out;
    font-size: 12px;
}

.referral-referfriends .resend-invitation:hover {
    opacity: 1;
}

.referral-method .copy-link {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 15px;
}

@media (max-width:768px) {
    .referral-method .refer-via-link input[type="text"] {
        width: 100%;
    }

    .referral-method .refer-via-link, .referral-method .like-follow {
        margin-top: 20px;
    }
}

@media (max-width:992px) {
    .referral-method .copy-link {
        padding: 10px;
    }
}

img.twitter-x {
    left: 1px;
    bottom: 1px;
    width: 14px;
    height: 14px;
    position: relative;
}

.standalone-button-medium {
    min-width: 80px;
}

.popover.popover-planoverview-info-wide {
    max-width: 500px !important;
    width: 500px !important;
}

@media(max-width: 420px) {
    #payment-options-split-table {
        font-size: 12px;
    }
}

@media(max-width: 350px) {
    #payment-options-split-table {
        font-size: 10px;
    }
}

.split-group {
    border-left: 5px solid #2780e3;
}

.split-group .glyphicon-triangle-right {
    color: #2780e3;
    margin-right: 5px;
}

.split-group.color-1 {
    border-left-color: #ff414d;
}

.split-group.color-1 .glyphicon-triangle-right {
    color: #ff414d;
}

.split-group.color-2 {
    border-left-color: #1aa6b7;
}

.split-group.color-2 .glyphicon-triangle-right {
    color: #1aa6b7;
}

.split-group.color-3 {
    border-left-color: #002d40;
}

.split-group.color-3 .glyphicon-triangle-right {
    color: #002d40;
}

.split-group.color-4 {
    border-left-color: #ccc4c1;
}

.split-group.color-4 .glyphicon-triangle-right {
    color: #ccc4c1;
}

.split-group.color-5 {
    border-left-color: #dc773e;
}

.split-group.color-5 .glyphicon-triangle-right {
    color: #dc773e;
}

.split-group.color-6 {
    border-left-color: #74ac0a;
}

.split-group.color-6 .glyphicon-triangle-right {
    color: #74ac0a;
}

.split-group.color-7 {
    border-left-color: #cb5a61;
}

.split-group.color-7 .glyphicon-triangle-right {
    color: #cb5a61;
}

.split-group.color-8 {
    border-left-color: #4c5870;
}

.split-group.color-8 .glyphicon-triangle-right {
    color: #4c5870;
}

.split-group.color-9 {
    border-left-color: #3d3d3b;
}

.split-group.color-9 .glyphicon-triangle-right {
    color: #3d3d3b;
}

.split-group.color-10 {
    border-left-color: #f59094;
}

.split-group.color-10 .glyphicon-triangle-right {
    color: #f59094;
}

.split-group.color-11 {
    border-left-color: #d9a86e;
}

.split-group.color-11 .glyphicon-triangle-right {
    color: #d9a86e;
}

.split-group.color-12 {
    border-left-color: #b70223;
}

.split-group.color-12 .glyphicon-triangle-right {
    color: #b70223;
}

.split-group.color-13 {
    border-left-color: #c46995;
}

.split-group.color-13 .glyphicon-triangle-right {
    color: #c46995;
}

.split-group.color-14 {
    border-left-color: #f9997d;
}

.split-group.color-14 .glyphicon-triangle-right {
    color: #f9997d;
}

.split-group.color-15 {
    border-left-color: #649e46;
}

.split-group.color-15 .glyphicon-triangle-right {
    color: #649e46;
}

.split-group.color-16 {
    border-left-color: #d66a84;
}

.split-group.color-16 .glyphicon-triangle-right {
    color: #d66a84;
}

.split-group.color-17 {
    border-left-color: #4c6445;
}

.split-group.color-17 .glyphicon-triangle-right {
    color: #4c6445;
}

.split-group.color-18 {
    border-left-color: #4b6ea9;
}

.split-group.color-18 .glyphicon-triangle-right {
    color: #4b6ea9;
}

.split-group.color-19 {
    border-left-color: #b69683;
}

.split-group.color-19 .glyphicon-triangle-right {
    color: #b69683;
}

.split-group.color-20 {
    border-left-color: #4e7989;
}

.split-group.color-20 .glyphicon-triangle-right {
    color: #4e7989;
}

#modal-pay-now .paymenttype-creditcard-container {
    padding-left: 15px;
}

#modal-pay-now .paymenttype-creditcard-container + .paymenttype-creditcard-container {
    margin-top: 3px;
    padding-top: 15px;
    border-top: 1px solid #e6e6e6;
}

#modal-pay-now .select-credit-card {
    float: left;
}

#modal-pay-now .add-new-payment-method {
    float: right;
    margin-top: 8px;
}

.changeplan-popover {
    font-size: 15.5px;
}

.radio.readonly-radio {
    padding-left: 0;
}

.checkbox label.readonly-label, .radio label.readonly-label {
    cursor: default;
    padding-left: 0;
}

.radio label.readonly-label::before {
    display: none;
}

.glyphicon.glyphicon-label-alignment {
    top: 3px;
    padding-right: 3px;
}

.grey-messagebox-action {
    float: right;
    text-transform: none;
}

@media (min-width: 992px) {
    .modal.card-selector .modal-dialog {
        width: 800px;
    }
}

.modal.card-selector .creditcard-container {
    margin-top: -20px;
}

.modal.card-selector hr.creditcard-title-liner {
    margin-left: -20px;
    margin-right: -20px;
}

.modal.card-selector .manageaccount-wrapper {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: inherit;
}

input.credit-card-radio + label .creditcard-thumbnail {
    margin-left: 15px;
}

.right-space {
    padding-right: 25px;
}

.right-space + .left-space {
    padding-left: 25px;
}

@media (max-width: 1199px) {
    .right-space {
        padding-right: 10px;
    }

    .right-space + .left-space {
        padding-left: 10px;
    }
}

.popover.popover-planoverview-info {
    z-index: 9999;
}

.dailyreport-weather-field {
    width: 120px !important;
    display: inline-block;
}

.realtime-group.form-inline .form-control {
    vertical-align: middle;
}

.realtime-group.form-inline select.form-control {
    vertical-align: top;
}

.created-by-container.daily-report-audit-fields {
    margin-bottom: 5px;
}

@media(max-width: 374px) {
    .created-by-container.daily-report-audit-fields {
        width: 60%;
    }
}

@media(max-width: 479px) {
    .daily-report-audit-fields.created-by-container .daily-report-audit-field.daily-report-audit-user {
        font-size: 14px;
    }
}

@media(min-width: 480px) {
    .daily-report-audit-fields.created-by-container .daily-report-audit-field.daily-report-audit-user {
        font-size: 18px;
    }

    .created-by-container.daily-report-audit-fields {
        width: 75%;
    }
}

@media(min-width: 375px) and (max-width: 479px) {
    .created-by-container.daily-report-audit-fields {
        width: 70%;
    }
}

@media(min-width: 992px) {
    #default-view .has-note-value .item-name-container.general-note {
        padding-left: 65px;
        margin-top: -15px;
    }
}

.daily-report-audit-fields .daily-report-updated:not(.hide) {
    margin: 8px 0;
    display: block;
    width: 78%;
}

.general-note .daily-report-audit-fields {
    text-align: left;
}

.created-by-container.daily-report-audit-fields {
    margin-top: 5px;
    display: inline-block;
}

.general-note .time-schedule-note {
    font-size: 13px;
    color: #888;
}

.daily-report-audit-fields.daily-report-readonly,
.mentioned-audit-fields,
.fileContentNote-audit-fields {
    float: none;
    display: block;
    text-align: left;
    margin-top: 5px;
    padding-bottom: 5px;
    line-height: 1.42857143;
}

.list-editor-note .daily-report-audit-fields .daily-report-updated:before,
.note.details-note .right-divider:after {
    content: '|';
    color: #ccc;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 13px;
}

.readonly-separator {
    margin-left: 15px;
}

#note-readonly-template {
    display: none;
}

.note .note-title {
    font-weight: bold;
    margin-top: 5px;
    padding-bottom: 5px;
}

.note .note-value {
    margin-bottom: 10px;
    border-left: 6px solid #ccc;
    margin-left: 15px;
    padding-left: 15px;
    margin-top: 5px;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.note .note-value pre,
pre.note-field,
.mentioned-group-content .read-only-note {
    font-size: 16px;
    color: #666;
    font-weight: 600;
    line-height: 1.8em;
    padding-right: 15px;
    white-space: normal;
    word-wrap: break-word;
}

.measurement-details pre.note-field {
    line-height: normal;
    padding-right: 0;
}

.measurement-details .delete-measurement {
    margin-left: 15px;
}

.business-view pre.note-field,
.user-details pre.note-field {
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    color: #000;
}

.business-view pre.note-field .tagged-text-container,
.user-details pre.note-field .tagged-text-container,
.animal-view pre.note-field .tagged-text-container,
.medical-view pre.note-field .tagged-text-container {
    color: #666;
}

.manage-hashtag-mentioned-content-summary .mentioned-audit-fields > span,
.panel-daily-report-general-info .daily-report-audit-fields > span {
    display: inline-block;
    line-height: 0.7em;
}

.manage-hashtag-mentioned-content-summary .mentioned-audit-fields > span {
    display: block;
}

@media (max-width: 992px) {
    .panel-daily-report-general-info .daily-report-audit-fields .right-divider:after {
        content: '|';
        color: #ccc;
        margin-left: 5px;
        margin-right: 5px;
        font-size: 13px;
    }

    .panel-daily-report-general-info .daily-report-audit-fields > span {
        display: inline;
    }

    .daily-report-readonly > span:first-child:nth-last-child(n+2),
    .daily-report-readonly .daily-report-updated {
        width: 100% !important;
        margin: 0 !important;
    }

    .daily-report-readonly > span:first-child:nth-last-child(n+2) .daily-report-audit-at,
    .daily-report-readonly .daily-report-updated .daily-report-audit-at {
        clear: unset !important;
    }
}

@media (max-width: 600px) {
    .daily-report-readonly .daily-report-updated {
        margin: 8px 0 !important;
    }

    .daily-report-readonly .daily-report-created,
    .daily-report-readonly .daily-report-updated {
        line-height: 1em !important;
    }
}

@media (max-width: 480px) {
    .mentioned-audit-fields .mentioned-updated:before {
        content: none !important;
        margin: 0 !important;
    }

    .daily-report-detail-notes .bg-details-note {
        display: inline-block;
        width: 100%;
        padding: 10px;
    }

    .note .note-value {
        margin-left: 0 !important;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        border-left: none;
    }

    .daily-report-audit-fields .right-divider:after,
    .daily-report-updated::before {
        display: none;
    }

    .note .break-word:first-child {
        padding-left: 9px;
    }

    .note-title {
        margin-bottom: 5px;
    }

    .mentioned-audit-fields > span:not(.hide) {
        display: inline-block !important;
        width: 100%;
    }

    .daily-report-audit-fields > span:not(.hide) {
        display: inline-block;
    }

    .daily-report-audit-fields.daily-report-readonly {
        margin-left: 10px;
        margin-bottom: 5px;
    }

    .dailyreport-edit .list-editor-remove-container {
        right: 10px;
        padding-left: 5px;
    }
}

.daily-report-audit-fields .daily-report-audit-field,
.mentioned-audit-fields .mentioned-audit-label,
.fileContentNote-audit-fields .note-audit-label,
.previous-measurement .audit-measurement span {
    font-size: 13px;
    color: #888;
    display: inline;
}

.daily-report-audit-fields .daily-report-audit-field:empty .mentioned-audit-fields .mentioned-audit-label:empty,
.fileContentNote-audit-fields .note-audit-label:empty {
    display: none;
}

.daily-report-audit-fields .daily-report-audit-field {
    color: #aaa;
}

.daily-report-readonly > span:first-child:nth-last-child(n+2),
.daily-report-readonly .daily-report-updated {
    display: inline-block !important;
    line-height: 1em;
    margin: 8px 0;
    vertical-align: top;
}

.daily-report-readonly > span:first-child:nth-last-child(n+2) .daily-report-audit-field,
.daily-report-readonly .daily-report-updated .daily-report-audit-field {
    float: left;
    margin-right: 3px;
}

.daily-report-readonly .daily-report-audit-user,
.daily-report-readonly .daily-report-audit-datetime {
    color: #888;
    font-weight: 600;
}

.daily-report-audit-fields .daily-report-audit-datetime,
.mentioned-audit-fields .mentioned-audit-datetime,
.fileContentNote-audit-fields .note-audit-datetime {
    padding-left: 2px;
    border-color: #ccc;
}

.daily-report-audit-fields .daily-report-audit-user:empty ~ .daily-report-audit-datetime,
.mentioned-audit-fields .mentioned-audit-user:empty ~ .mentioned-audit-datetime,
.fileContentNote-audit-fields .note-audit-user:empty ~ .note-audit-datetime {
    border-left: none;
}

#default-view .item-name-container .employee-name {
    font-size: 18px;
}

#default-view .item-name-container .employee-name,
.daily-report-audit-fields.created-by-container .daily-report-audit-field.daily-report-audit-user {
    color: #333;
    font-weight: bold;
}

.daily-report-audit-fields.daily-report-readonly .daily-report-audit-user,
.mentioned-audit-fields .mentioned-audit-user,
.fileContentNote-audit-fields .note-audit-user {
    padding-left: 0;
}

form#dailyreportform .input-validation-error[data-val="true"] ~ .daily-report-audit-fields ~ span.field-validation-error {
    float: left;
}

.checklist-item {
    padding: 0;
}

.checklist-edit-mode, .checklist-view-mode {
    border: 1px solid #ddd;
    position: relative;
}

.checklist-edit-mode .header, .checklist-view-mode .header {
    background: #eee;
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

.checklist-edit-mode .header .validation-name {
    padding: 5px 0px 0px;
}

.checklist-edit-mode .header {
    width: 100%;
    display: inline-block;
    padding-bottom: 10px;
}

.checklist-view-mode .header {
    display: flex;
}

.checklist-edit-mode .body {
    padding-top: 15px;
}

.checklist-edit-mode .body .add-container {
    margin-bottom: 15px;
}

.checklist-edit-form .list-editor .validation-name {
    padding-bottom: 15px;
}

.checklist-edit-mode .body .add {
    margin-left: 24px;
}

.checklist-edit-mode .checklist-detail-container .checklist-detail,
.checklist-view-mode .checklist-detail-container .checklist-detail,
.custom-level-items-container .item-detail {
    padding: 8px 16px 8px 9px;
    margin: 0;
}

.checklist-view-mode .checklist-detail-container .checklist-detail {
    padding: 12px 16px 12px 9px;
}

.checklist-view-mode .checklist-detail-container .checklist-detail + .checklist-detail {
    border-top: 1px solid #ddd;
}

#weather-display-order-modal .row .drag-handle,
.checklist-edit-mode .checklist-detail-container .checklist-detail .drag-handle,
.checklist-view-mode .checklist-detail-container .checklist-detail .drag-handle,
.custom-level-items-container .drag-handle,
.detail-item .row .drag-handle {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 24px;
    height: 100%;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: url(/Content/images/hand-open.cur), move;
    background-position: center;
    background-repeat: no-repeat;
}

.checklist-edit-mode .checklist-detail-container .checklist-detail .remove-container {
    top: 25px;
}

.animalgroup-animal .remove-container {
    top: 50%;
}

.checklist-edit-mode .checklist-detail-container .checklist-detail .remove-container,
.animalgroup-animal .remove-container {
    display: inline-block;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    background-position: center;
}

.checklist-view-mode .header .title {
    font-size: 17px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 5px;
    font-weight: bold;
    flex: 1;
}

.checklist-view-mode .header .btn-editor {
    color: #2780e3;
    cursor: pointer;
    font-size: 17px;
    margin-left: auto;
}

.checklist-view-mode .header .btn-editor span:hover {
    text-decoration: underline;
}

.checklist-view-mode .header.can-edit .btn-checklist-copy:after {
    content: '|';
    color: #ccc;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 18px;
}

.checklist-view-mode .header.can-edit .btn-checklist-copy.disabled {
    color: #333;
    cursor: not-allowed;
}

.checklist-view-mode .header.can-edit .btn-checklist-copy.disabled:hover {
    text-decoration: none;
}

.checklist-view-mode .header.can-add .btn-checklist-edit {
    margin-top: 2px;
}

.selected-checklist {
    opacity: 0.7;
}

.selected-checklist .checklist-loading {
    display: block;
}

.checklist-item .footer {
    border-top: 1px solid #ddd;
    padding: 15px 0;
    margin-top: 5px;
}

.checklist-item .footer .delete {
    float: left;
}

#no-record-found.hide {
    display: none;
}

span.hide-section-inherited {
    display: none;
    color: gray;
}

span.hide-section-inherited.inherited {
    display: inline;
}

.chk-hide-subsection {
    -webkit-animation-duration: 300ms !important;
    -moz-animation-duration: 300ms !important;
    -o-animation-duration: 300ms !important;
    animation-duration: 300ms !important;
}

.section-tag {
    margin-right: 10px;
}

.section-content.edit-section .grid-hierarchy li.grid-hierarchy-node:hover .section-tag {
    display: none;
}

.grid-hierarchy li.grid-hierarchy-node .section-tag {
    display: block;
}

.grid-hierarchy li.grid-hierarchy-node .fa-spinner:not(.hide) {
    -webkit-animation: infinite-spinning 1s ease-out 0s infinite normal;
    animation: infinite-spinning 1s ease-out 0s infinite normal;
    margin-right: 3px;
}

.section-tag span.label, span.label.section-tag-dailyreport {
    cursor: default;
    vertical-align: top;
    display: inline-block;
    padding: 4px 5px;
    white-space: normal;
    text-align: left;
    margin-top: 1px;
    line-height: 1;
}

span.label.section-tag-dailyreport {
    font-size: 8.25px;
    margin-top: 3px;
    background-color: #b6d7a8 !important;
    display: none;
    color: #38761d;
}

.section-name-container span.label.section-tag-dailyreport.checked {
    margin-left: 4px;
    margin-right: 0px;
}

.section-name-container span.label.section-tag-dailyreport.checked .section-tag-text {
    font-size: 11px;
}

span.label.section-tag-dailyreport.checked,
.grid-hierarchy .grid-hierarchy-node.inactive-section span.label.section-tag-dailyreport {
    display: inline-block !important;
}

.section-tag span.label.section-tag-subsection {
    background-color: lightgray !important;
    color: white;
}

.section-tag span.label.section-tag-subsection[data-count] {
    background-color: #2780e3 !important;
}

.section-tag span.label.section-tag-subsection:empty {
    display: none;
}

li.custom-value-list .text-danger {
    padding-left: 27px;
}

@media (min-width: 992px) {
    .animal-mergesplit .row .name-container .compound-required-mark {
        left: 20px;
    }
}

@media (min-width: 1200px) {
    .animal-mergesplit .row .name-container .compound-required-mark {
        left: 45px;
    }
}

.animal-mergesplit .gender.checklist option:disabled {
    background: #f1f1f1;
}

.compound-required-mark {
    position: absolute;
    left: 75px;
    z-index: 100;
}

.compound-required-mark .top-mark {
    width: 20px;
    height: 15px;
    border-top: 2px solid lightgray;
    border-left: 2px solid lightgray;
    margin-left: 6px;
    margin-top: 21px;
    margin-bottom: 5px;
}

.compound-required-mark .required-field-label:not(.hide-required-label)::after {
    font-size: 15px !important;
    font-family: sans-serif;
}

.compound-required-mark .bottom-mark {
    width: 20px;
    height: 15px;
    border-bottom: 2px solid lightgray;
    border-left: 2px solid lightgray;
    margin-left: 6px;
    margin-top: 5px;
}

@media (max-width: 1200px) {
    .compound-required-mark {
        left: 45px;
    }
}

@media (max-width: 990px) {
    .compound-required-mark {
        right: 15px;
        left: auto !important;
        margin-top: 35px;
    }

    .compound-required-mark .top-mark {
        height: 30px;
        border-top: 2px solid lightgray;
        border-right: 2px solid lightgray;
        border-left: none;
    }

    .compound-required-mark .glyphicon {
        margin-right: -7px;
        margin-left: 18px;
    }

    .compound-required-mark .bottom-mark {
        height: 30px;
        border-bottom: 2px solid lightgray;
        border-right: 2px solid lightgray;
        border-left: none;
    }

    .animal-label-name,
    .animal-label-identifier {
        text-align: left !important;
    }
}

@media (max-width: 768px) {
    .compound-required-mark {
        margin-top: 27px;
        margin-right: 20px;
    }

    .compound-required-mark .top-mark {
        height: 25px;
        width: 17px;
        margin-left: 9px;
        border-top: 2px solid lightgray;
        border-right: 2px solid lightgray;
        border-left: none;
    }

    .compound-required-mark .glyphicon {
        margin-right: -15px;
        margin-left: 17px;
    }

    .compound-required-mark .bottom-mark {
        height: 25px;
        width: 17px;
        margin-left: 9px;
        border-bottom: 2px solid lightgray;
        border-right: 2px solid lightgray;
        border-left: none;
    }

    .animal-remove-identifier {
        padding-left: 5px;
    }
}

@media (max-width: 600px) {
    .compound-required-mark {
        margin-right: 5px;
    }
}

@media (max-width: 360px) {
    .compound-required-mark .top-mark {
        width: 12px;
        margin-left: 14px;
    }

    .compound-required-mark .bottom-mark {
        width: 12px;
        margin-left: 14px;
    }
}


pre.pre-inherit {
    background: inherit;
    border: inherit;
    font: inherit;
    color: inherit;
    padding: 0;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-word;
    margin: 0;
}

.bbs-collapsible {
    min-height: 21px;
}

.bbs-collapsible-wrap {
    min-height: 0 !important;
}

.bbs-collapsible.bbs-collapse-on {
    margin-top: 0;
}

.bbs-collapsible > .bbs-collapsible-label {
    display: none;
}

.bbs-collapsible.bbs-collapse-on > .bbs-collapsible-label {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
}

.bbs-collapsible:not(.bbs-collapse-off) > *:not(.bbs-collapsible-label) {
    height: 0;
    overflow: hidden;
    transition: height 0.25s linear;
    -moz-transition: height 0.25s linear;
    -webkit-transition: height 0.25s linear;
    -o-transition: height 0.25s linear;
}

.bbs-collapsible.bbs-collapse-on > *:not(.bbs-collapsible-label) {
    height: 0;
    transition: height 0.25s linear;
    -moz-transition: height 0.25s linear;
    -webkit-transition: height 0.25s linear;
    -o-transition: height 0.25s linear;
}

/* Fix bug on IE regarding the timeline header */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .device-ie .medical-reminders-title.headroom--not-top,
    .device-ie .wrapper-section-employee.headroom--not-top,
    .device-ie .search-wrapper-hashtag.headroom--not-top {
        position: fixed;
    }

    .device-ie .multipleStickyWrap .stickies.fixed {
        position: static;
    }

    .search-wrapper-hashtag.headroom--not-top {
        margin-left: -1px;
    }

    .wrapper-section-employee.headroom--not-top {
        left: 50%;
        transform: translateX(50%);
    }

    .allow-fullscreen .medical-reminders-title.headroom--not-top {
        width: calc(100% - 40px);
    }
}

@media (min-width: 768px) {
    .device-ie .search-wrapper-hashtag.headroom--not-top {
        width: 720px;
    }
}

@media (min-width: 992px) {
    .device-ie .search-wrapper-hashtag.headroom--not-top {
        width: 940px;
    }

    .device-ie .wrapper-section-employee.headroom--not-top {
        width: 323.33px;
    }
}

@media (min-width: 1200px) {
    .device-ie .search-wrapper-hashtag.headroom--not-top {
        width: 1140px;
    }

    .device-ie .wrapper-section-employee.headroom--not-top {
        width: 390px;
    }
}

/* Fix bug on Edge Browser regarding the timeline header */
@supports (-ms-ime-align:auto) {
    .allow-fullscreen .medical-reminders-title.headroom--not-top {
        width: 100%;
    }

    .filter-nav-container .glyphicon {
        line-height: 1.45em;
    }

    @media (max-width: 991px) {
        .filter-nav-container .glyphicon {
            line-height: 1.51em;
        }
    }

    @media (min-width: 768px) {
        .medical-reminders-title.headroom--not-top {
            width: 720px;
        }
    }

    @media (min-width: 992px) {
        .medical-reminders-title.headroom--not-top {
            width: 940px;
        }

        .wrapper-section-employee.headroom--not-top {
            width: 323.33px;
        }
    }

    @media (min-width: 1200px) {
        .medical-reminders-title.headroom--not-top {
            width: 1140px;
        }

        .wrapper-section-employee.headroom--not-top {
            width: 390px;
        }
    }
}

.headroom--not-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 701;
}

.medical-reminders-title.headroom--not-top,
.search-wrapper-hashtag.headroom--not-top,
.assignment-welfare-goal.headroom--not-top {
    top: 49px;
}

.wrapper-section-employee.headroom--not-top {
    top: 60px;
}

/* For Sticky */
.reminders-filter-container .vis-panel.vis-top-wrapper {
    background-color: #fff;
    z-index: 10;
    height: 56px;
    border: solid 1px #bfbfbf;
    margin-top: 4px;
    top: unset !important;
}

.no-record-found .reminders-filter-container .vis-panel.vis-top-wrapper,
.list-mode .reminders-filter-container .vis-panel.vis-top-wrapper {
    display: none;
}

.reminders-filter-container .vis-panel.vis-top-wrapper .vis-panel.vis-top {
    background: #fff;
    border-left: none;
}

.fixed-timeline-header #close-medical-schedules {
    top: 10px;
}


@media (max-width: 375px) {
    .fixed-timeline-header .medical-reminders-title .section-title,
    .fixed-timeline-header .medical-reminders-title .medical-records-reminders-add {
        display: none;
    }

    .dashboard-index .fixed-timeline-header .medical-reminders-filters .medical-record-viewmode,
    .dailyreport-edit .fixed-timeline-header .medical-reminders-filters .medical-record-viewmode {
        margin-right: 50px;
    }
}

@media (max-height: 375px) {
    .fixed-timeline-header .medical-reminders-title .section-title,
    .fixed-timeline-header .medical-reminders-title .medical-records-reminders-add {
        display: none;
    }

    .dashboard-index .fixed-timeline-header .medical-reminders-filters .medical-record-viewmode,
    .dailyreport-edit .fixed-timeline-header .medical-reminders-filters .medical-record-viewmode {
        margin-right: 50px;
    }
}

@media (max-height: 375px) and (max-width: 630px) {
    .dailyreport-edit .fixed-timeline-header .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-type {
        clear: both;
    }
}

@media (max-height: 375px) and (max-width: 600px) {
    .dailyreport-edit .fixed-timeline-header .medical-reminders-title.list-mode .medical-reminders-filters .medical-record-type {
        clear: both;
    }
}

@media (max-height: 375px) and (max-width: 550px) {
    .dailyreport-edit .medical-reminders-title.list-mode .medical-reminders-filters .medical-record-type {
        clear: both;
    }
}

.reminders-filter-container .vis-panel.vis-top .vis-time-axis.vis-foreground,
.reminders-filter-container .vis-panel.vis-top .vis-minor.vis-odd,
.reminders-filter-container .vis-panel.vis-top .vis-minor.vis-even {
    border-left: solid 1px #bfbfbf;
}

.reminders-filter-container .vis-panel.vis-top .timeline-highlighted {
    background: rgb(242, 217, 217);
}

#medical-reminder-schedule {
    padding-top: 0;
    margin-top: -5px;
}

.medical-view #medical-reminder-schedule, .medical-add #medical-reminder-schedule, .medical-edit #medical-reminder-schedule, .animal-view #medical-reminder-schedule {
    margin-top: 30px;
    position: relative;
}

.dashboard-index .medical-records-reminders {
    margin-top: 5px;
    position: relative;
}

.scroll-on-top {
    position: fixed !important;
    top: 154px;
    right: 381px;
}

.medical-reminders-container {
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
}

.medical-reminders-container.list-mode {
    padding-right: 60px;
}

.medical-reminders-title.time-mode .medical-reminders-scroll,
.medical-reminders-title.waiting .medical-reminders-scroll,
.medical-reminders-title.list-mode .medical-reminders-zoom,
.medical-reminders-title.waiting .medical-reminders-zoom,
.no-record-found .medical-reminders-title .medical-reminders-zoom {
    display: none;
}

.medical-reminders-title.time-mode .medical-reminders-zoom {
    position: absolute;
    right: 5px;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
    margin-top: 60px;
    z-index: 10;
}

.view-schedules .medical-reminders-title.time-mode .medical-reminders-zoom {
    right: 25px;
}

.fixed-timeline-header .medical-reminders-title.time-mode .medical-reminders-zoom {
    right: 5px !important;
}

.fixed-timeline-header .medical-reminders-title.time-mode .medical-reminders-zoom {
    margin-top: 60px;
}

.view-schedules .fixed-timeline-header .medical-reminders-title.time-mode .medical-reminders-zoom {
    margin-top: 60px;
}

.medical-reminders-title.time-mode .medical-reminders-zoom .btn {
    width: 31px;
    display: block;
    padding: 5px 0;
    margin-top: 0 !important;
}

.medical-reminders-title.time-mode .medical-reminders-zoom .btn + .btn {
    border-top: 0;
}

.medical-reminders-title.time-mode .medical-reminders-zoom .btn-scroll-to-zoom.scroll-disabled,
.resource-checkout-timeline-container .action-container .btn-scroll-to-zoom.scroll-disabled {
    background-color: #ddd !important;
}

.device-ios .medical-reminders-title.time-mode .medical-reminders-zoom .btn-scroll-to-zoom,
.device-android .medical-reminders-title.time-mode .medical-reminders-zoom .btn-scroll-to-zoom {
    display: none;
}

.is-small-screen.filter-searched.hide-load-more #measurements.list-measurements-container .row-measurements::after {
    height: 0;
}

.is-small-screen.filter-searched #measurements.list-measurements-container .row-measurements::after {
    height: 30px;
}

#measurements.list-measurements-container .load-more-container {
    display: none;
}

#measurements.list-measurements-container .show-load-more {
    padding: 5px;
}

.is-small-screen.hide-load-more #measurements.list-measurements-container .load-more-container,
.hide-load-more #measurements.list-measurements-container .load-more-container,
.hide-load-more #measurements.list-measurements-container .load-more-container {
    display: none;
}

.is-small-screen #editor-measurement .filter-searched #measurements.list-measurements-container.scrolled-to-last .load-more-container {
    width: calc(100% - 70px);
    bottom: 28px;
}

.is-small-screen.filter-searched #measurements.list-measurements-container.scrolled-to-last .load-more-container {
    display: block;
    position: absolute;
    width: calc(100% - 14px);
    bottom: 12px;
    padding: 5px 10px 10px 10px;
    text-align: center;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 1));
    opacity: 0.9;
}

.medical-reminders-title.time-mode .medical-reminders-zoom .btn .glyphicon-minus {
    margin-left: -2px;
}

.medical-reminders-container.time-mode .medical-reminders-ui,
.medical-reminders-container.waiting .medical-reminders-ui {
    padding-right: 0px;
}

.medical-reminders-container .medical-reminders-scrollup,
.medical-reminders-container .medical-reminders-scrolldown {
    text-align: center;
    height: 40px;
}

.medical-reminders-container .medical-reminders-scrollup .load-more-label.glyphicon,
.medical-reminders-container .medical-reminders-scrolldown .load-more-label.glyphicon {
    color: #888;
    font-size: 20px;
}

.medical-reminders-container .medical-reminders-scrollup:not(.scroll-disabled) {
    margin-top: 50px;
}

.medical-reminders-container.list-mode:not(.waiting) .medical-reminders-scrollup,
.medical-reminders-container.list-mode:not(.waiting) .medical-reminders-scrolldown {
    display: block;
}

.medical-reminders-container .medical-reminders-scrollup.loading-more .loading-more-label,
.medical-reminders-container .medical-reminders-scrolldown.loading-more .loading-more-label {
    display: block;
}

.medical-reminders-container .medical-reminders-scrollup .loading-more-label,
.medical-reminders-container .medical-reminders-scrolldown .loading-more-label,
.medical-reminders-container .medical-reminders-scrollup.loading-more .load-more-label,
.medical-reminders-container .medical-reminders-scrolldown.loading-more .load-more-label,
.medical-reminders-container.no-next-data .medical-reminders-scrollup,
.medical-reminders-container.no-prev-data .medical-reminders-scrolldown,
.medical-reminders-container.waiting .medical-reminders-scrollup,
.medical-reminders-container.waiting .medical-reminders-scrolldown,
.medical-reminders-container:not(.list-mode) .medical-reminders-scrollup,
.medical-reminders-container:not(.list-mode) .medical-reminders-scrolldown {
    display: none !important;
}

.medical-reminders-container .medical-reminders-scrolldown:not(.scroll-disabled) {
    margin-bottom: 50px;
}


.medical-reminders-title .taskchecklist-filter-date {
    border-right: none;
}

.medical-reminders-title.time-mode .medical-record-viewtype,
.medical-reminders-title.list-mode .medical-record-viewtype,
.medical-reminders-title.time-mode .medical-record-datenav,
.medical-reminders-title.list-mode .medical-record-datenav,
.medical-reminders-title.time-mode .medical-reminders-filter,
.medical-reminders-title.list-mode .medical-reminders-filter {
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.medical-reminders-title.list-mode .taskchecklist-filter-date,
.medical-reminders-title.list-mode #timeline-day-filter,
.medical-reminders-title.time-mode #list-day-filter {
    display: none;
}

.medical-reminders-title.list-mode .medical-record-viewtype,
.medical-reminders-title.list-mode .medical-record-datenav {
    opacity: 0;
}

.medical-reminders-title.time-mode .medical-record-viewtype,
.medical-reminders-title.time-mode .medical-record-datenav {
    opacity: 1;
}

.medical-reminders-container.list-mode .dashboard-control {
    margin-right: 15px;
}

.medical-reminders-title .medical-reminders-scroll {
    width: 60px;
    height: 450px;
    right: 0;
    position: absolute;
    transition: height 0.25s linear;
    -moz-transition: height 0.25s linear;
    -webkit-transition: height 0.25s linear;
    -o-transition: height 0.25s linear;
}

.view-schedules .medical-reminders-title .medical-reminders-scroll {
    right: 20px;
}

.fixed-timeline-header .medical-reminders-title .medical-reminders-scroll {
    right: 0 !important;
}

.device-ie .medical-add .fixed-timeline-header .medical-reminders-title,
.device-ie .medical-view .fixed-timeline-header .medical-reminders-title,
.device-ie .medical-edit .fixed-timeline-header .medical-reminders-title,
.device-ie .animal-view .fixed-timeline-header .medical-reminders-title {
    width: 1140px;
}

@media (min-width:985px ) and (max-width: 1200px) {
    .device-ie .medical-add .fixed-timeline-header .medical-reminders-title,
    .device-ie .medical-view .fixed-timeline-header .medical-reminders-title,
    .device-ie .medical-edit .fixed-timeline-header .medical-reminders-title,
    .device-ie .animal-view .fixed-timeline-header .medical-reminders-title {
        width: 932px;
    }
}

@media (min-width: 741px) and (max-width:985px) {
    .device-ie .medical-add .fixed-timeline-header .medical-reminders-title,
    .device-ie .medical-view .fixed-timeline-header .medical-reminders-title,
    .device-ie .medical-edit .fixed-timeline-header .medical-reminders-title,
    .device-ie .animal-view .fixed-timeline-header .medical-reminders-title {
        width: 720px;
    }
}

@media (max-width: 740px) {
    .device-ie .medical-add .fixed-timeline-header .medical-reminders-title,
    .device-ie .medical-view .fixed-timeline-header .medical-reminders-title,
    .device-ie .medical-edit .fixed-timeline-header .medical-reminders-title,
    .device-ie .animal-view .fixed-timeline-header .medical-reminders-title {
        width: 97%;
    }
}

.medical-reminders-container .medical-reminders-list-template {
    display: none;
}

.medical-reminders-container .medical-reminders-ui {
    float: none;
    width: auto;
    height: 100%;
    overflow: hidden;
    padding-right: 20px;
    position: relative;
    min-height: 150px;
}

.medical-reminders-waitoverlay.overlay-template {
    display: none;
}

.medical-reminders-waitoverlay .spinner {
    margin-top: 60px;
}

.medical-reminders-ui .medical-reminders-waitoverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 1000;
    opacity: .8;
    min-height: 100px;
}

.medical-reminders-title .noUi-vertical {
    height: 100%;
    width: 20px !important;
    border: none;
    background-color: transparent;
    padding-top: 42px;
    padding-bottom: 42px;
}

.noUi-marker.noUi-marker-vertical.noUi-marker-normal {
    display: none;
}

.noUi-pips.noUi-pips-vertical {
    height: auto !important;
    top: 49px !important;
    bottom: 50px !important;
    left: 0px !important;
}

.noUi-marker.noUi-marker-vertical.noUi-marker-large {
    width: 4px !important;
    height: 4px !important;
    left: 8px;
    background-color: #ffffff;
}

.noUi-marker.noUi-marker-vertical.noUi-marker-large.type-3::after {
    content: ' ';
    width: 4px !important;
    height: 4px !important;
    background-color: #e69138;
    display: block;
    left: 5px;
    position: absolute;
    opacity: 0.5 !important;
}

.noUi-marker.noUi-marker-vertical.noUi-marker-large.type-2 {
    width: 4px !important;
    height: 4px !important;
    background-color: #6aa84f;
    opacity: 0.5 !important;
}

.noUi-marker.noUi-marker-vertical.noUi-marker-large.type-1::before {
    content: ' ';
    width: 4px !important;
    height: 4px !important;
    background-color: #597eaa;
    display: block;
    right: 5px;
    position: absolute;
    opacity: 0.5 !important;
}

.noUi-value.noUi-value-vertical.noUi-value-large {
    display: none;
}

#slider-date-start,
#slider-date-end {
    position: absolute;
    left: 0;
    z-index: 999;
    white-space: pre-wrap;
    width: 40px;
    line-height: 1;
    font-size: 11px;
    font-weight: bold;
    color: #888;
    cursor: pointer;
    text-transform: uppercase;
}

#slider-date-start:hover,
#slider-date-end:hover {
    color: #555;
}

#slider-date-start {
    top: 0;
}

#slider-date-end {
    bottom: 0;
}

.medical-reminders-title .noUi-target {
    box-shadow: none;
    background-color: transparent;
    cursor: pointer;
}

.medical-reminders-title .noUi-target:before {
    content: " ";
    border: 1px solid #bfb9b9;
    width: 16px;
    display: inline-block;
    position: absolute;
    top: 33px;
    bottom: 33px;
    left: 2px;
}

.medical-reminders-title .noUi-vertical .noUi-handle {
    width: 20px !important;
    left: 0 !important;
    border: 1px solid #b7b7b7 !important;
}

.medical-reminders-title .noUi-vertical .noUi-handle:before,
.medical-reminders-title .noUi-vertical .noUi-handle:after {
    height: 100% !important;
    width: 100% !important;
    left: 2px !important;
    background-color: transparent;
    color: #aaa;
}

.medical-reminders-title .noUi-vertical .noUi-handle:hover:before,
.medical-reminders-title .noUi-vertical .noUi-handle:hover:after {
    color: #555;
}

.medical-reminders-title .noUi-vertical .noUi-handle:before {
    content: "\25b2";
    top: -1px !important;
}

.medical-reminders-title .noUi-vertical .noUi-handle:after {
    content: "\25bc";
    top: 12px !important;
}

.medical-reminders-title .noUi-handle,
.medical-reminders-title .noUi-handle:before,
.medical-reminders-title .noUi-handle:after {
    outline: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.medical-reminders-title .noUi-vertical .noUi-tooltip {
    border: none !important;
    right: -250% !important;
    background-color: transparent;
}

.medical-reminder-schedule .medical-reminders-filters .dashboard-control {
    float: none !important;
}

.row.reminders-filter-container {
    background-color: white;
}

#default-view .schedule-time-and-frequency span.schedule.schedule-frequency-type:empty,
.time-schedule-frequency-type-note:empty,
.measurement-list-container .measurement-welfare-name-container span.inline-block > .measurement-schedule-frequency-type:empty {
    display: none;
}

#default-view .schedule-time-and-frequency span.schedule.schedule-frequency-type:before,
.time-schedule-frequency-type-note:before,
.measurement-list-container .measurement-welfare-name-container span.inline-block > .measurement-schedule-frequency-type:before {
    content: '('
}

.time-schedule-frequency-type-note:after,
#default-view .schedule-time-and-frequency span.schedule.schedule-frequency-type:after,
.measurement-list-container .measurement-welfare-name-container span.inline-block > .measurement-schedule-frequency-type:after {
    content: ')'
}

#default-view .schedule-time-and-frequency span.schedule#schedule-time,
#default-view .schedule-time-and-frequency span.schedule.schedule-frequency-type {
    display: inline-block;
    margin: 0;
}

#default-view .schedule-time-and-frequency span.schedule.schedule-frequency-type:before {
    margin-left: 4px;
}

.measurement-section-view .measurement-list-container .measurement-schedule-frequency-type {
    float: left;
    font-size: 10px;
    color: #999;
    margin: 0;
    padding: 0;
}

.measurement-section-view .measurement-list-container span.inline-block > .measurement-schedule-frequency-type {
    float: left;
    font-size: 14px;
    padding-right: 6px;
    color: #999;
}

.measurement-list-container .measurement-welfare-name-container span.inline-block {
    display: inline-block;
    font-size: 14px;
    color: #999;
}

.measurement-list-container .measurement-welfare-name-container span.inline-block span.schedule {
    display: inline-block !important;
    color: #999;
}

a.welfare-items-on-delete-item.show-more {
    cursor: pointer;
    display: block;
}

@media(max-width: 480px) {
    .row.reminders-filter-container .medical-records-reminders-add {
        width: 55px;
    }
}

@media (min-width: 375px) {
    .reminder-form-container .mention-tagging-container .file-attachment-container {
        min-width: 0;
        width: 100%;
    }
}

span.slider-date-month {
    display: block;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    color: #333333;
    text-transform: uppercase;
}

span.slider-date-day {
    display: block;
    font-size: 32px;
    line-height: 20px;
    font-weight: bold;
    color: #333333;
}

span.slider-date-year {
    color: #333333;
    display: block;
}

span.slider-date-value {
    display: none;
}

.medical-records-reminders-add .dropdown-toggle {
    color: white;
    background-color: black;
    margin-top: 2px;
}

.medical-records-reminders-add .dropdown-menu {
    margin-left: 10px !important;
}

.reminders-filter-panel {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 10px;
    margin-top: 5px;
}

.medical-reminders-filters .dashboard-control .btn-group.medical-reminders-filter {
    margin-left: -1px;
}

.medical-reminders-filters {
    padding-bottom: 5px;
}

.medical-reminders-filters .filter-controls {
    padding-top: 5px;
    margin-bottom: 5px;
}

.reminders-filter-panel button:focus,
.medical-reminders-zoom button:focus {
    outline: 0 !important;
}

#medical-reminder-schedule.no-record-found .medical-reminders-scroll,
#medical-reminder-schedule.no-record-found .medical-reminders-ui {
    display: none;
}

#medical-reminder-schedule .medical-reminders-scroll {
    z-index: 1;
}


#medical-reminder-schedule .medical-reminders-scroll.sm-scroll {
    height: 265px !important;
    transition: height 0.25s linear;
    -moz-transition: height 0.25s linear;
    -webkit-transition: height 0.25s linear;
    -o-transition: height 0.25s linear;
}

#medical-reminder-schedule .medical-reminders-scroll div#slider-tab-small {
    background-color: #aaaaaa;
    color: white;
    z-index: 1;
    padding: 7px 8px 5px 10px;
    float: right;
    display: none;
}

#medical-reminder-schedule .medical-reminders-container .no-record-found {
    display: none;
}

#medical-reminder-schedule.no-record-found .medical-reminders-container .no-record-found {
    display: block;
}

.filter-controls .medical-reminders-label {
    float: left;
    margin-right: 5px;
    line-height: 31px;
}

.medical-reminders-filters .dashboard-control {
    float: left;
    display: inline;
    margin-right: 8px;
    margin-bottom: 5px;
}

.medical-reminders-filters .btn-today {
    text-transform: uppercase;
}

.medical-reminders-filters .medical-record-datenav {
    display: inline-block;
}

.medical-reminders-filters .medical-record-datenav .btn-today {
    height: 31px;
    margin-top: 1px;
}

.medical-reminders-filters .medical-record-viewtype {
    display: inline-block;
    margin-right: 3px;
    margin-left: 5px;
}

.medical-reminders-filters .medical-record-viewmode, .filter-nav-container {
    float: right;
    margin-bottom: 5px;
    margin-left: 5px;
    clear: none;
}

.medical-reminders-filters .medical-record-viewtype .btn-viewtype,
.medical-reminders-filters .medical-record-viewtype .btn-viewmode {
    margin: 0;
    text-transform: uppercase;
}

.medical-reminders-filters .btn-viewtype.active,
.medical-reminders-filters .btn-viewmode.active {
    color: #fff !important;
    background-color: #333 !important;
    border-color: #333 !important;
}

.medical-reminders-filters .medical-record-viewmode .medical-record-viewmode-btn {
    display: flex;
    flex-direction: row;
}

.medical-reminders-filters .medical-record-datenav .btn:not(:first-child),
.medical-reminders-filters .medical-record-viewtype .btn-viewtype:not(:first-child),
.medical-reminders-filters .medical-record-viewmode .medical-record-viewmode-btn .btn-viewmode:not(:first-child) {
    margin-left: -3px;
    border-left: none;
}

.medical-reminders-filters .medical-record-viewmode .medical-record-viewmode-btn .btn-viewmode {
    height: 32px;
    display: flex;
    align-items: center;
    flex: 1 1 0;
    min-width: 35px;
    width: 35px !important;
    flex-flow: row wrap;
}

.medical-reminders-filters .medical-record-type {
    display: inline-block;
}


.medical-record-type .checkbox {
    margin-bottom: 5px !important;
}

.checkbox.medical-reminders-type,
.checkbox.medical-record-only {
    margin-top: 0px;
    display: inline-block;
    padding: 2px 9px 4px 4px;
    min-height: 0;
    font-size: 13px;
}

.checkbox.medical-reminders-type + .checkbox.medical-reminders-type {
    margin-left: 0;
}

.medical-reminders-type.unchecked label,
.checkbox.medical-record-only.unchecked label {
    border: 1px solid grey !important;
    border-left: 30px solid grey !important;
}

.checkbox.medical-record-only label {
    border: 1px solid darkviolet;
    border-left: 30px solid darkviolet;
}

.medical-reminders-type.checkbox-prescription label {
    border: 1px solid #597eaa;
    border-left: 30px solid #597eaa;
    margin-right: 2px;
}

.medical-reminders-type.checkbox-vaccines label {
    border: 1px solid #6aa84f;
    border-left: 30px solid #6aa84f;
    margin-right: 2px;
}

.medical-reminders-type.checkbox-other label {
    border: 1px solid #e69138;
    border-left: 30px solid #e69138;
}

.medical-reminders-type.checkbox label::before,
.checkbox.medical-record-only label::before {
    display: none;
}

.checkbox.medical-record-only label::after,
.medical-reminders-type.checkbox label::after {
    position: absolute;
    top: -1px;
    left: -3px;
    color: #fff;
    font-size: 13px;
}

.medical-reminders-type.checkbox label {
    position: relative;
}

.medical-reminders-type.checkbox label,
.checkbox.medical-record-only label {
    padding-left: 8px;
    padding-right: 8px;
}

.medical-record-task-detail-page.page-2 label {
    padding-top: 11px;
}

.medical-record-task-detail-page.page-2.yearly .medical-reminder-input:not(.input-yearly),
.medical-record-task-detail-page.page-2.monthly .medical-reminder-input:not(.input-monthly),
.medical-record-task-detail-page.page-2.weekly .medical-reminder-input:not(.input-weekly),
.medical-record-task-detail-page.page-2.daily .medical-reminder-input:not(.input-daily),
.medical-record-task-detail-page.page-2.hourly .medical-reminder-input:not(.input-hourly) {
    display: none;
}

.medical-reminders-type.checkbox,
.checkbox.medical-record-only {
    padding: 0;
    line-height: 29px;
}

.medical-reminders-type.checkbox label,
.checkbox.medical-record-only label {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
    transition: all .5s;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.medical-reminders-list-row {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 20px;
}

.medical-reminder-row-type {
    display: block;
    width: 150px;
    background-color: black;
    padding-left: 10px;
    padding-top: 4px;
    color: white;
    text-transform: uppercase;
    text-align: left;
}

.medical-reminder-row-tasks {
    border: 1px solid #ddd;
    padding: 5px 0px 6px 5px;
    margin-left: 0;
    margin-right: 0;
    min-height: 44px;
    cursor: pointer;
}

.medical-reminders-ui .read-only .medical-reminder-row-tasks,
.medical-reminders-ui .show-new-reminder,
.medical-reminders-ui .new-reminder .hide-new-reminder,
.medical-reminders-ui .new-reminder .force-show-new-reminder .show-new-reminder {
    display: none;
}

.medical-reminders-ui .new-reminder .show-new-reminder,
.medical-reminders-ui .new-reminder .force-show-new-reminder .hide-new-reminder {
    display: inline-block;
}

.medical-reminder-row-tasks:hover {
    background-color: #f5f5f5;
}

.medical-reminder-column-content.task-expanded .medical-reminder-row-tasks {
    background-color: #ddd;
}

.pending-edit .task-reminders-date-control {
    display: none;
}

.task-reminders-date-control .task-reminders-date.datetimepicker-week {
    width: 180px !important;
}

.task-reminders-date-control .task-reminders-date.datetimepicker-month {
    width: 200px !important;
}

.task-reminders-date-control .task-reminders-date.datetimepicker-year {
    width: 150px !important;
}

.medical-reminder-column-content .task-reminders-date-control {
    display: none;
}

.medical-reminder-column-content.task-expanded .task-reminders-date-control {
    display: block;
}

.medical-reminder-row-tasks > div {
    margin: 0;
}

.medical-record-only-filter {
    display: inline-block;
    float: left;
}

.medical-view .medical-reminders-title.list-mode .medical-reminders-filters .filter-nav-container {
    display: none;
}

.fixed-timeline-header .medical-reminders-title.list-mode .medical-reminders-filters .medical-record-viewmode {
    position: absolute;
    top: 0;
    right: 15px;
    margin-top: 0;
}


@media (max-width: 1200px) {
    .medical-view .medical-reminders-title.time-mode .medical-reminders-filters .filter-nav-container {
        float: left !important;
        clear: both;
    }
}

@media (min-width: 992px) {
    .medical-reminder-row-content-col-fix .col-sm-2 {
        width: 11.2%;
    }

    .medical-reminder-row-content-col-fix .col-sm-10 {
        width: 88.8%;
    }

    .vis-panel.vis-left .vis-label {
        width: 200px;
    }
}

@media (max-width: 991px) {
    .dailyreport-edit .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-viewmode,
    .medical-view .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-viewmode,
    .animal-view .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-viewmode,
    .animal-view .medical-reminders-title.list-mode .medical-reminders-filters .medical-record-viewmode {
        top: 0;
        position: absolute;
        right: 15px;
    }

    .dailyreport-edit .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-viewmode {
        clear: both;
    }

    .medical-reminders-filters .filter-nav-container {
        float: left !important;
    }

    .filter-nav-container {
        clear: both;
    }
}

@media (max-width: 768px) {
    .medical-reminders-filters .medical-record-type {
        float: left;
        margin-right: 3px;
    }

    .medical-view .medical-reminders-filters .filter-nav-container,
    .animal-view .medical-reminders-filters .filter-nav-container {
        margin-top: 0;
    }

    .medical-reminders-container.list-mode, .medical-reminders-container .medical-reminders-ui {
        padding-right: 0;
    }

    #medical-reminder-schedule .medical-reminders-scroll {
        margin-top: -16px;
        height: auto;
    }

    #medical-reminder-schedule .medical-reminders-scroll.sm-show-content {
        background-color: #f8f8f8;
        border: solid 1px #ccc;
        padding: 20px 17px;
        width: 100px;
        height: 450px;
    }

    #medical-reminder-schedule .medical-reminders-scroll.sm-show-content div#slider-tab-small {
        margin-top: -21px;
        margin-right: -18px;
    }

    #medical-reminder-schedule .medical-reminders-scroll div#slider-tab-small {
        display: block;
    }

    #medical-reminder-schedule .medical-reminders-scroll #slider-date-start,
    #medical-reminder-schedule .medical-reminders-scroll #slider-date,
    #medical-reminder-schedule .medical-reminders-scroll #slider-date-end {
        display: none;
        z-index: 1;
    }

    #medical-reminder-schedule .medical-reminders-scroll.sm-show-content #slider-date-start,
    #medical-reminder-schedule .medical-reminders-scroll.sm-show-content #slider-date,
    #medical-reminder-schedule .medical-reminders-scroll.sm-show-content #slider-date-end {
        display: block;
    }

    #medical-reminder-schedule .medical-reminders-scroll.sm-show-content #slider-date-start {
        left: 16px;
        top: 20px;
    }

    #medical-reminder-schedule .medical-reminders-scroll.sm-show-content #slider-date-end {
        left: 16px;
        bottom: 20px;
    }

    .medical-edit .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-viewmode,
    .medical-edit .medical-reminders-title.list-mode .medical-reminders-filters .medical-record-viewmode,
    .medical-view .medical-reminders-title.list-mode .medical-reminders-filters .medical-record-viewmode {
        position: absolute !important;
        top: 0;
        right: 15px;
        margin-top: 0;
    }
}

@media (max-width: 730px) {
    .dashboard-index .fixed-timeline-header .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-type {
        clear: both;
    }

    .medical-view .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-type {
        clear: both;
    }

    .medical-edit .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-type {
        clear: both;
    }
}

@media (max-width: 580px) {
    .animal-view .view-animal-header h2:first-child {
        display: block;
    }
}

@media (max-width: 700px) {
    .dashboard-index .medical-reminders-title .medical-reminders-filters .medical-record-type,
    .medical-edit .medical-reminders-title.list-mode .medical-reminders-filters .medical-record-type,
    .medical-view .medical-reminders-title.list-mode .medical-reminders-filters .medical-record-type {
        clear: both;
    }

    .dashboard-index .medical-reminders-title.list-mode .medical-reminders-filters .medical-record-viewmode {
        position: absolute;
        right: 15px;
        top: 0;
    }

    .dashboard-index .medical-reminders-title .medical-reminders-filters .medical-record-viewmode {
        position: absolute !important;
        top: 0;
        right: 15px;
        margin-top: 0;
    }
}

@media (max-width: 600px) {
    .dailyreport-edit .medical-reminders-title.list-mode .medical-reminders-filters .medical-record-viewmode {
        top: 0;
        position: absolute;
        right: 15px;
    }

    .dailyreport-edit .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-type,
    .medical-edit .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-type,
    .animal-view .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-type {
        clear: both;
    }

    .vis-panel.vis-left .vis-label {
        width: 140px;
    }

    .animal-view .medical-reminders-title.list-mode .medical-reminders-filters .medical-record-type {
        clear: both;
    }

    .dashboard-index .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-viewmode {
        position: absolute;
        top: 0;
        right: 15px;
    }

    .dashboard-index .medical-reminders-filters .filter-nav-container {
        margin-top: 0px !important;
    }
}

@media (max-width: 550px) {
    .dailyreport-edit .medical-reminders-title.list-mode .medical-reminders-filters .medical-record-type {
        clear: both;
    }
}

@media (max-width: 425px) {
    #medical-reminder-schedule {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .dashboard-index #medical-reminder-schedule .reminders-filter-container .section-title,
    .dailyreport-view #medical-reminder-schedule .reminders-filter-container .section-title,
    .dailyreport-edit #medical-reminder-schedule .reminders-filter-container .section-title {
        font-size: 26px !important;
    }

    #medical-reminder-schedule .reminders-filter-container .filter-controls .dashboard-control {
        width: 100%;
    }

    .medical-reminders-filters .filter-nav-container {
        float: none !important;
        margin-top: 0;
        width: 100%;
    }

    #medical-reminder-schedule .list-mode .medical-reminders-filters .filter-nav-container {
        display: none;
    }

    .animal-view .medical-reminders-title.list-mode .medical-reminders-filters .medical-record-viewmode,
    .medical-view .medical-reminders-title.list-mode .medical-reminders-filters .medical-record-viewmode {
        top: 0;
        position: absolute;
        right: 15px;
    }

    .medical-view .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-viewmode,
    .animal-view .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-viewmode {
        margin-top: 0;
    }


    .medical-view .medical-reminders-filters .medical-record-viewmode button,
    .medical-edit .medical-reminders-filters .medical-record-viewmode button,
    .animal-view .medical-reminders-filters .medical-record-viewmode button {
        margin-top: 0 !important;
    }

    .medical-reminders-filters .medical-record-viewtype {
        display: inline-block;
        margin-right: 0;
        margin-left: 0;
    }

    .medical-reminders-filters .medical-record-viewtype .btn-viewtype,
    .medical-reminders-filters .medical-record-viewtype .btn-viewmode {
        padding-left: 5px;
        padding-right: 5px;
    }

    .vis-panel.vis-left .vis-label {
        font-size: 13px;
        width: 90px;
    }

    .medical-reminders-container .vis-nesting-group.expanded, .vis-nesting-group.collapsed {
        padding-left: 5px !important;
    }

    .vis-panel.vis-left .vis-label .vis-animal-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100px;
        display: block;
    }

    .vis-panel.vis-left .vis-label .fa-paw {
        display: none;
    }

    .medical-view .medical-reminders-title .medical-reminders-scroll,
    .view-schedules .medical-reminders-title .medical-reminders-scroll {
        right: 10px;
    }

    .headroom--not-bottom.list-mode .medical-reminders-title .medical-reminders-scroll {
        right: 0 !important;
    }
}

@media (max-width: 477px) {
    .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-viewmode {
        position: absolute !important;
        top: 5px !important;
        margin-top: 0;
    }
}

@media(min-width: 375px) and (max-width: 477px) {
    .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-viewmode {
        right: 15px !important;
    }
}

@media(max-width: 374px) {
    .medical-reminders-title.time-mode .medical-reminders-filters .medical-record-viewmode {
        right: 5px !important;
    }
}

.medical-reminder-column-content .valign-middle {
    gap: 0.5em;
    justify-content: space-between;
    flex-wrap: wrap;
}

.medical-reminder-column-content .progress-container {
    width: 100vw;
    max-width: 260px;
}

.medical-reminders-list-row.type-vaccine {
    border-left: 5px solid #6aa84f;
    border-top: 1px solid #6aa84f;
}

.medical-reminders-list-row.type-vaccine .medical-reminder-row-type {
    background-color: #6aa84f;
}

.medical-reminders-list-row.type-prescription {
    border-left: 5px solid #597eaa;
    border-top: 1px solid #597eaa;
}

.medical-reminders-list-row.type-prescription .medical-reminder-row-type {
    background-color: #597eaa;
}

.medical-reminders-list-row.type-othertreatment {
    border-left: 5px solid #e69138;
    border-top: 1px solid #e69138;
}

.medical-reminders-list-row.type-othertreatment .medical-reminder-row-type {
    background-color: #e69138;
}

.medical-reminders-list-row.pending-edit .task-reminders-date-container {
    display: none;
}

.medical-reminder-column-content {
    display: block;
    float: none;
    width: auto;
    margin-left: 20px;
}

#med-rec-task-reminder-container .task-reminder-container pre.note-field,
#med-rec-task-completed-container .medical-taskcard-note-details pre.note-field,
.medical-reminder-column-content .medical-reminder-row-content pre.note-field,
.medical-reminder-tasks .medical-taskcard-content .medical-taskcard-completion-note pre.note-field,
.medical-taskcard-view .medical-taskcard-content .medical-taskcard-note pre.note-field,
.medical-taskcard-container .medical-taskcard-content .medical-taskcard-note-details pre.note-field,
#medical-taskcard-container .medical-taskcard-content .medical-taskcard-completion-note pre.note-field {
    font-style: italic;
    color: #888;
    background: rgba(200,200,200,0.2);
    padding: 7px 10px 10px 15px;
    margin-top: 5px;
    font-size: 14px;
}

#med-rec-task-reminder-container .task-reminder-container pre.note-field:empty,
.medical-reminder-column-content .medical-reminder-row-content pre.note-field:empty {
    display: none;
}

.medical-reminder-row-content:first-child {
    padding-top: 10px;
}

.medical-reminder-row-content > * {
    margin-bottom: 12px;
}

.medical-type-name {
    margin-right: 10px;
}

.medical-reminder-task-label {
    display: inline-block;
    cursor: pointer;
}

.medical-reminder-task-label:hover {
    color: #165ba8 !important;
}

.medical-reminder-task-label > * {
    line-height: 20px;
}

.medical-reminder-task-label .task-arrow:not(.fa-spin),
.accordion .task-arrow {
    font-size: 12px;
}

.medical-reminder-task-label .task-arrow {
    margin-left: 3px;
}

.medical-reminder-task-label.waiting {
    cursor: wait;
}

.medical-reminder-row-content.bbs-collapse-on {
    min-height: 0 !important;
    height: 0;
}

.medical-reminder-row-content .bbs-collapsible-label {
    display: none !important;
}

.medical-reminder-task-completion {
    background-color: black;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.medical-reminder-task-completion.completed {
    background-color: #2780e3;
}

.medical-reminder-row-content .progress {
    display: inline-block;
    width: 70%;
    margin-bottom: -1px;
    height: 12px;
    margin-left: 7px;
}

.medical-reminder-row-content .bbs-collapsible-wrap {
    transition: height .25s ease-out;
    overflow: hidden;
}

.medical-reminder-row-content .progress .progress-bar {
    width: 25%;
}

.medical-reminder-row-content .medical-reminder-edit.waiting {
    cursor: wait;
    color: #aaa;
    text-decoration: none !important;
}

.medical-reminder-row-content .medical-reminder-edit:not(.waiting) .fa-spinner {
    display: none;
}

.medical-reminder-row-content .medical-reminder-edit .fa-spinner {
    margin-left: 3px;
}

.medical-reminder-row-content .medical-reminder-edit {
    line-height: 1;
    margin-top: 0 !important;
    margin-left: 5px;
}

.read-only .medical-reminder-row-content .medical-reminder-edit {
    display: none !important;
}

@media (max-width: 991px) {
    .medical-reminder-row-content .text-muted {
        font-size: 12px;
    }

    .medical-reminder-row-content > * {
        line-height: 1.1em;
    }

    .medical-reminder-row-content.medical-reminder-row-tasks > * {
        line-height: 1.4em;
    }
}

@media (max-width: 768px) {
    .reduced-leftpad-xs {
        padding-left: 2px;
    }

    .medical-reminder-row-content > * {
        margin-bottom: 10px;
    }

    .medical-reminder-row-content:last-child {
        padding-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .medical-reminder-row-content > * {
        margin-bottom: 5px;
    }
}

.reminders-filter-container .vis-top .vis-time-axis .vis-minor {
    color: #333;
}

.reminders-filter-container .vis-top .vis-text.vis-major div {
    font-weight: bold;
    color: #666;
}

.medical-reminders-container .vis-panel.vis-left {
    top: 54px !important;
    -webkit-user-drag: auto !important;
    touch-action: auto !important;
}

.medical-reminders-container .vis-foreground > div.vis-group {
    cursor: ew-resize;
}

.medical-reminders-container .vis-panel.vis-center .vis-foreground .vis-group.group-odd:hover,
.medical-reminders-container .vis-panel.vis-center .vis-foreground .vis-group.group-even:hover {
    background: rgba(240, 230, 140, 0.6);
}

.medical-reminders-container .vis-foreground .vis-group.group-even {
    background-color: rgba(220,220,220, 0.3);
}

.medical-reminders-container .vis-foreground div[class=vis-group] {
    background-color: rgba(117, 117, 117, 0.7);
    opacity: 1 !important;
}

.reminders-filter-container .vis-top .vis-time-axis .vis-major.timeline-highlighted {
    background: #fff;
}

.medical-reminders-ui .vis-background .vis-time-axis .timeline-highlighted,
.reminders-filter-container .vis-top .vis-time-axis .vis-minor.timeline-highlighted {
    color: #a02d2d;
}

.medical-reminders-ui .vis-background .vis-time-axis .timeline-highlighted {
    background: rgb(242, 217, 217);
}

.medical-reminders-ui .vis-background .vis-time-axis .vis-major {
    top: 27px !important;
}

.medical-reminders-container .vis-label {
    display: flex;
    align-items: center;
    font-weight: 600;
}

/*.medical-reminders-container .vis-left .vis-label:not(.vis-nesting-group), 
.medical-reminders-container .vis-center .vis-group.group-odd,
.medical-reminders-container .vis-center .vis-group.group-even {
    min-height: 79px;
}*/

.medical-reminders-container .vis-label.group-item-1,
.medical-reminders-container .vis-center .group-item-1 {
    min-height: 79px;
}

.medical-reminders-container .vis-label.group-item-2,
.medical-reminders-container .vis-center .group-item-2 {
    min-height: 158px;
}

.medical-reminders-container .vis-label.group-item-3,
.medical-reminders-container .vis-center .group-item-3 {
    min-height: 237px;
}

.medical-reminders-container .vis-label.group-item-4,
.medical-reminders-container .vis-center .group-item-4 {
    min-height: 316px;
}

.medical-reminders-container .vis-label.group-item-5,
.medical-reminders-container .vis-center .group-item-5 {
    min-height: 395px;
}

.medical-reminders-container .vis-label.group-item-6,
.medical-reminders-container .vis-center .group-item-6 {
    min-height: 474px;
}

.medical-reminders-container .vis-label.group-item-7,
.medical-reminders-container .vis-center .group-item-7 {
    min-height: 553px;
}

.medical-reminders-container .vis-label.group-item-8,
.medical-reminders-container .vis-center .group-item-8 {
    min-height: 632px;
}

.medical-reminders-container .vis-label.group-item-9,
.medical-reminders-container .vis-center .group-item-9 {
    min-height: 711px;
}

.medical-reminders-container .vis-label.group-item-10,
.medical-reminders-container .vis-center .group-item-10 {
    min-height: 790px;
}

.medical-reminders-container .vis-label.group-item-11,
.medical-reminders-container .vis-center .group-item-11 {
    min-height: 869px;
}

.medical-reminders-container .vis-label.group-item-12,
.medical-reminders-container .vis-center .group-item-12 {
    min-height: 948px;
}

.medical-reminders-container .vis-label.group-item-13,
.medical-reminders-container .vis-center .group-item-13 {
    min-height: 1027px;
}

.medical-reminders-container .vis-label.group-item-14,
.medical-reminders-container .vis-center .group-item-14 {
    min-height: 1106px;
}

.medical-reminders-container .vis-label.group-item-15,
.medical-reminders-container .vis-center .group-item-15 {
    min-height: 1185px;
}

.medical-reminders-container .vis-label.group-item-16,
.medical-reminders-container .vis-center .group-item-16 {
    min-height: 1264px;
}

.medical-reminders-container .vis-label.group-item-17,
.medical-reminders-container .vis-center .group-item-17 {
    min-height: 1343px;
}

.medical-reminders-container .vis-label.group-item-18,
.medical-reminders-container .vis-center .group-item-18 {
    min-height: 1422px;
}

.medical-reminders-container .vis-label.group-item-19,
.medical-reminders-container .vis-center .group-item-19 {
    min-height: 1501px;
}

.medical-reminders-container .vis-label.group-item-20,
.medical-reminders-container .vis-center .group-item-20 {
    min-height: 1580px;
}

.medical-reminders-container .vis-label.group-item-21,
.medical-reminders-container .vis-center .group-item-21 {
    min-height: 1659px;
}

.medical-reminders-container .vis-label.group-item-22,
.medical-reminders-container .vis-center .group-item-22 {
    min-height: 1738px;
}

.medical-reminders-container .vis-label.group-item-23,
.medical-reminders-container .vis-center .group-item-23 {
    min-height: 1817px;
}

.medical-reminders-container .vis-label.group-item-24,
.medical-reminders-container .vis-center .group-item-24 {
    min-height: 1896px;
}

.medical-reminders-container .vis-label.group-item-25,
.medical-reminders-container .vis-center .group-item-25 {
    min-height: 1975px;
}

.medical-reminders-container .vis-left .vis-label:not(.vis-nesting-group) .vis-inner {
    margin-left: 5px;
    margin-right: 5px;
}

.medical-reminders-container .vis-nesting-group, .medical-reminders-container .vis-group.group-name {
    background: #999999;
    color: #fff;
}

.medical-reminders-container .vis-nesting-group,
.medical-reminders-container .vis-group.group-name,
.medical-reminders-container .vis-center .vis-foreground div[class=vis-group] {
    min-height: 31px;
}

.medical-reminders-container .vis-nested-group.group-even, .medical-reminders-container .vis-label.group-even {
    background: #eeeeee;
}

.vis-label.vis-nesting-group:before {
    font-size: 12px;
    width: 13px;
    text-align: center;
}

.vis-label.vis-nesting-group.collapsed:before {
    font-size: 11px;
}

.vis-animal-name {
    font-weight: 600;
    color: #f3f3f3;
}

.vis-animal-name:hover, .vis-animal-name:focus {
    color: #fff;
    outline: none;
}

.vis-animal-name + .fa,
.vis-animal-name + .glyphicon {
    margin-left: 6px;
    color: #c0c0c0;
}

.vis-animal-name + .glyphicon {
    font-size: 13px;
}

.medical-reminders-container .vis-nesting-group.expanded, .vis-nesting-group.collapsed {
    padding-left: 10px;
    cursor: default;
}

.medical-reminders-container .vis-nesting-group.expanded {
    min-height: 31px;
}

.medical-reminders-container .vis-nesting-group.expanded::before, .vis-nesting-group.collapsed:before {
    display: none;
}

.medical-reminders-container .vis-nested-group {
    background: #fff;
}

.medical-reminders-container .vis-item {
    color: #fff;
}

.medical-reminders-container .vis-item.vis-parent {
    margin-top: 3px;
    border-left-width: 2px;
    border-left-style: solid;
    padding: 8px 5px 0;
    border-top-width: 4px;
    border-top-style: solid;
}

.medical-reminders-container .vis-item.vis-child {
    background: none !important;
    border: none;
    z-index: 2;
    width: 1px !important;
}

.vis-custom-time {
    background-color: #f00;
    cursor: default;
    pointer-events: none;
}

.vis-custom-time:before {
    content: 'Now';
    color: #fff;
    background: #f00;
    border: 1px solid #f00;
    position: absolute;
    font-size: 11px;
    padding: 0 4px;
    line-height: 13px;
    left: -14px;
}

.medical-reminders-container .vis-item .vis-item-overflow {
    overflow: visible;
}

.medical-reminders-container .vis-item.vis-child .vis-item-overflow {
    line-height: 0;
}

.medical-reminders-container .vis-item.vis-parent.prescription,
.medical-reminders-container .vis-item.vis-parent.vaccine,
.medical-reminders-container .vis-item.vis-parent.other {
    min-height: 59px;
}

.medical-reminders-container .vis-item.prescription {
    background: #6d8caf;
    border-color: #2c517d;
}

.medical-reminders-container .vis-item.prescription:hover {
    background: #597eaa;
}

.medical-reminders-container .vis-item.vaccine {
    background: #85b26c;
    border-color: #356b1e;
}

.medical-reminders-container .vis-item.vaccine:hover {
    background: #6ba850;
}

.medical-reminders-container .vis-item.other {
    background: #e7a35c;
    border-color: #b1610d;
}

.medical-reminders-container .vis-item.other:hover {
    background: #e69138;
}

/*.medical-reminders-container .vis-item.vis-parent.glow {
    box-shadow:none;
}*/

/*.show-vis-glow .medical-reminders-container .vis-item.vis-parent.glow {
    box-shadow: rgb(82, 82, 82) 0px 0 12px 2px, rgb(88, 88, 88) 0 2px 6px 0px;
    z-index: 2;
}*/

.medical-reminders-container .vis-item.vis-parent.darker:before {
    width: 100%;
    height: 54px;
    content: '';
    top: 0;
    left: 0;
    position: absolute;
}

.medical-reminders-container .vis-item.vis-parent.prescription.darker {
    color: #114e94;
    border-color: #7291b5;
}

.medical-reminders-container .vis-item.vis-parent.prescription.darker:before {
    background: #dbe8f7;
}

.medical-reminders-container .vis-item.vis-parent.vaccine.darker {
    color: #2a5d16;
    border-color: #56a932;
}

.medical-reminders-container .vis-item.vis-parent.vaccine.darker:before {
    background: #c7e0bc;
}

.medical-reminders-container .vis-item.vis-parent.other.darker {
    color: #945512;
    border-color: #d49858;
}

.medical-reminders-container .vis-item.vis-parent.other.darker:before {
    background: #f5e7d8;
}

.medical-reminders-container .vis-item.vis-parent.virtual-vaccine.darker:before,
.medical-reminders-container .vis-item.vis-parent.virtual-other.darker:before {
    height: 55px;
}

.medical-reminders-container .vis-item.vaccine.virtual-vaccine {
    background: #c8e1be;
    border-style: dashed;
    border-width: 2px;
}

.medical-reminders-container .vis-item.other.virtual-other {
    background: #ffe3c5;
    border-style: dashed;
    border-width: 2px;
}

.medical-reminders-container .vis-item .vis-item-content {
    padding: 0;
}

.medical-reminders-container .vis-child .med-rec-container .bullet {
    position: absolute;
    z-index: 2;
    top: -3px;
    left: -9.5px;
    width: 19px;
    height: 19px;
    display: block;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
    opacity: 0;
    transition: all .3s ease-in-out;
    color: #000;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    padding-top: 7px;
}

.medical-reminders-container .vis-child.normal .med-rec-container .bullet.disabled {
    cursor: not-allowed;
}

.medical-reminders-container .vis-child .med-rec-container:not(.med-rec-completed) .bullet.disabled {
    border-color: #9c9c9c;
    background: #dedede;
}

.medical-reminders-container .vis-child .med-rec-container .bullet.show-bullet {
    opacity: 1;
}

.medical-reminders-container .vis-child .med-rec-container .bullet.over-due {
    background: #cf2a27;
}

.medical-reminders-container .vis-child .med-rec-completed .bullet, .medical-reminders-container .vis-child .med-rec-completed .bullet.disabled {
    background: #5cb85c;
    color: #fff;
}

.medical-reminders-container .vis-child .med-rec-partially-completed .bullet::after, .medical-reminders-container .vis-child .med-rec-partially-completed .bullet.disabled::after {
    content: ' ';
    width: 7px;
    height: 15px;
    background: #5cb85c;
    display: block;
    border-bottom-left-radius: 90px;
    border-top-left-radius: 90px;
    position: absolute;
    top: 0;
}

.medical-reminders-container .vis-child .med-rec-completed .bullet:before {
    font-size: 9px;
    position: absolute;
    top: 2px;
    left: 3px;
}

.medical-reminders-container .vis-child .med-rec-half-completed .bullet {
    background: #ffff00;
}

.medical-reminders-container .vis-parent .med-rec-container {
    height: 41px;
}

.medical-reminders-container .vis-child .med-rec-container {
    height: 15px;
}

.medical-reminders-container .vis-child .med-rec-container .infinite-next-record {
    margin-left: -8px;
    margin-top: -2px;
    height: 19px;
}

.medical-reminders-container .vis-child .med-rec-container .med-rec-content {
    visibility: hidden;
}

.medical-reminders-container .med-rec-content {
    width: 100%;
}

.medical-reminders-container .med-rec-content .first-line {
    font-weight: bold;
}

.medical-reminders-container .med-rec-content .second-line {
    font-size: 13px;
}

.medical-reminders-container .vis-time-axis .vis-grid.vis-minor {
    border-color: #c7c7c7;
}

.medical-reminders-container .med-rec-label {
    margin-left: 5px;
    margin-bottom: 0;
    line-height: 9.75px;
    white-space: nowrap;
    position: relative;
    top: 0px;
}

@-moz-document url-prefix() {
    .medical-reminders-container .med-rec-label {
        top: -1px;
    }
}

.medical-reminders-container .med-rec-label.edit {
    cursor: pointer;
    padding: 6px 8px;
    background: #000 !important;
    font-size: 13px;
    font-weight: normal;
}

.medical-reminders-container .read-only .med-rec-label.edit {
    display: none;
}

.medical-reminders-container .prescription .med-rec-label {
    background: #2c517d;
}

.medical-reminders-container .vaccine .med-rec-label {
    background: #356b1e;
}

.medical-reminders-container .other .med-rec-label {
    background: #b1610d;
}

.medical-reminders-container .vis-parent .med-rec-container {
    overflow: hidden;
}

.medical-reminders-container .vis-parent.virtual-vaccine .med-rec-container, .medical-reminders-container .vis-parent.virtual-other .med-rec-container {
    border-width: 0;
}

.medical-reminders-container .prescription .med-rec-container, .medical-reminders-container .prescription.vis-child .med-rec-container .bullet {
    border-color: #2c517d;
}

.medical-reminders-container .vaccine .med-rec-container, .medical-reminders-container .vaccine.vis-child .med-rec-container .bullet {
    border-color: #356b1e;
}

.medical-reminders-container .other .med-rec-container, .medical-reminders-container .other.vis-child .med-rec-container .bullet {
    border-color: #b1610d;
}

.med-rec-container .infinite-next-record .bullet {
    font-size: 14px !important;
    padding-top: 0.5px !important;
    color: #555 !important;
}

.med-rec-container .infinite-next-record .bullet i {
    margin-left: -0.75px !important;
}

.medical-reminders-container .med-rec-point {
    color: #000;
    font-size: 13px;
    margin-top: 2px;
}

.medical-reminders-container .vis-item.vis-point.vis-selected {
    background-color: unset;
}

.medical-reminders-container .vis-point .vis-item, .medical-reminders-container .vis-point.vis-selected .vis-item {
    border-color: darkviolet;
    border-width: 5px;
    border-radius: 5px;
    margin-top: 4px;
    cursor: pointer;
}

.tooltip-mr-completed:before {
    content: '\2713';
    margin-right: 10px;
}

.virtual-vaccine .med-rec-container, .virtual-other .med-rec-container {
    padding: 5px 0 0;
    overflow: hidden;
    height: 42px !important;
}

.virtual-vaccine .med-rec-container div, .virtual-other .med-rec-container div {
    text-align: center;
    cursor: pointer;
    color: #356b1e;
    font-size: 15px;
    margin-top: 4px;
}

.virtual-other .med-rec-container div {
    color: #b1610d;
}

.medical-reminders-container #med-rec-filter-date {
    display: inline-block;
}

#medical-record-reminder .detail-container {
    padding-left: 6px;
}

.task-reminder-cards > div {
    padding: 0;
}

.medical-reminder-tasks {
    display: inline-block;
    width: 100%;
    background-color: #f3f3f3;
    padding: 20px 15px 20px 15px;
    min-height: 220px;
}

.medical-taskcard-template,
.medical-taskcard-row-template {
    display: none !important;
}

.medical-taskcard-container {
    display: inline-block;
    width: 100%;
}

#medical-record-reminder-modal .medical-taskcard {
    width: 50%;
    padding: 7px;
    display: inline-block;
}

#medical-record-reminder-modal .prescription-header pre.note-field a {
    position: relative;
    z-index: 1;
}

#medical-record-reminder-modal .prescription-header .text-muted {
    text-align: right;
    padding-right: 0;
}

@media (max-width: 768px) {
    #medical-record-reminder-modal .prescription-header .text-muted {
        text-align: left;
    }

    #medical-record-reminder-modal .prescription-header .text-muted {
        width: 100%;
        font-size: 13px;
        margin-bottom: -3px;
    }

    #medical-record-reminder-modal .prescription-header .tasks-info .row {
        margin-bottom: 5px;
    }

    #medical-record-reminder-modal .prescription-header .tasks-note .text-muted {
        margin-left: 0 !important;
    }

    .medical-reminders-title.time-mode .medical-reminders-zoom .btn-scroll-to-zoom {
        cursor: not-allowed;
        background: #999 !important;
        border-color: #999 !important;
    }
}

@media (max-width: 600px) {
    #medical-record-reminder-modal .medical-taskcard {
        width: auto;
    }

    #medical-record-reminder-modal .medical-taskcard-container {
        position: absolute;
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: scroll;
    }

    #medical-record-reminder-modal .medical-taskcard-wrapper {
        width: 250px;
    }

    #medical-record-reminder-modal .medical-taskcard .medical-taskcard-wrapper {
        min-height: 100px;
    }
}

#medical-record-reminder-modal.animal-group-all-completed .hide-when-all-completed {
    display: none;
}

#medical-record-reminder-modal.animal-group-all-completed.checkbox-changed .hide-when-all-completed.show-on-checkbox-changed {
    display: block;
}


.dashboard-index #medical-record-reminder-cards {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.task-reminder-container:hover {
    cursor: pointer;
}

.medical-record-task-detail .detail-reminder-container {
    font-size: 13px;
}

#med-rec-task-completed-container .task-reminder-container .medical-taskcard-note-details,
.medical-taskcard-container .medical-taskcard-content .medical-taskcard-note-details {
    margin-bottom: 5px;
}

.medical-taskcard .medical-taskcard-wrapper,
#medical-record-reminder-modal .med-rec-task-reminder .task-reminder-container {
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: white;
}

#medical-record-reminder-modal .med-rec-task-reminder .task-reminder-container {
    background-color: transparent;
}

#medical-reminder-schedule .medical-reminder-tasks .medical-taskcard-wrapper,
#medical-record-reminder-modal .medical-taskcard .medical-taskcard-wrapper,
#medical-record-reminder-modal .med-rec-task-reminder .task-reminder-container,
#medical-record-reminder-modal .med-rec-task-completed-container .task-reminder-container {
    border: none;
    padding: 12px 35px 15px 13px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#medical-record-reminder-modal .medical-taskcard .medical-taskcard-wrapper:hover,
#medical-record-reminder-modal .med-rec-task-reminder .task-reminder-container:hover,
#medical-record-reminder-modal .med-rec-task-completed-container .task-reminder-container:hover {
    box-shadow: 0 8px 12px rgba(0,0,0,0.25), 0 5px 12px rgba(0,0,0,0.22);
}

/* Bug fix with bootstrap issue in modal where it will try to focus the modal and makes IE can't focus on the textbox */
.medical-record-task-detail-page.page-2 .bootstrap-timepicker-widget {
    left: inherit !important;
    top: inherit !important;
}

.medical-record-task-detail-page.page-2 .bootstrap-timepicker-widget input {
    width: 35px;
}

.medical-record-task-detail .med-rec-task-reminder .task-reminder-container::after {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12px;
    font-family: 'Glyphicons Halflings';
    content: "\e258";
    color: #bbb;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#item-cards .item-card-wrapper {
    border: 0;
    background: none;
    padding: 15px 5px;
    transition: all .25s ease-in-out;
}

#default-view .notes-container .edit-field-container,
.general-note-wrapper {
    position: relative;
}


@media(min-width: 480px) {
    .general-note-wrapper {
        padding: 20px 15px;
    }
}

@media(max-width: 479px) {
    .general-note-wrapper {
        padding: 15px 0;
    }

    #item-cards .item-card-wrapper,
    .dailyreport-edit .list-editor-rows .row,
    .dailyreport-view .list-editor-rows .row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

#default-view .notes-container .edit-field-container ~ .edit-field-container,
.general-note-wrapper ~ .general-note-wrapper {
    border-top: solid 1px #eee;
}

#default-view .welfare-detail-container .welfare-checklist-detail.required-field-checklist,
.general-note-wrapper.required-field-note {
    border: 1px solid #ffa9bc !important;
    margin-top: 5px;
}

@media(max-width: 767px) {
    .general-note-wrapper.required-field-note {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 400px) {

    #medical-record-reminder-cards .medical-taskcard-wrapper .dashboard-contents-date, #checklist .dashboard-contents-date {
        margin-left: 0;
    }

    #medical-record-reminder-cards .dashboard-control {
        margin-top: 5px;
    }

    #medical-record-reminder-cards .medical-reminder-text {
        display: none;
    }
}

#medical-record-reminder-cards .medical-taskcard-note {
    margin-top: 3px;
}

.medical-taskcard-drug {
    display: flex;
}

#medical-record-reminder-cards .medical-taskcard-note {
    margin-top: 3px;
}

#medical-record-reminder-cards .medical-taskcard-drug,
#medical-record-reminder-cards .medical-taskcard-amounttaken,
#medical-record-reminder-cards .medical-taskcard-givenby,
#medical-record-reminder-cards .medical-taskcard-auditfield {
    margin-top: 2px;
}

.medical-taskcard .medical-taskcard-auditfield,
.task-reminder-container .medical-taskcard-auditfield {
    display: none;
    color: #999;
}

.medical-taskcard.show-auditfield.completed .medical-taskcard-auditfield {
    display: block;
}

#medical-record-reminder-cards .medical-taskcard-due-details .checklist-label-due-date {
    margin-top: 1px;
    display: flex;
}

.medical-taskcard {
    cursor: pointer;
}

.medical-taskcard-date .text-date {
    font-weight: bold;
    margin-right: 2px;
}

.medical-taskcard-date {
    flex-wrap: wrap;
}

.medical-taskcard.completed .medical-taskcard-name {
    color: #999;
    text-decoration: line-through;
}

.medical-taskcard.has-not-born {
    color: #999;
}

.medical-taskcard:not(.completed) .medical-taskcard-givenby,
.medical-taskcard:not(.completed) .medical-taskcard-amounttaken,
.medical-taskcard:not(.completed) .medical-taskcard-completion-note {
    display: none;
}

.medical-taskcard.completed .medical-taskcard-note {
    display: none;
}

#medical-record-reminder-modal .medical-taskcard .checkbox,
#medical-record-reminder-cards .medical-taskcard .checkbox {
    margin-top: 1px;
}

.medical-taskcard .checkbox {
    margin-top: 1px;
    margin-left: 5px;
    padding-top: 0px;
}

.medical-taskcard-checkbox {
    width: 30px;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.partially-completed:not(.completed) .checkbox label::after {
    content: "";
    width: 0;
    height: 0;
    top: 0px;
    border-left: 16px solid #5cb85c;
    border-bottom: 16px solid transparent;
}

.task-as-completed .medical-taskcard-checkbox {
    display: none;
}

.task-as-completed .medical-taskcard-content {
    padding-left: 0;
}

.task-as-completed .medical-taskcard-completed-delete {
    display: block !important;
}

.task-as-completed .medical-taskcard-completed-delete.dailyreport-hide {
    min-height: 21px;
}

.task-as-completed .medical-taskcard-completed-delete.dailyreport-hide a.medical-task-delete {
    display: none !important;
}

.medical-taskcard-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.medical-taskcard-animalname,
.medical-taskcard-name {
    font-weight: bold;
}

.medical-taskcard-name {
    margin-right: 5px;
}

.medical-taskcard-givenby-icon,
.medical-taskcard-entered-icon,
.medical-taskcard-amounttaken-icon,
.medical-taskcard-animalname-icon,
.medical-taskcard-note-icon,
.detail-reminder-container {
    float: left;
}

.detail-reminder-due-container {
    display: flex;
}

.detail-reminder-due-container .task-detail-reminder {
    margin-right: 5px;
}

.medical-record-task-detail .detail-reminder-container .glyphicon {
    margin-right: 2px;
}

.medical-taskcard-date,
.medical-taskcard-due,
.medical-taskcard-end {
    display: flex;
}


.medical-taskcard-due {
    margin-right: 15px;
}


.medical-taskcard-due,
.medical-taskcard-auditfield {
    margin-top: 1px;
}

.medical-taskcard-due.show-due-date-false {
    display: none;
}


.medical-taskcard-givenby-fullname,
.medical-taskcard-entered-fullname {
    font-weight: bold;
}

.medical-taskcard-drug-details,
.medical-taskcard-amounttaken,
.medical-taskcard-due,
.medical-taskcard-end,
.medical-taskcard-note,
.medical-taskcard-drug,
.medical-taskcard-givenby,
.medical-taskcard-auditfield,
.medical-taskcard-description,
.medical-taskcard-note,
.medical-taskcard-completion-note,
.medical-taskcard-animalname-icon,
.animal-group-checkbox-container .audit-fields {
    color: #333;
    font-size: 13px;
}

.row-filtered-medical-reminder .medical-taskcard-givenby-name {
    display: inline-block;
    width: calc(100% - 19px);
}

.medical-taskcard-animalname-icon {
    font-size: 14px;
}

.medical-taskcard-animalname-icon,
.medical-taskcard-givenby-icon,
.medical-taskcard-entered-icon,
.medical-taskcard-amounttaken-icon,
.medical-taskcard-due-icon,
.medical-taskcard-end-icon {
    margin-right: 5px;
}

.medical-taskcard-animalname-icon.animal-groups-icon {
    font-size: 12px;
    margin-right: 3px;
}

.medical-taskcard-animalname-icon.animal-groups-icon span {
    vertical-align: middle;
}

.medical-taskcard-givenby-icon .glyphicon-user,
.medical-taskcard-entered-icon .glyphicon-user {
    margin-top: 1px;
}

.medical-taskcard-amounttaken-icon .icon-pills-bottle {
    line-height: 1.4em;
}

.medical-taskcard-note, .medical-taskcard-completion-note {
    clear: both;
}

.medical-reminders-container.list-mode .medical-taskcard-completion-note {
    font-style: italic;
    color: #888;
}

.medical-tasknav-prev:hover,
.medical-tasknav-next:hover {
    background-color: #ccc;
}

.medical-tasknav-prev.disabled,
.medical-tasknav-next.disabled {
    background-color: #e5e5e5 !important;
}

.medical-tasknav-prev.disabled:hover,
.medical-tasknav-next.disabled:hover {
    cursor: not-allowed;
}

.medical-reminders-ui .medical-tasknav-prev span.glyphicon,
.medical-reminders-ui .medical-tasknav-next span.glyphicon {
    font-size: 30px;
    color: #777;
    top: 50%;
    margin-top: -15px;
}

.medical-reminders-ui .medical-tasknav-prev.disabled span.glyphicon,
.medical-reminders-ui .medical-tasknav-next.disabled span.glyphicon {
    color: #ccc;
}

.medical-reminder-column-content .task-arrow,
.accordion .task-arrow {
    -webkit-transition: transform 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
}

.medical-reminder-column-content.task-expanded .task-arrow,
.accordion.open .task-arrow {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#medical-record-reminder-modal .modal-title .modal-title-type {
    display: none;
}

#medical-record-reminder-modal .modal-title.type-1 .modal-title-type.modal-title-prescription,
#medical-record-reminder-modal .modal-title.type-2 .modal-title-type.modal-title-vaccine,
#medical-record-reminder-modal .modal-title.type-3 .modal-title-type.modal-title-othertreatment {
    display: inline !important;
}

#medical-record-reminder-modal .modal-body.type-1 .modal-field-show-type:not(.type-1),
#medical-record-reminder-modal .modal-body.type-2 .modal-field-show-type:not(.type-2),
#medical-record-reminder-modal .modal-body.type-3 .modal-field-show-type:not(.type-3) {
    display: none;
}

#medical-record-reminder-modal .added-as-completed .hide-when-as-completed {
    display: none;
}

#medical-record-reminder-modal .modal-body.type-2 .modal-field-show-type.modal-field-nextduedate,
#medical-record-reminder-modal .modal-body.type-3 .modal-field-show-type.modal-field-nextduedate {
    margin-top: 5px;
}

#medical-record-reminder-modal .modal-body,
#medical-record-reminder-modal .modal-footer {
    overflow-x: hidden;
    padding: 0;
}

#report-modal .modal-body {
    overflow-x: hidden;
}

#report-parameters input[type="checkbox"]:disabled + label {
    color: #888888;
}

#medical-record-reminder-modal .modal-body-wrapper {
    width: 300%;
    -webkit-transition: all 300ms cubic-bezier(.73,.29,.55,.96);
    -moz-transition: all 300ms cubic-bezier(.73,.29,.55,.96);
    -o-transition: all 300ms cubic-bezier(.73,.29,.55,.96);
    transition: all 300ms cubic-bezier(.73,.29,.55,.96);
}

#medical-record-reminder-modal .page {
    padding: 10px 15px;
    width: 33.33%;
    float: left;
}

#medical-record-reminder-modal .modal-body .page.first-page {
    padding-bottom: 0;
}

#medical-record-reminder-modal .tasks-reminders-name {
    margin-top: 15px;
    margin-bottom: 15px;
}

#medical-record-reminder-modal .prescription-header,
#medical-record-reminder-modal .show-partial-details .prescription-header #medical-record-reminder-modal .show-partial-details .fade-layer,
#medical-record-reminder-modal .fade-layer {
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    -o-transition: all 0.75s ease-in-out;
    transition: all 0.75s ease-in-out;
}

#medical-record-reminder-modal .prescription-header {
    overflow: hidden;
    max-height: 4000px;
    padding-bottom: 15px;
}

#medical-record-reminder-modal .show-partial-details .prescription-header {
    max-height: 30px;
}

#medical-record-reminder-modal .fade-layer {
    opacity: 0;
}

#medical-record-reminder-modal .show-partial-details .fade-layer {
    opacity: 1;
}

#medical-record-reminder-modal .fade-layer {
    content: '';
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    position: absolute;
    width: 100%;
    height: 60px;
    top: -39px;
    left: 1px;
}

#medical-record-reminder-modal .tasks-toggle-details {
    position: absolute;
    left: 50%;
    top: 1px;
    margin-left: -20px;
    text-align: center;
    padding: 0;
    font-size: 20px;
    line-height: 1;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    background-color: #ccc;
    border-color: #ccc;
    outline: 0;
}

#medical-record-reminder-modal .tasks-toggle-details:hover {
    background-color: #aaa;
}

#medical-record-reminder-modal .tasks-reminders {
    margin-top: 20px;
    padding: 15px 0;
    background-color: #f3f3f3;
    border-bottom: 1px solid #fcfcfc;
    border-top: 1px solid #ddd;
}

#medical-record-reminder-modal .tasks-reminders::after {
    border-bottom: 1px solid #ddd;
    content: '';
    display: block;
    position: relative;
    top: 15px;
}

#medical-record-reminder-modal .task-reminders-date-control,
.medical-reminders-ui .task-reminders-date-control {
    margin-left: 15px;
    white-space: nowrap;
}

#medical-record-reminder-modal .task-reminders-date-control input,
.medical-reminders-ui .task-reminders-date-control input {
    width: 95px;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

#medical-record-reminder-modal .task-reminders-date-control .btn,
.medical-record-datenav .btn-datenav,
.medical-reminders-ui .task-reminders-date-control .btn {
    margin-top: -1px;
    padding: 5px 7px;
    outline: 0;
}

#medical-record-reminder-modal .task-reminders-date-control .glyphicon-menu-left,
.medical-record-datenav .glyphicon-menu-left,
.medical-reminders-ui .task-reminders-date-control .glyphicon-menu-left {
    margin-right: -4px;
}

#medical-record-reminder-modal .task-reminders-date-control .glyphicon-menu-right,
.medical-record-datenav .glyphicon-menu-right,
.medical-reminders-ui .task-reminders-date-control .glyphicon-menu-right {
    margin-left: -4px;
}

.medical-record-datenav .btn-datenav {
    height: 31px;
}


#medical-record-reminder-modal .tasks-reminders-summary {
    margin-top: 5px;
    padding-right: 25px;
    display: inline-block;
    width: 50%;
    white-space: nowrap;
}

#medical-record-reminder-modal .tasks-reminders-summary .progress {
    margin: 0;
    width: 60%;
    margin-top: 7px;
    display: inline-block;
    white-space: nowrap;
}

#medical-record-reminder-modal .task-config-reminder-message {
    font-size: 14px;
}

@media (max-width: 420px) {
    #medical-record-reminder-modal .task-reminders-title:after {
        display: none;
    }

    #medical-record-reminder-modal .tasks-reminders-summary {
        width: 100%;
    }
}

@media (max-width: 600px) {
    #medical-record-reminder-modal .tasks-reminders-summary {
        width: 100%;
    }
}

@media(min-width: 992px) {
    .medical-reminder-column-content .medical-taskcard {
        width: 33.33333333333333%;
    }
}


@media(min-width: 768px) and (max-width: 991px) {
    .medical-reminder-column-content .medical-taskcard {
        width: 50%;
    }
}

@media(max-width: 767px) {
    .medical-reminder-column-content .medical-taskcard {
        width: 100%;
    }
}

.medical-reminder-column-content .medical-taskcard {
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}

#medical-record-reminder-modal .tasks-reminders-summary .medical-reminder-task-completion {
    margin-right: 5px;
    margin-left: 5px;
}

#medical-record-reminder-modal .task-reminders-title {
    text-transform: uppercase;
    font-weight: bold;
}

#medical-record-reminder-modal .tasks-reminders .task-record-date:before {
    content: ' - ';
    margin-right: 5px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

#medical-record-reminder-modal .tasks-reminders-summary .glyphicon-ok {
    margin-right: 5px;
}

@media (min-width: 767px) {
    #medical-record-reminder-modal .second-page-form {
        display: flex;
    }
}

@media (max-width: 767px) {
    .medical-reminders-ui .task-reminders-date-control {
        text-align: left;
        margin-left: 0;
    }
}

#medical-record-reminder-modal .medical-record-task-detail {
    margin-top: -10px;
    margin-bottom: -10px;
    background: #f7f7f7;
    border-left: 2px solid #e1e1e1;
    min-height: 400px;
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden;
}

@media (max-width: 600px) {
    #medical-record-reminder-modal .second-page-form {
        display: block;
    }
}

#medical-record-reminder-modal .medical-record-task-detail {
    margin-top: 30px;
}

@media (max-width: 420px) {
    #medical-record-reminder-modal .second-page-form {
        display: block;
    }
}

.medical-record-task-detail-pages {
    width: 200%;
    -webkit-transition: all 300ms cubic-bezier(.73,.29,.55,.96);
    -moz-transition: all 300ms cubic-bezier(.73,.29,.55,.96);
    -o-transition: all 300ms cubic-bezier(.73,.29,.55,.96);
    transition: all 300ms cubic-bezier(.73,.29,.55,.96);
}

.medical-record-task-detail-pages.page-1 {
    margin-left: 0;
}

.medical-record-task-detail-pages.page-2 {
    margin-left: -100%;
}

.medical-record-task-detail-pages.page-2 .medical-record-task-detail-page.page-1 {
    max-height: 400px;
    overflow-y: hidden;
}

.medical-record-task-detail-page {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

.medical-record-task-detail-page .title-row {
    margin-bottom: 10px;
}

.medical-record-task-detail-page .medical-config-validationmessage,
.medical-record-task-detail-page .medical-completed-validationmessage,
.medical-record-task-detail-page .medical-config-range-validationmessage {
    display: none;
}

.medical-record-task-detail-page .medical-config-validationmessage.validation-failed,
.medical-record-task-detail-page .medical-completed-validationmessage.validation-failed,
.medical-record-task-detail-page .medical-config-range-validationmessage.validation-failed {
    display: inline-block;
}

.medical-task-config-back {
    text-transform: uppercase;
}

#medical-record-reminder-modal .title-container .medical-task-add-completed-back {
    text-transform: uppercase;
}

#medical-record-reminder-modal .medical-record-task-detail .title-container {
    padding: 15px 0;
}

#medical-record-reminder-modal .medical-record-task-detail .title-container .bootstrap-switch-wrapper {
    margin-left: 10px;
}

#medical-record-reminder-modal .medical-record-task-detail .title-row {
    background: #eee;
    border-bottom: 1px solid #ccc;
}

#medical-record-reminder-modal .medical-record-task-detail .title-row::after {
    content: '';
    position: relative;
    border-bottom: 1px solid white;
    top: 2px;
    display: block;
}

#medical-record-reminder-modal .btn-add-reminder-group {
    margin-top: 15px;
}

#medical-record-reminder-modal .medical-record-task-detail.shadow-top .shadow-top {
    position: relative;
    height: 3px;
    box-shadow: inset 0px 1px 1px #ddd;
    z-index: 10;
    color: transparent;
    margin-bottom: -3px;
}

#medical-record-reminder-modal .medical-record-task-detail.shadow-bottom .shadow-bottom {
    position: relative;
    height: 3px;
    box-shadow: inset 0 -1px 1px #ccc;
    z-index: 10;
    color: transparent;
    margin-top: -3px;
}

#medical-record-reminder-modal .medical-record-task-detail .taks-list {
    overflow-y: scroll;
    max-height: 364px;
}

.medical-record-task-detail.task-completed .medical-record-task-detail-reminder,
.medical-record-task-detail.task-completed .task-configuration-editor {
    display: none;
}

.medical-record-task-detail-reminder .btn-apply-freq {
    width: 100% !important;
    height: 43px;
}

.medical-record-task-detail.task-reminder .medical-record-task-detail-completed,
.medical-record-task-detail.task-reminder .task-completed-editor {
    display: none;
}

.medical-record-task-detail-page .medical-record-task-detail-completed .add-completed-task {
    margin: 10px 10px 20px -10px;
}

.medical-record-task-detail-page .medical-record-task-detail-completed .btn-add-completed-group {
    margin-top: 15px;
    margin-bottom: 15px;
}

.task-completed-label-note {
    padding-top: 0 !important;
}

#med-rec-task-completed-outercontainer .med-rec-task-completed.template {
    display: none;
}

#med-rec-task-reminder-container {
    position: relative;
}

#med-rec-task-reminder-outercontainer {
    overflow-y: auto;
}

#medical-record-reminder-modal .med-rec-task-reminder.template {
    display: none;
}

.small-padding-right {
    padding-right: 5px !important;
}

#medical-record-reminder-modal .med-rec-task-reminder {
    position: relative;
    background-color: white;
    margin-top: 15px;
}

.med-rec-task-reminder.has-reminder .add-reminder-container,
.med-rec-task-reminder:not(.has-reminder) .detail-reminder-container {
    display: none;
}

#medical-record-reminder-modal .med-rec-task-reminder:first-child {
    margin-top: 5px;
}

#medical-record-reminder-modal .med-rec-task-reminder:last-child {
    margin-bottom: 15px;
}

#medical-record-reminder-modal .med-rec-task-reminder .task-reminder-container .time {
    margin-top: 9px;
}

#medical-record-reminder-modal .med-rec-task-reminder .task-reminder-container select {
    padding: 10px;
    text-align: center;
}

.task-reminder-container span.task-name {
    font-weight: bold;
}

@media (min-width: 768px) {
    #medical-record-reminder-modal .modal-dialog,
    .welfareFrequencyModal .modal-dialog,
    #createTemplateModal .modal-dialog,
    #searchWelfareChecklistModal .modal-dialog,
    #measurement-modal .modal-dialog,
    #measurement-item-modal .modal-dialog {
        width: 760px;
    }
}

#measurement-item-modal .measurement-item-wrapper .header-container,
#measurement-modal .measurement-item-wrapper .header-container {
    display: flex;
    align-items: center;
    margin-top: 11px;
}

#measurement-item-modal .measurement-item-wrapper .header-container label,
#measurement-modal .measurement-item-wrapper .header-container label {
    padding-top: 0;
}

.second-page.show-type-1 .show-type-filter:not(.show-type-1),
.second-page.show-type-2 .show-type-filter:not(.show-type-2),
.second-page.show-type-3 .show-type-filter:not(.show-type-3) {
    display: none;
}

.second-page.show-type-1 .reminder-nextduedate-modalfield,
.second-page.show-type-3 .reminder-nextduedate-modalfield {
    margin-top: 5px;
    clear: both;
}

.toggle-button-group {
    padding: 0;
}

.toggle-button-group .toggle-button {
    color: black;
    border: 1px solid black;
    background-color: white;
    padding: 3px 8px;
}

.toggle-button-group .toggle-button.active {
    color: white;
    background-color: black;
}

.toggle-button-group .toggle-button:not(:first-child) {
    margin-left: -4px;
}

.toggle-button-group .toggle-button:focus {
    outline: none;
}

.weather-header {
    padding-bottom: 0;
    min-height: 35px;
}

.checklist-header {
    padding-top: 2px;
}

.medical-reminder-header .dashboard-control {
    font-weight: normal;
}

.medical-reminder-header .medical-reminder-title {
    line-height: 1.1em;
    font-size: 18px;
}

.dailyreport-view .medical-reminder-header .medical-reminder-title,
.dailyreport-edit .medical-reminder-header .medical-reminder-title,
.weather-title {
    font-size: inherit;
}

.medical-reminder-header .medical-reminder-title-details,
.medical-reminder-header .medical-reminder-title-container {
    display: flex;
    align-items: center;
}

.medical-reminder-header .medical-reminder-title-container:after {
    content: ' | ';
    font-size: 21px;
    margin-inline: 10px;
    font-weight: 500;
    color: #999;
}

@media(min-width: 768px) and (max-width: 991px) {
    .medical-reminder-header .medical-reminder-title:after {
        margin-right: 5px !important;
        margin-left: 0px !important;
    }

    #medical-record-reminder-cards .medical-reminders-filter button,
    .dailyreport-task-container .taskchecklist-filter-status button {
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media(min-width: 1200px) and (max-width: 1399px) {
    .medical-reminder-header .medical-reminder-title:after {
        margin-right: 4px !important;
        margin-left: 0px !important;
    }

    #medical-record-reminder-cards .medical-tasks-group-count {
        margin-left: 0px;
    }

    #medical-record-reminder-cards .medical-reminders-filter button,
    .dailyreport-task-container .taskchecklist-filter-status button {
        padding-left: 4px;
        padding-right: 4px;
    }
}


@media (max-width: 400px) {
    .dashboard-index #medical-record-reminder-cards .medical-reminder-title:after {
        content: '';
    }
}

#medical-record-reminder-cards .view-schedules {
    display: flex;
    cursor: pointer;
    align-items: center;
    padding-top: 3px;
    gap: 3px;
}

#medical-record-reminder-cards .view-schedules.disabled {
    cursor: default;
}

#medical-record-reminder-cards .medical-reminder-pipe {
    margin-top: 0;
    margin-right: 10px;
}

.dailyreport-view #medical-record-reminder-cards .medical-reminder-pipe {
    margin-left: 5px;
    margin-right: 5px;
}

#medical-taskcard-container .checkbox {
    padding-top: 0;
}

@media all and (max-height: 640px) {
    .medical-reminders-scroll {
        height: 350px !important;
    }
}

@media all and (max-height: 480px) {
    .medical-reminders-scroll {
        height: 210px !important;
    }
}

.task-reminders-date-container.added-as-completed,
.task-reminders-date-control.added-as-completed {
    display: none;
}

/* AJAX LOADERS */
.cssload {
    position: relative;
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
}

/* BEGIN ATOM */

.cssload-atom {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    perspective: 780px;
}

.cssload-atom > div {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.cssload-atom > div:nth-child(1) {
    left: 0%;
    top: 0%;
    animation: cssload-atom-rotate-one 1s linear infinite;
    -o-animation: cssload-atom-rotate-one 1s linear infinite;
    -ms-animation: cssload-atom-rotate-one 1s linear infinite;
    -webkit-animation: cssload-atom-rotate-one 1s linear infinite;
    -moz-animation: cssload-atom-rotate-one 1s linear infinite;
    border-bottom: 3px solid #2780e3;
}

.cssload-atom > div:nth-child(2) {
    right: 0%;
    top: 0%;
    animation: cssload-atom-rotate-two 1s linear infinite;
    -o-animation: cssload-atom-rotate-two 1s linear infinite;
    -ms-animation: cssload-atom-rotate-two 1s linear infinite;
    -webkit-animation: cssload-atom-rotate-two 1s linear infinite;
    -moz-animation: cssload-atom-rotate-two 1s linear infinite;
    border-right: 3px solid #2780e3;
}

.cssload-atom > div:nth-child(3) {
    right: 0%;
    bottom: 0%;
    animation: cssload-atom-rotate-three 1s linear infinite;
    -o-animation: cssload-atom-rotate-three 1s linear infinite;
    -ms-animation: cssload-atom-rotate-three 1s linear infinite;
    -webkit-animation: cssload-atom-rotate-three 1s linear infinite;
    -moz-animation: cssload-atom-rotate-three 1s linear infinite;
    border-top: 3px solid #2780e3;
}

@keyframes cssload-atom-rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-atom-rotate-one {
    0% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-atom-rotate-one {
    0% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-atom-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-atom-rotate-one {
    0% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes cssload-atom-rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-atom-rotate-two {
    0% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-atom-rotate-two {
    0% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-atom-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-atom-rotate-two {
    0% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes cssload-atom-rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-atom-rotate-three {
    0% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-atom-rotate-three {
    0% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-atom-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-atom-rotate-three {
    0% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

/* END ATOM */

/* BEGIN WHEEL */

.cssload-wheel {
    width: 100%;
    height: 100%;
    margin: 0;
    border: 2px solid #2780e3;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: cssload-wheel-spin 500ms infinite linear;
    -o-animation: cssload-wheel-spin 500ms infinite linear;
    -ms-animation: cssload-wheel-spin 500ms infinite linear;
    -webkit-animation: cssload-wheel-spin 500ms infinite linear;
    -moz-animation: cssload-wheel-spin 500ms infinite linear;
}

@keyframes cssload-wheel-spin {
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-wheel-spin {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-wheel-spin {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-wheel-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-wheel-spin {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* END WHEEL */

/* BEGIN SPINNER */

.cssload-spinner {
    width: 100%;
    height: 100%;
    margin: 0;
    border: 2px solid #2780e3;
    border-radius: 50%;
    border-top-color: transparent;
    border-right-color: transparent;
    animation: cssload-spinner-spin 500ms infinite linear;
    -o-animation: cssload-spinner-spin 500ms infinite linear;
    -ms-animation: cssload-spinner-spin 500ms infinite linear;
    -webkit-animation: cssload-spinner-spin 500ms infinite linear;
    -moz-animation: cssload-spinner-spin 500ms infinite linear;
}

@keyframes cssload-spinner-spin {
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-spinner-spin {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-spinner-spin {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-spinner-spin {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* END SPINNER */

/* Audit Fields */
.user-box-container {
    margin-left: -5px;
    margin-bottom: -15px;
    padding-left: 5px;
}

.user-box {
    padding-right: 15px;
    margin-top: 28px;
}

.user-box, .user-box dl dd, .user-box dl dd span {
    font-size: 13px;
    line-height: 1.1em;
}

.user-box > .text-audit {
    margin-right: 2px;
    color: #666;
    font-weight: bold;
}

.user-box dl dd span {
    margin-right: 4px;
    margin-left: 2px;
}

.user-box dt {
    font-size: 15px;
    color: #666;
    display: inline-block;
    line-height: 1.1em;
    font-weight: normal;
}

.user-box dl {
    margin: 0;
}

.user-box dl dd {
    color: #aaa;
    display: inline-block;
    font-style: italic;
}

.user-box-container.display-inline .user-box {
    margin-top: 0;
}

.user-box-container .tittle-hashtag {
    padding-left: 5px;
    margin-right: 8px;
    font-weight: bold;
    display: inline-flex;
    color: #666;
    font-size: 13px;
}

.user-box-container .hashtag-title {
    color: #2780e3;
    font-weight: bold;
}

.user-box-container .hashtag-title a {
    margin-left: -3px;
}

.user-box-container .tittle-hashtag dl {
    margin-left: 5px;
    margin-bottom: 0px;
}

.user-box-container.display-inline .user-box > div,
.user-box-container.display-inline .user-box dl,
.user-box-container.display-inline .user-box dl dt,
.user-box-container.display-inline .user-box dl dd {
    display: inline;
}

.user-box-container.display-inline .user-box dt {
    font-size: 13px;
}

@media(min-width: 501px) {
    .user-box-container .hashtag-title a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
    }

    .user-box-container .hashtag-title:before {
        overflow: hidden;
        display: inline-block;
    }

    .user-box-container .tittle-hashtag {
        white-space: nowrap;
    }
}

@media(min-width:996px) {
    .user-box {
        display: inline-block;
    }

    .user-box-container.has-hashtag.display-inline .user-box.created-by,
    .user-box-container.display-inline .user-box.updated-by {
        border-left: 1px solid #ccc;
        padding-left: 10px;
        padding-right: 10px;
    }

    .animal-view .user-box-container {
        margin-bottom: 8px;
    }

    .user-box-container {
        margin-top: 20px;
    }
}

@media(max-width: 995px) {
    .animal-view .user-box-container {
        margin-bottom: 15px;
    }

    .user-box-container.display-inline .user-box.created-by,
    .user-box-container.display-inline .user-box.updated-by {
        padding-left: 5px;
    }

    .user-box-container {
        margin-top: 10px;
    }
}

@media(min-width: 996px) and (max-width: 1199px) {
    .user-box-container .hashtag-title a {
        max-width: 245px;
    }
}

@media(min-width: 1200px) {
    .user-box-container .hashtag-title a {
        max-width: 300px;
    }
}

@media(min-width: 768px) and (max-width: 995px) {
    .user-box-container .hashtag-title a {
        max-width: 600px;
    }
}

@media(min-width: 501px) and (max-width: 767px) {
    .user-box-container .hashtag-title a {
        max-width: 300px;
    }
}

@media(min-width:501px ) and (max-width:995px) {
    .user-box-container {
        margin-bottom: -5px;
    }

    .user-box-container .user-box {
        margin-bottom: 8px;
        padding-right: 15px;
    }

    .animal-view .user-box-container {
        padding-left: 10px;
    }
}

@media(max-width: 500px) {
    .user-box-container.display-inline .user-box > div,
    .user-box-container.display-inline .user-box dl,
    .user-box-container.display-inline .user-box dl dt,
    .user-box-container.display-inline .user-box dl dd {
        display: inherit;
    }

    .user-box-container.display-inline .user-box.created-by,
    .user-box-container.display-inline .user-box.updated-by {
        margin-top: 10px;
    }

    .user-box-container .tittle-hashtag {
        display: inherit;
    }

    .user-box-container .tittle-hashtag dl {
        margin-left: 10px;
    }

    .user-box-container.display-inline .user-box dl {
        margin-left: 11px;
    }

    .animal-view .user-box-container {
        padding-left: 5px;
    }

    .user-box dl {
        margin-left: 5px;
    }

    .dailyreport-view .user-box-container .tittle-hashtag dl dt {
        margin-left: -5px;
    }

    .user-box-container .tittle-hashtag a {
        word-break: break-all;
    }
}

@media (max-width: 1199px) {
    .user-box {
        margin-top: 0;
    }

    .user-box dt {
        font-size: 13px;
    }
}

@media (max-width: 500px) {
    .user-box:nth-child(2) {
        border-left: none !important;
        margin-bottom: 8px;
    }

    .user-box {
        display: block;
        line-height: 1.3em;
    }

    .user-box-container.display-inline .user-box dl {
        display: inline-block;
    }
}

.dropdown-container.filter-btn-dropdown-container .dropdown-menu .divider,
.medical-reminders-filter .dropdown-menu .divider,
.taskchecklist-filter-status .dropdown-menu .divider {
    margin: 0;
}

.filter-btn-dropdown-container.dropdown-container .dropdown-menu li.item-filter.first-item {
    padding-top: 15px;
}

.filter-btn-dropdown-container.dropdown-container .dropdown-menu li.item-filter {
    display: inline-block;
}

.filter-btn-dropdown-container .dropdown-menu .accordion .accordion-trigger {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 50px;
}

.filter-btn-dropdown-container .dropdown-menu .accordion .accordion-trigger .title-container {
    display: flex;
    align-items: center;
    gap: 4px;
}

.medical-reminders-filter .dropdown-menu .accordion .accordion-trigger,
.taskchecklist-filter-status .dropdown-menu .accordion .accordion-trigger {
    display: block;
    cursor: pointer;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 50px;
}

.filter-btn-dropdown-container .dropdown-menu li.item-filter,
.filter-btn-dropdown-container .dropdown-menu .accordion .accordion-trigger,
.medical-reminders-filter .dropdown-menu .accordion .accordion-trigger,
.taskchecklist-filter-status .dropdown-menu .accordion .accordion-trigger,
.custom-dropdown-filter li[data-group] > .title,
.custom-dropdown-filter li[data-group="status"] .btn-group,
.custom-dropdown-filter li[data-group="medical-reminder-type"] .btn-group {
    padding-left: 15px;
    padding-right: 15px;
    text-transform: capitalize;
}

.filter-btn-dropdown-container .dropdown-menu .accordion .accordion-target,
.medical-reminders-filter .dropdown-menu .accordion .accordion-target,
.taskchecklist-filter-status .dropdown-menu .accordion .accordion-target {
    display: none;
    background: #fff;
    padding: 0;
}

.filter-btn-dropdown-container .dropdown-menu .accordion:hover .accordion-trigger,
.filter-btn-dropdown-container .dropdown-menu .accordion.open .accordion-trigger,
.medical-reminders-filter .dropdown-menu .accordion:hover .accordion-trigger,
.taskchecklist-filter-status .dropdown-menu .accordion:hover .accordion-trigger,
.medical-reminders-filter .dropdown-menu .accordion.open .accordion-trigger,
.taskchecklist-filter-status .dropdown-menu .accordion.open .accordion-trigger {
    background: #e7e7e7;
}


.medical-reminders-filter .dropdown-menu .section-name,
.taskchecklist-filter-status .dropdown-menu .section-name {
    font-weight: bold;
}

.medical-reminders-filter .dropdown-menu .section-name span[data-level="0"] {
    display: inline-block;
}

.accordion .task-arrow {
    color: #999;
    float: right;
    margin-top: 4px;
}

.select2-with-spinner.hide-spinner ~ .select2-spinner,
.select2customadd-with-spinner.hide-spinner ~ .select2customadd-spinner {
    display: none !important;
}

.select2-with-spinner ~ .select2-spinner,
.select2customadd-with-spinner ~ .select2customadd-spinner {
    position: absolute;
    top: 12px;
    right: 35px;
    font-size: 18px !important;
}

.edit-field-container .note-type-container {
    position: relative;
}

.edit-field-container .note-type-container .select2customadd-with-spinner ~ .select2customadd-spinner {
    right: 20px;
}

.error-message-container .text-danger {
    display: block;
}

#animal-smoothslides {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.animal-image-slide {
    position: relative;
}

.animal-image-slide.slide-container {
    width: 100%;
    position: relative;
    height: 240px;
    background-color: #fff;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 40px;
}

@media (max-width : 425px) {
    .animal-image-slide.slide-container {
        height: 180px;
    }
}

.smoothslides, .smoothslides-on, .ss-slide-stage {
    border-radius: 0 !important;
    max-height: 240px;
}

#animal-display-name {
    left: 20px;
    right: 20px;
    display: block;
    position: absolute;
    bottom: 7px !important;
    width: auto !important;
    z-index: 100000;
    background: none !important;
    color: #eee !important;
    text-shadow: 0 0 10px #333333 !important;
    padding-top: 0 !important;
    min-height: 0 !important;
    font-size: 12px !important;
    font-style: italic;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    overflow: hidden;
}

.animal-image-slide.show-title #animal-display-name {
    display: block;
    bottom: 7px;
    font-weight: normal !important;
}

.animal-image-slide::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.60);
    z-index: 4;
    -webkit-transition: height 1s;
    transition: height 1s;
}

.animal-image-slide.show-title::before {
    height: 30px;
    opacity: 1;
    -webkit-transition: height 1s;
    transition: height 1s;
}


.link-image-slide,
.link-image-slide:active,
.link-image-slide:visited {
    text-decoration: none;
    color: #fff;
}

.link-image-slide:hover {
    text-decoration: underline;
    color: #fff;
}

table.template-summary span.show-tooltip.welfare-show-tooltip.fa-exclamation-triangle {
    margin-left: 10px;
}

.kenburns-loader {
    top: calc(50% - 16px) !important;
    left: calc(50% - 16px) !important;
}

.word-break {
    word-break: normal;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.no-access {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #212121;
}

.within-assigned-sections {
    background-color: #fff5e0;
    border-color: #fff5e0;
    color: #212121;
}

.breadcrumb {
    clear: both;
}

@media (min-width: 768px) and (max-width: 992px) {
    #chart-form .form-group {
        margin-bottom: 5px;
    }

    .filter-container .filter {
        padding: 3px 5px;
    }
}

.filter-assigned {
    cursor: default;
    background-color: #597eaa !important;
    color: white;
    display: inline-block;
    white-space: normal;
    text-align: left;
}

.custom-dropdown-filter ul li a.employee-list input[type="checkbox"] {
    margin-right: 5px;
}

.custom-dropdown-filter li input.search-input {
    padding: 0px 63px 0px 10px;
    margin: 8px 15px;
    width: calc(100% - 30px) !important;
}

.custom-dropdown-filter li[data-group="task-search"] input.search-input {
    padding-right: 35px !important;
}

.custom-dropdown-filter li .search-wrapper {
    position: relative;
}

.device-ie .custom-dropdown-filter li .search-wrapper,
.device-ie-edge .custom-dropdown-filter li .search-wrapper,
.device-firefox .custom-dropdown-filter li .search-wrapper {
    display: block;
}

.device-ie .fullscreen-view .custom-dropdown-filter li .search-wrapper a,
.device-ie-edge .fullscreen-view .custom-dropdown-filter li .search-wrapper a {
    margin-top: 0px;
}

#fullscreen-task-view .custom-dropdown-filter li .search-wrapper a {
    top: -8px !important;
}

.custom-dropdown-filter li .search-wrapper a {
    padding: 10px 6px 11px !important;
}

#fullscreen-task-view .search-wrapper button.reset-textbox {
    top: 10px !important;
}

@media(max-width: 767px) {
    #medical-reminder-schedule .time-mode .search-wrapper button.reset-textbox {
        top: 12px !important;
    }

    #medical-reminder-schedule .time-mode .custom-dropdown-filter li .search-wrapper a {
        top: -8px;
    }
}

@media(max-width: 479px) {
    .dashboard-index #medical-record-reminder-cards .spinner.medical-taskcard-spinner {
        top: 250px
    }
}

.custom-dropdown-filter li .search-wrapper a {
    display: initial;
    position: absolute;
    right: 0;
    top: 0;
    padding: 11px 6px;
    color: #fff;
    background-color: #222222;
    width: 43px;
    text-align: center;
    margin: 8px;
}

.custom-dropdown-filter li .search-wrapper a:hover {
    background-color: #090909;
}

.custom-dropdown-filter .accordion-trigger .filled {
    font-size: 14px;
}

.custom-dropdown-filter .accordion-trigger {
    position: relative;
}

input#task-search::-ms-clear {
    display: none;
}

.checklist-checkbox input[type="checkbox"]:checked ~ label.checkbox-locked::before,
.checkbox-success input[type="checkbox"]:checked ~ label.checkbox-locked::before {
    background-color: #ccc !important;
    border-color: #ccc !important;
}

.checkbox-locked {
    pointer-events: none;
}

#checklist .checkbox-tooltip {
    margin-top: 2px;
}

.checkbox-tooltip {
    display: inline-block;
    width: auto;
    float: left;
}

@media (min-width: 767px) {
    .task-checkbox-completed .tooltip {
        left: 30%;
    }

    .task-checkbox-completed .tooltip-arrow {
        left: 85% !important;
    }
}

.spinner-animal-slide {
    margin-top: 17%;
}

.animal-image-slide #animal-smoothslides .kenburns-loader {
    display: none;
}

ul.staff-daily-report {
    list-style: none;
    padding: 0;
}

.previous-measurement .measurement-note {
    margin-top: 5px;
    margin-bottom: 5px;
}

.measurement .form-group {
    margin-bottom: 5px;
}

@media(min-width: 768px) {
    .measurement .form-group.container-select-custom-level,
    .measurement .form-group .select-custom-level {
        width: 70%;
    }

    .measurement .form-group:not(.container-select-custom-level),
    .measurement .form-group select:not(.select-custom-level),
    .measurement .form-group input {
        width: auto;
    }
}

.measurement .form-group,
.measurement .form-group select,
.measurement .form-group input {
    vertical-align: top;
    display: inline-block;
}

.measurement .form-group.display-block {
    display: block;
}

.measurement .form-control-static {
    display: inline-block;
    width: auto;
}

span.label-animal-age {
    cursor: default;
    background-color: cadetblue;
    color: white;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    text-align: left;
}

.animal-view span.label-animal-age {
    margin-left: 5px;
}

input.unit-value {
    width: 120px !important;
    display: inline-block;
}

.measurement input.unit-value,
.measurement input.value-time {
    width: 120px;
    padding-right: 30px
}

@media (min-width: 991px) {
    .list-measurements select.unit-id {
        width: 90px;
        display: inline-block;
    }

    #Measurements_template input.other-unit-name {
        display: inline-block;
        border-left: unset;
    }

    .device-ios #Measurements_template input.other-unit-name,
    .device-firefox #Measurements_template input.other-unit-name {
        width: 172px;
        display: inline-block;
    }

    #Measurements_template input.long-note,
    #Measurements_template .mention-tagging-measurement.long-note {
        width: 625px;
        display: inline-block;
    }

    #measurement-editor-section input.other-unit-name {
        width: 150px;
        display: inline-block;
    }

    #measurement-editor-section input.long-note,
    #measurement-editor-section .mention-tagging-measurement.long-note {
        width: 303px !important;
        display: inline-block;
    }

    #measurement-editor-animal-measurement-template .unit-container input.other-unit-name {
        width: 110px !important;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .list-measurements input.other-unit-name {
        width: 200px;
        display: inline-block;
    }


    #Measurements_template select.unit-id {
        width: 90px;
        display: inline-block;
    }

    #Measurements_template input.long-note,
    #Measurements_template .mention-tagging-measurement.long-note {
        width: 540px;
        display: inline-block;
    }
}

@media (max-width: 767px) {
    .animal-add .list-measurements select.unit-id,
    .animal-add .list-measurements input.note,
    .animal-add .list-measurements input.other-unit-name,
    .animal-edit .list-measurements select.unit-id,
    .animal-edit .list-measurements input.note,
    .animal-edit .list-measurements input.other-unit-name,
    .medical-add .list-measurements select.unit-id,
    .medical-add .list-measurements input.note,
    .medical-add .list-measurements input.other-unit-name,
    .medical-edit .list-measurements select.unit-id,
    .medical-edit .list-measurements input.note,
    .medical-edit .list-measurements input.other-unit-name {
        width: auto;
    }

    .list-measurements select.unit-id,
    .list-measurements input.note,
    .list-measurements input.other-unit-name {
        width: 100%;
        display: inline-block;
    }
}

.select2-selection__choice.deleted {
    opacity: 0.7;
    background: #e4e4e4 !important;
    color: #212121 !important;
    border: 1px solid #aaa !important;
}

.select2-selection__choice.deleted span {
    color: #212121 !important;
}

#medicalrecord-animaltype .select2-container .select2-selection--multiple .select2-selection__rendered,
#modal-create-medicalrecord .dropdown-animal-type .select2-container .select2-selection--multiple .select2-selection__rendered,
.wrapper-refine-search .select2-container .select2-selection--multiple .select2-selection__rendered,
#taskModal .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;
}

#animalgroupmodal .input-group-btn,
#medicalrecord-animaltype .input-group-btn {
    vertical-align: top;
}


.button-add-animalgroup .btn {
    margin-left: 5px;
}

.button-add-animalgroup,
#dropdown-animalgroup-for-container {
    display: inline-block;
}

#dropdown-animalgroup-for-container {
    vertical-align: middle;
    width: 100%;
    position: relative;
}

#dropdown-animal-type-container {
    vertical-align: middle;
    position: relative;
}

.result-search-for {
    border: 1px solid #ccc;
    margin-top: 5px;
    padding: 20px 15px 10px;
    position: relative;
    width: 100%;
    min-height: 350px;
}

#animalgroupmodal .result-search-for {
    max-height: 350px;
}

#animalgroupmodal .result-search-for-container {
    position: relative;
}

.checkbox-no-padding-top .checkbox {
    padding-top: 0;
}

.checkbox-no-padding-top label::before,
.checkbox-no-padding-top label::after {
    margin-top: 2px;
}

.checkbox-no-padding-top input[type="checkbox"]:checked ~ label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-no-padding-top input[type="checkbox"]:checked ~ label::after {
    color: #fff;
}

.animal-group-container .control-label {
    padding-top: 0;
}

.animal-group-container .radio {
    padding-left: 20px;
}

.result-search-for span.tag {
    margin-right: 5px;
    display: inline-block;
    font-size: 12px;
    padding: 4px;
    margin-bottom: 10px;
}

.label-animalgroup {
    background-color: cadetblue !important;
}

.result-search-for span.tag span.remove {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    float: right;
    font-size: 10px;
    margin-left: 5px;
}

#animalgroupmodal .list-animals-container .row {
    border-bottom: 1px solid #eee;
}

#animalgroupmodal .first-page input.animalGroupName {
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

#animalgroupmodal .panel-title {
    background-color: #f5f5f5;
    border-color: #dddddd;
}

#animalgroupmodal .select-animal-custom-format,
#modal-create-medicalrecord .select-animal-custom-format {
    right: 0 !important;
    left: auto !important;
}

@media(min-width: 1200px) {
    #daily-report-summary-filter .filter-animal-section-container .select-animal-custom-format {
        width: 450px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #daily-report-summary-filter .filter-animal-section-container .select-animal-custom-format {
        width: 300px;
    }
}

@media(max-width: 991px) {
    #daily-report-summary-filter .filter-animal-section-container .select-animal-custom-format {
        width: 100%;
    }
}

@media(min-width: 992px) {
    .medical-record-header .filter-animal-container .select-animal-custom-format {
        width: 450px;
    }

    .medical-record-header .filter-animal-container .animal-filter .select2-results__option:not([role=group]),
    .medical-record-header .filter-animal-container .animal-filter .select2-results__options--nested > li,
    .medical-record-header .filter-animal-container .animal-filter .select2-container--default .select2-results__group {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .medical-record-header .filter-animal-container .select-animal-custom-format {
        width: 300px;
    }

    .medical-record-header .filter-animal-container .animal-filter .select2-results__option:not([role=group]),
    .medical-record-header .filter-animal-container .animal-filter .select2-results__options--nested > li,
    .medical-record-header .filter-animal-container .animal-filter .select2-container--default .select2-results__group {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media(min-width: 768px) {
    .medical-record-header .filter-animal-container .select-animal-custom-format,
    #daily-report-summary-filter .filter-animal-section-container .select-animal-custom-format {
        left: 0 !important;
    }


    #daily-report-summary-filter .filter-animal-container .dropdown-animal-type-animal,
    .medical-record-header .medical-record-header-filter .animal-filter {
        position: relative;
    }

    .medical-record-header .filter-animal-container .select-animal-custom-format,
    #daily-report-summary-filter .filter-animal-section-container .select-animal-custom-format {
        top: 45px !important;
    }

    .medical-record-header .select-animal-custom-format .select2-dropdown,
    #daily-report-summary-filter .select-animal-custom-format .select2-dropdown {
        width: 100% !important;
    }
}

@media(min-width: 321px) {
    #animalgroupmodal .select-animal-custom-format .select2-dropdown,
    #modal-create-medicalrecord .select-animal-custom-format .select2-dropdown {
        width: 100% !important;
    }
}

#animalgroupmodal .select2-container,
#medicalrecord-animaltype .select2-container,
#modal-create-medicalrecord .dropdown-animal-type .select2-container,
#dropdown_hashtagNotification .select2-container,
.wrapper-refine-search .select2-container {
    position: relative;
    z-index: 3;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: table;
    table-layout: fixed;
}

.tabbable.animal-group .animalgroup-name {
    font-weight: 600;
    vertical-align: middle;
    word-break: break-word;
}

.tabbable.animal-group .row-striped .template-edit {
    display: none;
}

.tabbable.animal-group .row-striped.animal-group-edit .last-index:before {
    border-bottom: 1px solid #eee !important;
}

.tabbable.animal-group .panel-title {
    background: #f5f5f5;
    border-bottom: 1px solid #dddddd;
}

.tabbable.animal-group .badge {
    background: #999;
    margin-left: 5px;
}

.tabbable.animal-group .navbar-nav .badge {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0;
}

#measurement-template-container .accordion-container.active li.active .badge,
#calculated-measurement-tab .accordion-container.active li.active .badge,
.measurement-index .accordion-container.active li.active .badge,
.tabbable.animal-group .navbar-nav .active .badge {
    color: #888;
    background: #fff;
}

.animal-group.tabbable .btn-animalgroup-edit {
    float: right;
}

.animal-group.tabbable .panel-body {
    padding: 0;
}

.animal-group.tabbable .panel-body .no-record {
   padding: 15px;
}

.tabbable.animal-group a.remove {
    color: #c0c0c0;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 15px;
    transform: translateY(-50%);
}

.tabbable.animal-group .common-name {
    font-size: 13px;
    word-break: break-all;
    margin-top: 2px;
}

.panel-title .text-danger {
    font-size: 15px;
}

.tabbable.animal-group .add-new-animal-container {
    padding-bottom: 5px;
    padding-left: 15px;
}

.tabbable.animal-group .panel-footer,
.tabbable.calculated-measurement .panel-footer,
.tabbable.measurement-index .panel-footer {
    background: #fff;
    padding: 15px;
}

.tabbable.animal-group .row-striped .last-row {
    padding-bottom: 0;
}

.tabbable.animal-group .row-striped .last-row:before {
    border-bottom: none;
}

@media(min-width: 992px) {
    .tabbable.animal-group .list-animal-details.animal-group-view,
    .tabbable.animal-group .list-animal-details.animal-group-edit .container-edit {
        max-height: 450px;
    }
}


@media (max-width: 992px) {
    .tabbable.animal-group .list-animal-details.animal-group-view,
    .tabbable.animal-group .list-animal-details.animal-group-edit .container-edit {
        max-height: 350px;
    }
}

.tabbable.animal-group .list-animal-details.animal-group-view,
.tabbable.animal-group .list-animal-details.animal-group-edit .container-edit {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 10px;
}

.tabbable.animal-group .add-new-animal-container i.fa {
    margin-right: 3px;
}


.tabbable.animal-group .panel-footer .delete,
.tabbable.calculated-measurement .panel-footer .delete,
.tabbable.measurement-index .delete {
    float: left;
}

.tabbable.animal-group .animal-group-edit .col-edit {
    padding: 0px;
}

.tabbable.animal-group .animal-group-edit .row-animal {
    display: flex;
}


.tabbable.animal-group .animal-group-edit .col-remove {
    position: relative;
    margin-left: auto;
}

.tabbable.animal-group .animalgroup-name i.fa {
    margin-left: 3px;
    font-size: 14px;
}

.tabbable.animal-group .template-animal-group {
    display: none;
}

@media(min-width: 768px) and (max-width: 990px) {
    .tabbable.animal-group.no-animal-groups {
        margin-top: 15px;
    }
}

.animal-group-checkbox-container {
    border: 1px solid #cccccc;
    padding: 10px 20px 10px 0;
}

#medical-record-reminder-modal.animal-group-all-completed:not(.checkbox-changed) .animal-group-checkbox-container {
    padding-top: 10px;
}

.animal-group-checkbox-container .animal-group-completed-by {
    font-weight: bold;
}

.animal-group-checkbox-container .checkbox-template {
    display: none;
}

.animal-group-container .check-all-container {
    display: inline-block;
    min-height: 26px;
    position: absolute;
    background: #eee;
    border: 1px solid #ccc;
    border-top: 0;
    border-right: 0;
    right: 16px;
    top: 1px;
    z-index: 2;
    padding-left: 25px;
}

.animal-group-checkbox-container .check-all-container.checkbox input ~ label {
    padding-left: 2px;
}

.animal-group-checkbox-container .check-all-container .checkbox-nolabel {
    margin: 2px 0 0 -21px;
    width: 20px;
    height: 20px;
}

.animal-group-checkbox-container .animal-group-content .checkbox {
    min-height: 22px;
}

.hide-task-type {
    position: absolute;
    cursor: pointer;
    padding: 2px;
    right: 0;
}

.hide-task-type.disabled {
    color: #aaa !important;
    pointer-events: none !important;
}

.hide-task-type:not(.has-hide-type) .fa-eye-slash,
.hide-task-type.has-hide-type .fa-eye {
    display: none
}

.hide-task-type .fa-eye-slash {
    color: #2780e3;
}

.hide-task-type-popover {
    display: none;
    width: 220px;
    position: absolute;
    background: #fff;
    z-index: 1050;
    border: 1px solid #ccc;
    overflow: hidden;
}

.hide-task-type-popover.show-detail .hide-task-type-outer-container {
    margin-left: -220px;
}

.hide-task-type-popover:not(.show-detail) .page-two {
    display: none;
}

.show-popover .hide-task-type-popover {
    display: block;
}

.hide-task-type-popover .hide-task-type-container {
    padding: 12px 0;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.hide-task-type-popover:not(.show-clear) .hide-task-type-container.clear-hide-task-type {
    display: none;
}

.checkbox-card-container .hide-task-type-information {
    font-size: 13px;
}

.checkbox-card-container .hide-task-type-information span {
    font-weight: bold;
}

.hide-task-type-popover .hide-task-type-outer-container {
    width: 440px;
}

.hide-task-type-popover .hide-task-type-outer-container:after {
    content: '';
    display: block;
    clear: both;
}

.hide-task-type-popover .page-one,
.hide-task-type-popover .page-two {
    width: 220px;
    float: left;
}

.show-popover .hide-task-type-popover.show-detail,
.hide-task-type-popover .page-two {
    height: 235px;
}

.hide-task-type-popover .page-two .title {
    padding: 12px 15px;
    cursor: pointer;
    color: #fff;
    background: #2780e3;
    border-color: #2780e3;
}

.hide-task-type-popover .page-two .date-container {
    margin-top: 10px;
}

.hide-task-type-popover .page-two .date-container .checkbox label {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.2em;
}

.hide-task-type-popover .hide-task-type-container.clear-hide-task-type {
    background: #333;
    color: #fff;
    text-align: center;
    font-weight: 600;
}

.hide-task-type-popover .hide-task-type-container.clear-hide-task-type .name {
    padding-left: 0;
}

.hide-task-type-popover .hide-task-type-container:hover {
    background: #eee;
    color: #333;
}

.hide-task-type-popover .page-two .title .fa {
    font-size: 25px;
    position: absolute;
    top: 10px;
}

.hide-task-type-popover .page-two .title span {
    padding-left: 20px;
    font-weight: 600;
}

.hide-task-type-popover .page-two .action-container {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 5px 0;
}

.hide-task-type-popover .page-two .action-container .btn-hide-type-save {
    margin-right: 5px;
}

.hide-task-type-popover .hide-task-type-container .fa-check {
    position: absolute;
    top: 15px;
    left: 8px;
    display: none;
}

.hide-task-type-popover .hide-task-type-container.selected .fa-check {
    display: block;
}

.hide-task-type-popover .hide-task-type-container .fa-angle-right {
    position: absolute;
    right: 12px;
    top: 10px;
    font-size: 25px;
    color: #888;
}

.hide-task-type-popover .hide-task-type-container .name,
.hide-task-type-popover .hide-task-type-container .date {
    padding-left: 15px;
}

.hide-task-type-popover.show-clear .hide-task-type-container:not(.clear-hide-task-type) .name,
.hide-task-type-popover.show-clear .hide-task-type-container:not(.clear-hide-task-type) .date {
    padding-left: 30px;
}

.hide-task-type-popover .hide-task-type-container .date {
    line-height: 18px;
}

.hide-task-type-popover .hide-task-type-container.dotted .name:after {
    content: '...';
    margin-left: 3px;
    display: inline-block;
}

.hide-task-type-popover fa-check {
    display: none;
}

.animal-group-checkbox-container .checkbox-card {
    padding: 7px 10px;
    background: #f3f3f3;
    margin: 5px 0;
}

.animal-group-checkbox-container .checkbox-card-container {
    padding-right: 5px;
}

.animal-group-checkbox-container .checkbox-card-container .label-for-checkbox {
    padding-right: 20px;
}

.animal-group-checkbox-container .checkbox-card-container.even {
    padding-left: 5px;
    padding-right: 15px;
}

.checkbox check-all-container .checkbox input ~ label {
    padding-left: 2px;
}

@media (max-width: 767px) {
    .animal-group-checkbox-container .checkbox-card-container,
    .animal-group-checkbox-container .checkbox-card-container.even {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.medical-view #animal-groups {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

.medical-record-header {
    padding: 13px 0 0 0;
}

.medical-record-header h2 {
    display: inline-block;
    margin-top: 5px;
}

.medical-record-header a {
    vertical-align: top;
    margin-top: 2px;
}

.medical-record-header .medical-record-header-filter .show-hide-filter,
.animal-inventory-filter-container .show-hide-filter {
    vertical-align: top;
    display: inline-block;
}

.medical-record-header .medical-record-header-filter .show-hide-filter select ~ span.select2 {
    min-width: 200px !important;
}

.animal-inventory-filter-container .show-hide-filter select ~ span.select2 {
    width: 100%;
}

.medical-record-header-filter select,
.animal-inventory-filter-container .show-hide-filter {
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .medical-record-header .medical-record-header-filter .show-hide-filter,
    .animal-inventory-filter-container .show-hide-filter {
        display: block;
        max-width: 100%;
    }

    .medical-record-header .medical-record-header-filter .show-hide-filter select ~ span.select2 {
        width: 100%;
    }
}

@media(min-width: 768px) {
    .medical-record-header .section-filter {
        max-width: 200px !important;
    }

    .medical-record-header .animal-group-filter,
    .animal-inventory-filter-container .section-filter,
    .animal-inventory-filter-container .animal-group-filter {
        width: 200px !important;
    }
}

.animal-card .list-group-item-danger a,
.resourcecategory-index .list-group-item-danger a,
.table-list-category-container .list-group-item-danger a,
.resource-organization-member-container .list-group-item-danger a,
.resource-organization-coalition-container .list-group-item-danger a,
.resource-content-wrapper .list-group-item-danger a {
    color: #fff;
}

.resource-organization-member-container #list .nav-pills,
.resource-organization-coalition-container #list .nav-pills {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: flex-end;
}

.resource-category table tr th.custom-grid-control-header,
.resource-category td.custom-grid-control {
    width: 11% !important;
}

.resource-category .resource-category-filter-container,
.resource-category table thead,
.resourceorganization-category .resource-category-filter-container,
.resourceorganization-category table thead,
.resource-organization-member-container table thead,
.resource-organization-coalition-container table thead {
    position: sticky;
    z-index: 2;
    background-color: #fff;
}

.resource-category .resource-category-filter-container,
.resourceorganization-category .resource-category-filter-container {
    top: 49px;
}

.device-ios .resource-category .resource-category-filter-container,
.device-ios .resourceorganization-category .resource-category-filter-container {
    top: 0px;
}

.resource-category table thead,
.resourceorganization-category table thead {
    top: 102px;
}

.device-ios .resource-category table thead,
.device-ios .resourceorganization-category table thead {
    top: 53px;
}

.resource-organization-member-container table thead,
.resource-organization-coalition-container table thead {
    top: 50px;
}

.device-ios .resource-organization-member-container table thead,
.device-ios .resource-organization-coalition-container table thead {
    top: 0px;
}

.resource-organization-member-container .responsive-container .list-item-row,
.resource-organization-coalition-container .responsive-container .list-item-row {
    position: relative;
}

.resource-organization-member-container .responsive-container .member-control,
.resource-organization-coalition-container .responsive-container .coalition-control,
.coalition-container .responsive-container .organization-control {
    position: absolute;
    right: 15px
}

@media(max-width: 479px) {
    .resource-category table thead,
    .resourceorganization-category table thead {
        top: 134px;
    }

    .device-ios .resource-category table thead,
    .device-ios .resourceorganization-category table thead {
        top: 84px;
    }
}

@media(min-width: 768px) {
    .table-list-category-container tbody > tr .nav-pills {
        display: flex;
    }

    .table-list-category-container tbody > tr .dropdown-menu.open {
        right: 10px;
    }
}

@media (min-width: 478px) and (max-width: 767px) {
    .table-list-category-container tbody > tr .dropdown-menu.open {
        right: 40px;
    }
}

@media(max-width: 477px) {
    .table-list-category-container tbody > tr .dropdown-menu.open {
        right: 0;
    }
}

.table-list-category-container tbody > tr .nav-pills li {
    margin-left: 0;
}

.table-list-category-container {
    position: relative;
}

.table-list-category-container tbody > tr .nav-pills li {
    position: static;
}

.table-list-category-container tbody > tr .dropdown-menu.open {
    display: block;
}

.table-list-category-container tbody .resourcecount a {
    text-decoration: none;
}

.resource-category-index .header-container hr {
    margin-bottom: 11px;
}

.animal-price-wrapper .select2-container {
    width: 33.3% !important;
    float: left;
}

.animal-add form .animal-price-wrapper input,
.animal-edit form .animal-price-wrapper input {
    width: 66.7%
}

.animal-price-wrapper {
    display: flex;
}

.animal-add form .animal-price-wrapper,
.animal-edit form .animal-price-wrapper {
    width: 100%
}

.sticky-navigation {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
}

.animal-index #list.no-record table.animal-list {
    display: none;
}

.animalgroups-container {
    margin: 20px 0;
    padding: 0;
    background-color: #f5f5f5;
}

.animalgroups-container .animalgroups-header {
    cursor: pointer;
    padding: 20px 15px;
}

.animalgroups-container .animalgroups-header .title-container {
    display: inline-block;
    float: left;
    margin-top: 8px;
}

.animalgroups-container .animalgroups-header .add-container {
    display: inline-block;
    float: right;
}

@media(max-width: 767px) {
    .animalgroups-container .animalgroups-header .add-container {
        float: left;
        margin-top: 10px;
        width: 100%;
    }

    .animalgroups-container #btn-add-animal-group {
        margin-left: 0px !important;
    }
}

.animalgroups-container .animalgroups-header h4 {
    margin: 0 5px 0 0;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
}

.animalgroups-container .animalgroups-header .glyphicon-triangle-right,
#animal-groups .accordion .accordion-trigger .glyphicon-triangle-right {
    color: #999;
}

.animalgroups-container .animalgroups-header:hover h4,
.animalgroups-container .animalgroups-header:hover .glyphicon-triangle-right,
#animal-groups .accordion .accordion-trigger:hover .glyphicon-triangle-right {
    color: #676767;
    transition: all .2s ease-out;
}

.animalgroups-container .animalgroups-header .glyphicon-triangle-right,
#animal-groups .accordion .accordion-trigger .glyphicon-triangle-right {
    -webkit-transition: transform 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
}

.animalgroups-container.expanded .animalgroups-header .glyphicon-triangle-right,
#animal-groups .accordion.expanded .accordion-trigger .glyphicon-triangle-right {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.medical-view .panel-title.animal-group-title span,
#animal-groups .accordion .accordion-trigger span {
    vertical-align: middle;
}

.animalgroups-container .badge.total-animalgroups,
.animalgroups-container .badge.total-animals,
.medical-view .badge.total-animalgroups,
.medical-view .badge.total-animals {
    background-color: #999;
    cursor: default;
    white-space: normal;
    line-height: 1.1;
    vertical-align: top;
}

.animalgroups-container .help-video.help-icon {
    margin-top: 7px;
    margin-left: 5px;
}

.medical-view .badgetotal-animalgroups,
.medical-view .badge.total-animals {
    margin-left: 10px;
    vertical-align: top;
}

.animalgroups-container .total-animalgroups {
    margin-top: 1px;
}

.medical-view .panel-heading .panel-title span {
    vertical-align: middle;
}

.animalgroups-container #btn-add-animal-group {
    padding: 8px 15px;
    margin-left: 20px;
}

.animalgroups-body {
    display: none;
    margin: 0 15px;
    padding: 10px 0 5px;
    border-top: 2px solid #ddd;
    position: relative;
}

.animalgroups-body ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: auto;
    white-space: nowrap;
    padding-bottom: 15px;
}

.animalgroups-body .animalgroup-item {
    display: inline-block;
    padding: 10px 5px 0 5px;
}

.animalgroups-body .animalgroup-item:first-child {
    padding-left: 0;
}

.animalgroups-body .animalgroup-item a {
    background: #fff;
    width: 200px;
    padding: 20px;
    display: table;
    text-decoration: none;
    color: #000;
    border: 2px solid #eee;
    transition: all .2s ease-out;
    line-height: 1.2;
    position: relative;
    height: 62px;
}

.animalgroups-body .animalgroup-item a:hover {
    background: #dee7ef;
}

.animalgroups-body .animalgroup-item a .total-animals {
    float: right;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 10%;
}

.animalgroups-body .animalgroup-item a .animalgroup-groupname {
    float: left;
    width: 115px;
    vertical-align: middle;
    overflow: hidden;
    white-space: normal;
    display: table-cell;
}

.animalgroups-body .animalgroup-item a div {
    max-height: 36px;
    display: table-cell;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.animalgroups-body .animalgroup-item.selected a {
    background-color: #2780e3;
    color: #fff;
}

.animalgroups-body .animalgroup-item.selected a .total-animals {
    background-color: #fff;
    color: #333;
}

#checklist-body-container {
    position: relative;
}

#default-view .control-container a,
.animalgroups-body .animalgroups-control-container .arrow-left,
.animalgroups-body .animalgroups-control-container .arrow-right,
#receiving-resource-checkout .control-container a {
    position: absolute;
    top: 31px;
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    opacity: 1;
    cursor: pointer;
    border: 1px solid #f5f5f5;
    box-shadow: 0 3px 8px rgba(0,0,0,0.35);
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}


#default-view .control-container a:hover,
.animalgroups-body .animalgroups-control-container .arrow-left:hover,
.animalgroups-body .animalgroups-control-container .arrow-right:hover,
#receiving-resource-checkout .control-container a:hover {
    background: #ddd;
    border-color: #d7d7d7;
}

#default-view .control-container a:hover i,
.animalgroups-body .animalgroups-control-container .arrow-left:hover i,
.animalgroups-body .animalgroups-control-container .arrow-right:hover i,
#receiving-resource-checkout .control-container a:hover i {
    color: #888;
}


#default-view .control-container a i,
.animalgroups-body .animalgroups-control-container .arrow-left i,
.animalgroups-body .animalgroups-control-container .arrow-right i,
#receiving-resource-checkout .control-container a i {
    margin-top: 11px;
    font-size: 16px;
    color: #aaa;
}

.animalgroups-body .animalgroups-control-container .arrow-left {
    left: -33px;
}


.animalgroups-body .animalgroups-control-container .arrow-right {
    right: -35px;
}

@media (max-width: 767px) {
    .animalgroups-body .animalgroups-control-container .arrow-left {
        left: -25px;
    }

    .animalgroups-body .animalgroups-control-container .arrow-right {
        right: -23px;
    }
}

#animal-groups .accordion {
    border: 2px solid #eee;
}

#animal-groups .accordion-trigger {
    padding: 10px 15px;
    background-color: #f5f5f5;
    cursor: pointer;
    transition: all .2s ease-out;
}

#animal-groups .accordion-trigger:hover {
    background: #dee7ef;
}

#animal-groups .accordion + .accordion {
    margin-top: 10px;
}

#animal-groups .accordion-target {
    display: none;
    padding: 10px;
}

a.multiple-animals-template {
    display: none;
}


#animalgroupmodal .result-search-for-container .remove-all-container,
#modalEmailNotification .result-search-for .remove-all-container {
    display: inline-block;
    min-height: 26px;
    position: absolute;
    background: #eee;
    border: 1px solid #ccc;
    border-top: 0;
    border-right: 0;
    right: 0;
    top: 0;
    z-index: 2;
    padding-left: 10px;
}

#animalgroupmodal .result-search-for-container .remove-all-container span.remove-all,
.result-search-for .remove-all-container span.remove-all {
    cursor: pointer;
    right: 5px;
    top: 4px;
    color: #999;
}

#taskchecklist-section-add,
#taskchecklist-section-edit,
#taskchecklist-user {
    width: 100%;
}

#taskchecklist-user {
    display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 2px;
    margin-right: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear,
.select2-container .select2-selection--single .select2-selection__clear {
    color: #aaa;
    font-size: 27px;
    font-weight: normal;
    line-height: 0;
    margin-top: 12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    right: 10px;
    top: 7px;
}

.editor-template-container .container-dropdown-template-for-animal .select2-selection--multiple .select2-selection__rendered li.select2-search--inline {
    min-width: 300px;
}

#medicalrecord-animaltype .dropdown-animal-type-animalgroup .select2-container--default.select2-container--focus .select2-selection--multiple,
#modal-create-medicalrecord .dropdown-animal-type .select2-container--default.select2-container--focus .select2-selection--multiple,
#animal-groups .select2-container--default.select2-container--focus .select2-selection--multiple,
.template-view-detail .select-checklist .select2-container--default.select2-container--focus .select2-selection--multiple,
.template-view-detail .select-checklist.container-select-multiple .select2-container--default.select2-container--open .select2-selection--multiple,
.wrapper-refine-search .select2-container--default.select2-container--focus .select2-selection--multiple,
#taskModal .select2-container--default.select2-container--focus .select2-selection--multiple,
#fullscreen-task-view .task-summary-filter .select2-container--default.select2-container--focus .select2-selection--multiple,
.editor-template-container .container-dropdown-template-for-animal .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #cccccc;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

#daily-report-summary-filter .select2-container--open {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

#medicalrecord-animaltype .dropdown-animal-type-animalgroup li.select2-selection__choice,
#modal-create-medicalrecord .dropdown-animal-type li.select2-selection__choice,
#animal-groups li.select2-selection__choice,
.wrapper-refine-search .select2-container--default .select2-selection--multiple .select2-selection__choice,
#taskModal li.select2-selection__choice,
#fullscreen-task-view .task-summary-filter li.select2-selection__choice,
.resource-editor-container .select2-container--default .select2-selection--multiple li.select2-selection__choice,
#edit-multiple-item .select2-container--default .select2-selection--multiple li.select2-selection__choice,
#edit-resource-keyword .select2-container--default .select2-selection--multiple li.select2-selection__choice,
.resource-checkout-filter-panel .select2-container--default .select2-selection--multiple li.select2-selection__choice {
    background: #2b78e4;
    color: #fff;
    border: 1px solid #2b78e4;
    font-size: 14px;
    font-weight: 600;
}

.resource-editor-container .select2-container--default .select2-selection--multiple li.select2-selection__choice,
#edit-multiple-item .select2-container--default .select2-selection--multiple li.select2-selection__choice,
.resource-checkout-filter-panel .select2-container--default .select2-selection--multiple li.select2-selection__choice {
    overflow: hidden;
    text-overflow: ellipsis;
}

#fullscreen-task-view .task-summary-filter .select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 6px 18px;
}

#medicalrecord-animaltype .dropdown-animal-type-animalgroup li.select2-selection__choice span,
#modal-create-medicalrecord .dropdown-animal-type li.select2-selection__choice span,
#animal-groups li.select2-selection__choice span,
.wrapper-refine-search .select2-container--default .select2-selection--multiple .select2-selection__choice,
.wrapper-refine-search li.select2-selection__choice span,
#taskModal li.select2-selection__choice span,
#fullscreen-task-view .task-summary-filter li.select2-selection__choice span,
.resource-editor-container li.select2-selection__choice span,
#edit-multiple-item li.select2-selection__choice span,
#edit-resource-keyword li.select2-selection__choice span,
.resource-checkout-filter-panel li.select2-selection__choice span {
    color: #fff !important;
}

.row-animal-group .label-row-animalgroup {
    margin-bottom: 0;
    padding-top: 11px;
    text-align: left;
}

@media (min-width: 992px) {
    .row-animal-group .label-row-animalgroup,
    .show-medical-reminder-container .label-show-reminder {
        text-align: right;
    }

    .wizard-content iframe {
        height: 280px !important;
    }
}

@media (max-width: 900px) and (min-width: 601px) {
    .wizard-content iframe {
        height: 260px !important;
    }
}

@media (max-width: 480px) and (min-width: 320px) {
    .wizard-content iframe {
        height: 120px !important;
    }

    .welcome-wizard .wizard-content iframe {
        height: 160px !important;
    }
}

#animalgroupmodal .medical-record-mode {
    margin-bottom: 15px;
}

.wizard-content iframe {
    width: 560px;
    margin-bottom: 15px;
    margin-top: 8px;
}

#hashtag-modal .hashtag-sign {
    display: inline;
    font-size: 28px;
    margin-right: 8px;
    float: left;
    margin-top: 0px;
    color: #888;
    margin-top: 1px;
}

#hashtag-modal .input-hashtag {
    display: inline;
    width: calc(100% - 25px);
    float: left;
    padding-left: 10px;
}

#hashtag-modal .text-danger {
    margin-left: 25px;
    margin-top: 5px;
    display: inline-block;
}

.hashtag-index mark,
.daily-report-summary mark {
    padding: 0 3px;
}

.hashtag-index .tagged-text-container mark {
    padding: 0 1px;
}

.hashtag-index #hashtagmode {
    font-size: 15px;
    text-align: right;
    margin-top: 33px;
    line-height: 1.2em;
    color: #666;
}

.hashtag-index #hashtagmode b,
.hashtag-index #hashtagmode a {
    white-space: nowrap;
    color: none;
}

.hashtag-index h2 a.help-icon {
    margin-right: 5px;
    margin-left: 3px;
}

.hashtag-index h2 a.help-icon:hover,
.hashtag-index h2 a.help-icon:active,
.hashtag-index h2 a.help-icon:visited {
    text-decoration: none !important;
    color: #91d429;
}

@media (max-width: 767px) {
    .hashtag-index h2 .title {
        white-space: nowrap;
    }

    .hashtag-index #hashtagmode {
        text-align: left;
        margin-top: 0;
    }

    .hashtag-index #hashtagmode a {
        display: inline;
    }
}

.hashtag:before,
.mentioned:before {
    position: relative;
    color: #aaa;
    font-weight: normal;
}

.hashtag:before {
    content: '#';
}

.mentioned:before {
    content: '@';
}

.hashtag-card .panel:hover {
    background-color: #ebf4ff;
}

.manage-hashtag-mentioned-content-details .wrapper-hashtags .mentioned:before,
.hashtag-card .mentioned:before {
    margin-left: -14px;
}

.hashtag-card .hashtag:before {
    margin-left: -9px;
}

.manage-hashtag-list-content .hashtag-card .link-hashtag.hashtag {
    padding-left: 10px;
    line-height: 1em;
}

.wrapper-hashtags .list-hashtags + .wrapper-hashtags .list-hashtags {
    margin-left: 14px;
}

.wrapper-hashtags .list-hashtags {
    margin-left: 14px;
}

.wrapper-hashtags .list-hashtags .link-hashtag {
    margin-left: -14px;
}

.wrapper-hashtags[data-type="HashTag"] .list-hashtags .link-hashtag {
    margin-left: -10px;
}

.title-hashtag .fa-hashtag {
    font-weight: bold;
    font-size: 26px;
}

.managehashtag-left {
    border: 1px solid #eee;
    padding: 0;
    background-color: #fff;
}

.list-hashtags a {
    color: #333;
}

.managehashtag-left .btn-group .btn {
    white-space: normal;
    line-height: 1em;
}

.managehashtag-left .row-search-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #eee;
}

.managehashtag-left .row-search-wrapper .input-group-addon {
    color: #888;
    cursor: pointer;
}

.managehashtag-left .row-search-wrapper .input-group-addon:hover {
    background-color: #ddd;
}

input#search-hashtag {
    padding-right: 25px;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 15px;
}

.row-search-wrapper #search-reset {
    color: #ccc;
    font-size: 14px;
    margin-top: -1px;
    margin-right: -5px;
}

.row-search-wrapper #search-reset:focus {
    outline: 0;
}

.hashtag-help-popover {
    list-style: none;
    padding: 0;
    font-style: italic;
    color: #888;
}

ul.hashtag-help-popover li b {
    width: 35px;
    float: left;
    color: #333;
    font-style: normal;
}


.card {
    padding: 0;
    min-height: 230px;
    border: 1px solid #eee;
    box-shadow: 0 3px 5px rgba(0,0,0,0.1), 0 3px 5px rgba(0,0,0,0.16);
}

.manage-hashtag-list-content .title {
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    background-color: #eee;
    padding: 10px 16px;
}

.manage-hashtag-list-content .wrapper-hashtags ul {
    list-style-type: none;
    padding: 0;
    color: #333;
    font-weight: 600;
    line-height: 1.3em;
}

.manage-hashtag-list-content .list-hashtags {
    padding: 0 15px;
}

.manage-hashtag-list-content .list-hashtags + .list-hashtags {
    margin-top: 10px;
}

.manage-hashtag-list-content .show-more {
    margin-left: 15px;
    margin-top: 5px;
    display: block;
    margin-bottom: 5px;
}

.manage-hashtag-list-content .title-hashtag-name .show-more {
    margin: 0;
    color: #333;
    display: inline-block !important;
}


.manage-hashtag-list-content .wrapper-hashtags span.icon.fa {
    margin-right: 5px;
}

@media (max-width: 991px) {
    .manage-hashtag-list-content .wrapper-hashtags {
        margin-bottom: 25px;
    }
}

@media (min-width: 992px) {
    .manage-hashtag-list-content .wrapper-hashtags {
        margin-bottom: 35px;
    }
}

.top-mentioned .top-mentioned-hashtag-icon .hashtag-icon,
.manage-hashtag-list-content .hashtag-icon {
    font-size: 20px;
    font-weight: bold;
    margin-top: -3px;
    float: left;
}

.manage-hashtag-list-content {
    float: left;
    width: 100%;
}

.manage-hashtag-list-content ul {
    margin-left: 0;
}

.managehashtag-wrapper {
    margin-left: 0;
    margin-right: 0;
    border-top: none;
    padding: 0;
    margin-bottom: 50px;
    min-height: 350px;
}

.managehashtag-mentioned-wrapper {
    border: 1px solid #ddd;
    padding-bottom: 25px;
    padding-top: 20px;
}

.managehashtag-mentioned-wrapper form.hashtagFilter {
    float: left;
    width: 100%;
}

.hashtag-button-group {
    padding-bottom: 15px;
}

.hashtag-button-group button:focus {
    outline: none;
}

.hashtag-button-group .btn {
    width: 120px;
}

.show-hide-daily-report-detail-container .btn-group .btn {
    min-width: 120px;
    outline: none;
    border-color: lightgray;
}

.show-hide-daily-report-detail-container .btn-group .btn:focus {
    border-color: lightgray;
}

.hashtag-button-group .btn:focus {
    outline: none;
}

.managehashtag-left #sidebarSlider .sidebar-detail-content li {
    padding: 10px 0px 5px 15px;
    word-break: break-all;
}

@media (min-width: 992px) {
    .managehashtag-mentioned-wrapper {
        margin-left: 0;
        margin-right: 0;
        min-height: 607px;
    }

    .managehashtag-left .hashtag-category {
        height: 500px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .managehashtag-wrapper .side-button {
        display: none;
    }

    .managehashtag-left {
        margin: 0;
    }
}

@media (max-width: 450px) {
    .hashtag-button-group .btn {
        width: 80px;
    }
}

.manage-hashtag-mentioned-content-summary.expand-right .managehashtag-mentioned-left {
    width: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    opacity: 0;
    height: 0;
}

.manage-hashtag-mentioned-content-summary.expand-right .managehashtag-mentioned-right {
    width: 100%;
    overflow: visible;
}

.manage-hashtag-mentioned-content-summary.refine-search {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0;
}

.manage-hashtag-mentioned-content-summary[subscription-exists="true"] {
    margin-top: 0;
}

@media(min-width: 991px) {
    .manage-hashtag-mentioned-content-summary[subscription-exists="true"] .manage-hashtag-mentioned-content-search,
    .manage-hashtag-mentioned-content-summary.refine-search .manage-hashtag-mentioned-content-search {
        padding-left: 28px;
        padding-right: 28px;
    }
}

.manage-hashtag-list-content .managehashtag-mentioned-header-details .hashtag-name-container .title-hashtag {
    margin-top: 0px;
}

.mentioned-header hr {
    margin-bottom: 5px;
}

.mentioned-link {
    color: #2B71E2;
    text-decoration: underline;
}

.mentioned-content-top {
    width: 100%;
    vertical-align: middle;
    margin-bottom: 10px;
}

.mentioned-group-title,
#table-daily-summary-body .note-title {
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    margin-right: 5px;
    font-weight: bold;
    text-overflow: ellipsis;
    font-size: 17px;
}

.mentioned-content-subtitle {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mentioned-group-label,
#table-daily-summary-body .note-label {
    vertical-align: middle;
    line-height: normal;
    margin-bottom: 5px;
}

.mentioned-contents-more {
    cursor: pointer;
    font-weight: bold;
}

.managehashtag-wrapper .side-button {
    position: fixed;
    left: -40px;
    text-align: center;
    margin: 0px;
    width: 105px;
    height: 25px;
    background: #666;
    z-index: 5;
    border-radius: 0px 0px 3px 3px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    cursor: pointer;
    top: 130px;
}

.managehashtag-wrapper .side-button a {
    color: #fff;
    text-decoration: none;
}

.managehashtag-mentioned-header-details {
    padding: 0;
    font-weight: bold;
    border-bottom: 1px solid #eee;
}

.managehashtag-mentioned-header .view-mode-button-group button {
    color: #212121;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 15px;
    border-bottom: none;
    outline: none !important;
}

.managehashtag-mentioned-header .view-mode-button-group button.active {
    background-color: #fff;
    border: 1px solid #dddddd;
    border-bottom: none;
    box-shadow: none;
}

.managehashtag-mentioned-header .view-mode-button-group button.btn-inactive {
    background-color: none;
    border: none;
    color: #2780e3;
}

.managehashtag-mentioned-header .view-mode-button-group button.active:hover {
    color: #333;
}

.managehashtag-mentioned-header .view-mode-button-group button.btn-inactive:hover {
    background-color: #e6e6e6;
}

.managehashtag-mentioned-header .view-mode-button-group button.btn + button.btn {
    margin-left: 3px;
}

.managehashtag-mentioned-header-summary,
.managehashtag-mentioned-header-details,
.managehashtag-mentioned-header-search {
    padding: 15px 25px 15px 28px;
    display: table;
    width: 100%;
}

.managehashtag-wrapper .top-mentioned {
    padding-top: 15px;
    position: relative;
}

.managehashtag-wrapper .top-mentioned .spinner-top-mentioned {
    top: 25%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -25%);
}

.mentioned-group-rows .mentioned-row,
.mentioned-contents-row {
    padding: 25px 0px 20px 0px;
    border-bottom: 1px solid #ddd;
}

.mentioned-group-rows .mentioned-row {
    display: inline-block;
    width: 100%;
}

.mentioned-wrapper.file-content-type {
    margin-bottom: 5px;
}

.mentioned-group-rows .mentioned-row:nth-child(2),
.mentioned-contents-row:nth-child(2) {
    padding-top: 10px !important;
}

.managehashtag-mentioned-header-details .title-hashtag-type {
    font-size: 14px;
    color: #aaa;
    font-weight: 600;
    margin-bottom: -3px;
    margin-left: 5px;
    text-transform: uppercase;
}

.managehashtag-mentioned-header-details a.title-hashtag {
    font-size: 24px;
    vertical-align: middle;
    word-break: break-all;
    margin-left: 3px;
    display: inline-block;
    line-height: 1.2em;
    margin-right: 10px;
    color: #333;
    text-decoration: none;
}

.managehashtag-mentioned-header-details a.title-hashtag.hashtag {
    margin-left: 20px;
}

.managehashtag-mentioned-header-details a.title-hashtag:before {
    margin-left: -15px;
}

.managehashtag-mentioned-header-details a.title-hashtag.mentioned {
    margin-left: 27px;
    cursor: pointer;
}

.managehashtag-mentioned-header-details a.title-hashtag.mentioned:hover {
    text-decoration: underline;
    text-decoration-skip-ink: none;
}


.managehashtag-mentioned-header-details a.title-hashtag.mentioned.disabled {
    cursor: default;
}

.managehashtag-mentioned-header-details a.title-hashtag.mentioned.disabled:hover {
    text-decoration: none;
    text-decoration-skip-ink: none;
}

.managehashtag-mentioned-header-details a.title-hashtag.mentioned:before {
    margin-left: -23px;
}

.managehashtag-mentioned-header-details .hashtag-actions.hashtagType-and-canDoActions .dropdown {
    display: inline;
    vertical-align: top;
    margin-top: 2px;
}

.managehashtag-mentioned-header-details .hashtag-actions.hashtagType-and-canNotDoActions .dropdown,
.managehashtag-mentioned-header-details .hashtag-actions.notHashTagType-and-canDoActions .dropdown,
.managehashtag-mentioned-header-details .hashtag-actions.notHashTagType-and-canNotDoActions .dropdown {
    display: none;
}

.managehashtag-mentioned-header-details .hashtag-actions > .dropdown:hover {
    color: #2780e3;
}

.managehashtag-mentioned-header-details .hashtag-notification-icons > .fa-flash {
    padding: 7px 10px;
}

.managehashtag-mentioned-header-details .dropdown .dropdown-toggle {
    width: 30px;
    text-align: center;
    vertical-align: top;
    margin-top: 3px;
}

.managehashtag-mentioned-header-details .hashtag-notification-icons > span:hover,
.managehashtag-mentioned-header-details .hashtag-notification-icons > span.disabled {
    opacity: 0.7;
}

.managehashtag-mentioned-header-details .hashtag-notification-icons > span.disabled {
    cursor: default;
}

.managehashtag-mentioned-header-details .hashtag-notification-icons > span.active {
    color: #2780e3;
    border: 2px solid #2780e3;
    padding: 6px;
}

.managehashtag-mentioned-header-details .hashtag-notification-icons > .fa-flash.active {
    padding: 6px 9px;
}

.managehashtag-mentioned-header-details .hashtag-title-dropdown {
    display: inline;
}

.managehashtag-mentioned-header-details .dropdown-menu li div {
    padding: 3px 20px;
    white-space: nowrap;
    cursor: pointer;
    color: #333;
}

.managehashtag-mentioned-header-details .dropdown-menu li div:hover {
    background-color: #2780e3;
    color: #fff;
}

.managehashtag-mentioned-header-details .dropdown-menu label {
    font-weight: normal;
    margin-left: 3px;
    vertical-align: middle;
    width: calc(100% - 16px);
}

.managehashtag-mentioned-header-details .notification-checkbox {
    display: none;
}

.managehashtag-mentioned-left .top-mentioned-detail {
    display: flex;
}

.managehashtag-mentioned-left .top-mentioned-detail .top-mentioned-hashtag-icon,
.managehashtag-mentioned-left .top-mentioned-detail .parameter-count {
    flex: 0 0 auto;
}

.managehashtag-mentioned-left .top-mentioned-detail .parameter-title {
    word-break: break-all;
    flex: 1 1 auto;
    margin-right: 5px;
    margin-left: 3px;
}

.manage-hashtag-list-content .manage-hashtag-mentioned-content-search,
.manage-hashtag-mentioned-content .manage-hashtag-mentioned-content-search {
    padding-left: 30px;
    padding-right: 30px;
}



@media (max-width: 767px) {
    .managehashtag-mentioned-header {
        padding-right: 15px;
    }

    .managehashtag-mentioned-header-details {
        padding-left: 15px;
        padding-right: 5px;
    }

    .manage-hashtag-list-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .search-wrapper-hashtag {
        padding: 0;
    }

    .managehashtag-mentioned-header-details .notification-checkbox {
        display: list-item;
    }

    .managehashtag-mentioned-header-details span.title-hashtag {
        width: 100%;
        padding-right: 15px;
    }

    .managehashtag-mentioned-wrapper {
        border-right: none;
        border-left: none;
    }


    .managehashtag-mentioned-header .action_link .managehashtag-mentioned-header .checkbox-subscribe-hashtag,
    .managehashtag-mentioned-header-details .hashtag-notification-icons {
        display: none !important;
    }

    .managehashtag-mentioned-header-details a.title-hashtag {
        font-size: 18px;
    }

    .managehashtag-mentioned-header-details .hashtag-actions {
        float: none;
    }

    .managehashtag-mentioned-header-details .hashtag-actions > .dropdown {
        display: block;
        margin-top: 5px;
    }

    .managehashtag-mentioned-header-details .dropdown-menu .divider_edit {
        margin: 5px 0;
    }

    .mentioned-group-content div {
        padding-left: 0;
    }

    .daily-report-attachment .image-thumbnail-description {
        padding-left: 10px;
    }

    .managehashtag-mentioned-header-details .btn.actions .managehashtag-mentioned-header-details .dropdown-menu {
        display: none;
    }

    .managehashtag-mentioned-header-details .hashtag-actions.notHashTagType-and-canDoActions .dropdown,
    .managehashtag-mentioned-header-details .hashtag-actions.hashtagType-and-canNotDoActions .dropdown,
    .managehashtag-mentioned-header-details .hashtag-actions.notHashTagType-and-canDoActions .dropdown,
    .managehashtag-mentioned-header-details .hashtag-actions.notHashTagType-and-canNotDoActions .dropdown {
        display: inline;
    }

    .managehashtag-mentioned-header-details .hashtag-actions.hashtagType-and-canNotDoActions .edit-hashtag-control-group,
    .managehashtag-mentioned-header-details .hashtag-actions.notHashTagType-and-canDoActions .edit-hashtag-control-group,
    .managehashtag-mentioned-header-details .hashtag-actions.notHashTagType-and-canNotDoActions .edit-hashtag-control-group {
        display: none;
    }
}

.managehashtag-mentioned-header-details span.label-subscribe {
    font-size: 16px;
    margin-right: 8px;
    vertical-align: middle;
    display: table-cell;
}

.managehashtag-mentioned-header-details hr {
    margin-top: 10px;
}

.managehashtag-wrapper .not_match {
    display: block;
    margin-top: 10px;
}

.managehashtag-wrapper .no-hashtag-found,
.managehashtag-wrapper .not_match,
.managehashtag-wrapper .not-found {
    color: #888;
}

.managehashtag-wrapper .manage-hashtag-mentioned-content-details .no-hashtag-found {
    padding-left: 15px;
}

.mentioned-label-title {
    font-size: 17px;
    color: #333 !important;
    padding-left: 2px;
}

.mentioned-label-title i.icon {
    margin-right: 3px;
}

.mentioned-title.mentioned-label-title:hover {
    text-decoration: none;
}

.mentioned-title.mentioned-label-title:hover span {
    text-decoration: underline;
}

.mentioned-content .parameter-title {
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    margin-top: 8px;
    float: left;
    color: #555 !important;
}

.mentioned-content .parameter-count {
    float: right;
    font-weight: 600;
    font-size: 24px;
    color: #aaa;
}

.top-mentioned .progress {
    clear: both;
}

ul.mentioned-group-rows,
.dropdown-manage-hashtag .container-template ul {
    list-style: none;
    padding: 0;
}

ul.mentioned-group-rows li.mentioned-contents-rows {
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.managehashtag-mentioned-right {
    padding-bottom: 25px;
}

.managehashtag-mentioned-right .expand-icon {
    color: #666;
}

.managehashtag-mentioned-right .mentioned-content {
    padding-left: 0;
    padding-right: 0;
}

.dropdown-manage-hashtag span.show-more {
    color: #2780e3 !important;
    cursor: pointer;
    margin-left: 15px;
}

.dropdown-manage-hashtag span.show-more:hover {
    text-decoration: underline;
}

.dropdown-manage-hashtag span.not-found {
    cursor: default;
    margin-left: 15px;
    font-size: 14px;
}

.dropdown-manage-hashtag li.container-template,
.dropdown-manage-hashtag .template-list-hashtag,
.managehashtag-left #searchform {
    padding: 0 !important;
    margin: 0 !important;
}

.top-mentioned .bg-green {
    background: #1ABB9C !important;
    border: 1px solid #1ABB9C !important;
    color: #fff;
}

.top-mentioned .top-mentioned-hashtag-icon {
    float: left;
    margin-top: 9px;
    margin-right: 5px;
    color: #555;
}

.top-mentioned span.parameter-title,
.list-hashtags span {
    cursor: pointer;
}

.manage-hashtag-list-content .wrapper-hashtags .list-hashtags {
    word-break: break-all;
    word-wrap: break-word;
}


.list-hashtags .link-hashtag:hover,
.managehashtag-wrapper .parameter-title:hover,
.mentioned-label-title:hover {
    text-decoration: underline;
    text-decoration-skip-ink: none;
}

.managehashtag-mentioned-header-details a.title-hashtag.mentioned:hover::before,
.list-hashtags .link-hashtag:hover .hashtagname::before,
.managehashtag-wrapper .parameter-title:hover::before,
.mentioned-label-title:hover::before {
    text-decoration: none !important;
    display: inline-block;
}

.managehashtag-mentioned-header-details {
    background-color: #eee;
}

.managehashtag-mentioned-header-details .manage-hashtag-header-container {
    float: left;
    width: 100%;
    max-width: calc(100% - 200px);
}

.managehashtag-mentioned-header-details .back-container {
    display: inline-block;
}

.managehashtag-mentioned-header-details .hashtag-name-container {
    display: inline-block;
    max-width: calc(100% - 28px);
}

.managehashtag-mentioned-header-details .hashtag-actions {
    vertical-align: middle;
    padding-top: 11px;
    float: right;
}

@media (max-width: 767px) {
    .managehashtag-mentioned-header-details .manage-hashtag-header-container {
        float: left;
        max-width: calc(100% - 35px);
    }

    .manage-hashtag-mentioned-content-details.refine-search .manage-hashtag-mentioned-content-search,
    .manage-hashtag-mentioned-content-details[subscription-exists="true"] .manage-hashtag-mentioned-content-search {
        margin-left: 0;
        margin-right: 0;
    }
}

.managehashtag-mentioned-header-details .hashtag-name-container span {
    display: block;
}

.mentioned-title-separator::after {
    content: "–";
}

ul.mentioned-group-rows {
    padding-bottom: 20px;
    margin: 0 10px 15px 0;
}

.read-only-note .tagged-text {
    background: none;
    font-style: italic !important;
}

.read-only-note .tagged-text:hover,
.read-only-note .tagged-text:hover::before,
.note-field .tagged-text:hover,
.note-field .tagged-text:hover::before {
    cursor: pointer;
    color: #00335b;
    text-decoration: underline;
}

.read-only-note .tagged-text:before,
.note-field .tagged-text:before {
    text-decoration: none !important;
    display: inline-block;
}

.mentioned-content .tagged-text.selected,
.daily-report-summary .tagged-text.selected {
    background-color: #ff944d;
}

.mentioned-content .tagged-text.selected,
.daily-report-summary .tagged-text.selected {
    cursor: pointer;
    color: white !important;
    border-color: #ff944d;
    padding: 1px 4px 0px 4px;
    font-size: 14px !important;
    display: inline-block;
}

.tagged-text-container .tagged-text.selected.fa-pencil-square-o:before,
.tagged-text-container .tagged-text.selected.fa-stethoscope:before {
    font-weight: normal !important;
}

.mention-tagging .mention-tagging-url {
    user-select: all;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
    cursor: inherit;
}

.mention-tagging-url {
    word-break: break-all;
}

.mentioned-content .tagged-text.selected:hover,
.daily-report-summary .tagged-text.selected:hover {
    background-color: #f17f34;
}

.mentioned-content .tagged-text.selected:before,
.daily-report-summary .tagged-text.selected:before {
    color: white;
}

.search-hashtag-content {
    padding-left: 30px;
    padding-right: 15px;
    padding-bottom: 35px;
}

.managehashtag-right .no-hashtag-found {
    margin-left: 15px;
}

.manage-hashtag-mentioned-content-search .no-hashtag-found {
    margin-top: 15px;
    float: left;
}

.checkbox-subscribe-hashtag {
    float: right;
    margin-top: 4px;
    margin-right: 25px;
}

.checkbox-subscribe-hashtag input {
    margin-right: 5px;
    margin-top: 5px;
}

.checkbox-subscribe-hashtag label {
    margin-left: 5px;
}

.dropdown-animalgroup-sort.form-group {
    padding-top: 2px;
    vertical-align: top;
    margin-top: 2px;
}

@media(min-width: 991px) {
    .dropdown-animalgroup-sort .form-group .sort {
        min-width: 200px;
    }
}

@media(max-width: 990px) {
    .dropdown-animalgroup-sort .navbar-right {
        float: none !important;
        margin-top: 20px;
    }

    .dropdown-animalgroup-sort .form-group {
        width: 100%;
        display: inline-block;
    }

    .dropdown-animalgroup-sort .form-group .sort {
        width: auto;
        display: inline-block;
    }
}

@media(min-width: 320px) and (max-width: 500px) {
    .dropdown-animalgroup-sort .form-group .sort {
        width: 100%;
    }
}

.title-animalgroup-sort {
    font-size: 17px;
    font-weight: bold;
    margin-right: 5px;
}

.editing-wrapper:not(.enable):not(.timer-warning) .mention-tagging-container .mention-tagging {
    cursor: not-allowed;
}

.mention-tagging-container textarea {
    width: 1px !important;
    height: 1px !important;
    padding: 0;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    z-index: -1;
    border: none;
    resize: none;
}

.mention-tagging-container textarea.firefox-only {
    width: 100px !important;
}

/* Fix bug ol on browser edge only */
.mention-tagging-container.edge-only ol {
    list-style: none;
    counter-reset: item;
    margin: 0;
    padding: 7px;
}

.mention-tagging-container.edge-only ol li {
    counter-increment: item;
}

.mention-tagging-container.edge-only ol li::before {
    content: counter(item) ". ";
}

.mention-tagging-container .mt-inner-container {
    position: relative;
}

.mention-tagging-container .mention-tagging {
    width: 100%;
    min-height: 100px;
    height: auto;
    line-height: 1.7;
    word-wrap: break-word;
    white-space: normal;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: text;
    padding-bottom: 30px;
}

.img-container img {
    max-width: 100%;
}

.mention-tagging-container .btn-create-medical-record {
    display: none;
}

.show-create-medical-record.mention-tagging-container .btn-create-medical-record {
    display: inline-block;
}

.disabled-create-medical-record.show-create-medical-record.mention-tagging-container .btn-create-medical-record {
    opacity: 0.6;
    cursor: not-allowed;
}

.disabled-create-medical-record.show-create-medical-record.mention-tagging-container .btn-create-medical-record:hover {
    background-color: #f5f5f5;
    border-color: #e6e6e6;
    color: #333;
}

.mention-tagging-container .mention-tagging[disabled] {
    cursor: not-allowed;
}

.mention-tagging-container .mt-inner-container .mention-tagging {
    width: 100%;
}

.mention-tagging-container .mention-tagging.show-placeholder:before,
.mention-tagging-container .mt-inner-container .mention-tagging:empty:before {
    content: attr(placeholder);
    display: block;
    color: #999;
}

.mention-tagging-container .mt-inner-container .mention-tagging:focus:before {
    display: none;
}

.device-ie .mt-inner-container .mention-tagging:focus:before {
    content: '';
}

.mention-tagging-container .mt-inner-container .mention-tagging:focus {
    border-color: none;
    box-shadow: none;
}

.mention-tagging-container.focus .mt-inner-container {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.mention-tagging-container.focus .mt-inner-container .btn-toolbar,
.mention-tagging-container.focus .mt-inner-container .btn-helper,
.stay-opened.mention-tagging-container .mt-inner-container .btn-toolbar,
.stay-opened.mention-tagging-container .mt-inner-container .btn-helper {
    height: 42px;
    border-left-width: 1px;
    border-right-width: 1px;
    z-index: 10;
}

.mention-tagging-container.focus .mt-inner-container .btn-toolbar,
.stay-opened.mention-tagging-container .mt-inner-container .btn-toolbar {
    border-top-width: 1px;
}

.mention-tagging-container.focus .mt-inner-container .btn-helper,
.stay-opened.mention-tagging-container .mt-inner-container .btn-helper {
    border-bottom-width: 1px;
}

.mention-tagging-container .mt-inner-container .btn-helper.no-mention-tagging .information,
.mention-tagging-container .mt-inner-container .btn-helper.no-mention-tagging .information-icon {
    display: none;
}

.mention-tagging-container .mt-inner-container .information {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    font-style: italic;
    color: #888;
}

.mention-tagging-container .mt-inner-container .information-icon {
    float: left;
    position: absolute;
    top: 13px;
    left: 10px;
    display: none;
}

.mention-tagging-container .mt-inner-container .file-attachment {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 5px 10px;
    cursor: pointer;
    color: #2780e3;
}

.mention-tagging-container .mt-inner-container .file-attachment .fa {
    margin-right: 3px;
}

.mention-tagging-container .mt-inner-container .file-attachment:hover {
    color: #165ba8;
    text-decoration: underline;
}

.mention-tagging-container .information-icon .glyphicon-info-sign {
    color: #888;
}

.mention-tagging-container.show-information-icon .information {
    display: none;
}

.mention-tagging-container.show-information-icon .mt-inner-container .information-icon {
    display: block;
}

.mention-tagging-container .mt-inner-container .information b,
.popover-content b {
    color: #333;
    font-weight: bold;
}

.mention-tagging-container .mt-inner-container .information b {
    cursor: pointer;
    color: #2780e3;
}

.mention-tagging-container .mt-inner-container .information b:hover {
    color: #165ba8;
}

.editing-wrapper.locked:not(.enable) .mention-tagging-container .mention-tagging,
#realtime-weather-note.editing-wrapper.locked .mention-tagging {
    background-color: #e6e6e6;
    opacity: 1;
}

.mention-tagging-container .btn-toolbar,
.mention-tagging-container .btn-helper {
    margin-left: 0;
    height: 0;
    overflow: hidden;
    border: 0 solid #ccc;
    background: #f9f9f9;
    position: relative;
    width: 100%;
    transition-property: all;
    transition-duration: .35s;
    transition-timing-function: cubic-bezier(0,0,0,1);
}

.mention-tagging-container .btn-toolbar {
    top: 0;
}

.mention-tagging-container .btn-helper {
    bottom: 0;
}

.mention-tagging-container .loading {
    position: absolute;
    right: 110px;
    top: 10px;
}

.mention-tagging-container .loading.uploading {
    right: 10px;
}

.mention-tagging-container .loading .uploading-progress:before {
    content: '-';
    margin: 0 3px 0 2px;
}

.mention-tagging-container .loading .loading-upload-file {
    float: left;
    margin-right: 5px;
    font-size: 14px;
}

.mention-tagging-container .btn-toolbar .btn-group {
    padding: 5px 0;
}

.mention-tagging-container .btn-toolbar .btn-default {
    background-color: #f5f5f5;
    border-color: #e6e6e6;
    color: #333;
    width: 35px;
    height: 29px;
}

.mention-tagging-container .btn-toolbar .btn-default.btn-info,
.mention-tagging-container .btn-toolbar .btn-group.open > .btn-default {
    background-color: #2b78e4;
    color: #fff;
}

.mention-tagging-container .btn-toolbar .btn-group a.btn:focus {
    outline: none;
}

.dropdown-mention-tagging-url {
    padding: 15px;
}

.dropdown-mention-tagging-url,
.popover-mention-tagging-url {
    z-index: 1060;
}

.popover-mention-tagging-url.position-right,
.dropdown-mention-tagging-url.position-right {
    left: auto !important;
    right: 10px !important;
}

@media(min-width: 480px) {
    .dropdown-mention-tagging-url {
        width: 300px;
    }
}

@media(max-width: 767px) and (min-width: 480px) {
    .dropdown-mention-tagging-url {
        left: 100px !important;
    }
}

@media(max-width: 479px) {
    .dropdown-mention-tagging-url {
        width: 290px;
    }

    .dropdown-mention-tagging-url.add {
        left: 30px !important;
    }
}

.medical-record-taskconfig-editor .mention-tagging-container.focus .mt-inner-container .btn-toolbar,
.medical-record-taskconfig-editor .stay-opened.mention-tagging-container .mt-inner-container .btn-toolbar {
    height: 84px !important;
}

.medical-record-taskconfig-editor .color-container {
    left: 80px !important;
}


@media(max-width: 399px) {
    .mention-tagging-container.focus .mt-inner-container .btn-toolbar,
    .stay-opened.mention-tagging-container .mt-inner-container .btn-toolbar {
        height: 84px !important;
    }

    .mention-tagging-container.stay-opened:not(.show-create-medical-record) .btn-toolbar .btn-group-url {
        clear: both;
    }
}

@media(max-width: 479px) {
    .mention-tagging-container.show-create-medical-record .mt-inner-container .btn-toolbar {
        height: 84px !important;
    }
}


.dropdown-mention-tagging-url hr {
    margin-top: 5px;
    margin-bottom: 10px;
}

.dropdown-mention-tagging-url .row {
    margin-bottom: 10px;
}

.dropdown-mention-tagging-url input {
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

.dropdown-mention-tagging-url button {
    margin-top: 5px;
    width: 86px;
}

.dropdown-mention-tagging-url.add .hide-when-add,
.dropdown-mention-tagging-url.edit .hide-when-edit {
    display: none !important;
}

.mention-tagging-container .btn-toolbar .btn-info:focus,
.mention-tagging-container .btn-toolbar .btn-default:hover {
    background-color: #1967be;
    color: #fff;
}

.supportTouchEvents .mention-tagging-container .btn-toolbar .btn-default.btn-info:hover {
    background-color: #2b78e4;
    color: #fff;
}

.supportTouchEvents .mention-tagging-container .btn-toolbar .btn-default:hover {
    background-color: #f5f5f5;
    border-color: #e6e6e6;
    color: #333;
}

.mention-tagging-container .file-attachment-container {
    display: inline-block;
    position: relative;
}

@media(min-width: 375px) {
    .mention-tagging-container .file-attachment-container {
        min-width: 250px;
    }
}

@media(max-width: 374px) {
    .mention-tagging-container .file-attachment-container {
        min-width: 150px;
    }
}

.mention-tagging-container .file-attachment-container.video-container {
    max-width: 100%;
}

.mention-tagging-container .file-attachment-container.video-container > video {
    height: 100%;
    max-width: 100%;
}

.instruction-field .file-attachment-container,
.note-field .file-attachment-container,
.dailyreport-instruction .file-attachment-container {
    display: inline-block;
    min-width: 200px;
}

.mention-tagging-container .attachment-toolbar {
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    text-align: right;
}

.mention-tagging-container .file-attachment-container[data-extension="gif"] .attachment-toolbar .image-rotate {
    display: none;
}

.mention-tagging-container .attachment-toolbar .toolbar-icon a,
.mention-tagging-container .attachment-toolbar .toolbar-dropdown a.glyphicon {
    color: #fff;
}

.mention-tagging-container .attachment-toolbar .toolbar-dropdown ul {
    text-align: left;
    padding: 0 !important;
    min-width: 110px !important;
}

.mention-tagging-container .attachment-toolbar .dropdown-backdrop {
    display: none;
}

.mention-tagging-container .attachment-toolbar ul li + li {
    border-top: 1px solid #ccc;
}

.mention-tagging-container .attachment-toolbar .toolbar-dropdown i {
    margin-right: 5px;
}

.mention-tagging-container .attachment-toolbar .toolbar-icon a,
.mention-tagging-container .attachment-toolbar .toolbar-dropdown a.glyphicon {
    color: #fff;
}

.mention-tagging-container .attachment-toolbar .toolbar-dropdown i {
    margin-right: 5px;
}

.mention-tagging-container .attachment-toolbar a {
    text-decoration: none;
    cursor: pointer;
    padding: 5px 8px;
    min-width: 30px;
}

.mention-tagging-container .attachment-toolbar a.menu-toolbar {
    padding: 5px 3px;
}

.mention-tagging-container .attachment-toolbar a:hover {
    background: rgba(0,0,0,0.5);
}

.mention-tagging-container .mention-tagging-save-notification {
    position: absolute;
    bottom: 0;
    z-index: 9;
    background: #eee;
    color: #666;
    width: 100%;
    overflow: hidden;
    height: 0;
    border: 1px solid #ccc;
    border-top: 0;
    transition-delay: .2s;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(0,0,0,1);
}

.mention-tagging-container .mention-tagging-save-notification.show-notification {
    height: 41px;
}

.mention-tagging-container .mention-tagging-save-notification span {
    float: right;
    margin: 10px 30px 0;
}

.target-highlight-changes-saved {
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease-in;
}

.highlight-changes-saved {
    transition-delay: .1s;
    background-color: khaki !important;
    transition-duration: .2s;
    transition-timing-function: ease-out;
}

.mentionTagging {
    display: none;
    position: absolute;
    z-index: 1060;
    background: #fff;
    border-radius: 0 0 4px 4px;
    margin-top: 2px;
}

.mentionTagging .mentionTaggingInnerWrapper {
    display: table;
    box-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

.mentionTagging ul {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    max-height: 250px;
    width: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.mentionTagging .mentionTaggingContent li:last-child {
    border-bottom: 0;
}

.mentionTagging .mentionTaggingContent li {
    padding: 7px 10px 7px 10px;
    cursor: pointer;
    border-bottom: 1px solid #e8e8e8;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #e8e8e8;
}

.mentionTagging li.add-hashtag {
    background: #539def;
    color: #fff;
}

.mentionTagging li.selected,
.mentionTagging li.hover {
    background: #2780e3;
    color: #fff;
}

.mentionTagging li.selected .text-muted,
.mentionTagging li.hover .text-muted {
    color: #ececec;
}

.mentionTagging li.selected .fa-hashtag,
.mentionTagging li.hover .fa-hashtag {
    color: #fff;
}

.mentionTagging li[data-typeid="0"] {
    padding-left: 0;
}

.mentionTagging.show-help .mentionTaggingContent {
    width: 250px;
}

.mentionTagging .mentionTaggingContent,
.mentionTagging .mentionTaggingHelp {
    display: table-cell;
    vertical-align: top;
}

.mentionTagging .mentionTaggingHelp {
    background-color: #fbfbfb;
    display: none;
    position: relative;
    margin-left: -170px;
    z-index: -1;
    opacity: 0;
    width: 170px;
}

@media (max-width: 767px) {
    .mentionTagging .mentionTaggingHelp {
        display: none !important;
    }
}

.mentionTagging.show-help .mentionTaggingHelp {
    display: table-cell;
    opacity: 1;
    -webkit-animation: slideRightToLeft .3s cubic-bezier(.32,.7,.63,.81) forwards;
    animation: slideRightToLeft .3s cubic-bezier(.32,.7,.63,.81) forwards;
    border-left: 1px solid #ddd;
}

.mentionTagging.hide-help .mentionTaggingHelp {
    opacity: 1;
    margin-left: 0;
    -webkit-animation: slideLeftToRight .3s cubic-bezier(.32,.7,.63,.81) forwards;
    -webkit-animation-delay: .2s;
    animation: slideLeftToRight .3s cubic-bezier(.32,.7,.63,.81) forwards;
    animation-delay: .2s;
}

.mentionTagging.mentionTaggingHelp ul {
    font-size: 14px;
}

.mentionTagging .mentionTaggingHelp .title {
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
    background-color: #eee;
}

.mentionTagging .mentionTaggingHelp li {
    display: block;
    padding: 3px 10px;
    font-size: 14px;
}

.mentionTagging .mentionTaggingContent {
    background: #fff;
}

.mentionTagging .mentionTaggingContent .text-muted {
    font-size: 12px;
    line-height: 1em;
    margin-top: 0px;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mentionTagging li i {
    margin: 4px 8px 0 0;
}

.mentionTagging li i.glyphicon {
    font-size: 12px;
}

.mentionTagging li div .name {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mentionTagging li div .name .hashtag-name {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
    max-width: 100%;
}

.mentionTagging li div .name .entity-status {
    display: none;
    font-size: 12px;
    color: #c4c4c4;
    vertical-align: top;
    line-height: 2em;
    margin-left: 3px;
}

.mentionTagging li.inactive div .name .entity-status {
    display: inline-block !important;
}

.mentionTagging li.inactive div .name .hashtag-name {
    max-width: calc(100% - 50px);
}

.mentionTagging li.second-line-has-value i {
    display: block;
    float: left;
}

.mentionTagging li.second-line-has-value.inactive i {
    color: #aaa;
}

.mentionTagging li.selected div .name .entity-status,
.mentionTagging li.selected.inactive i,
.mentionTagging li.hover div .name .entity-status,
.mentionTagging li.hover.inactive i {
    color: #fff;
}

.mentionTagging li.second-line-has-value .second-line-wrapper {
    width: calc(100% - 28px);
    display: block;
    float: left;
}

.medical-edit .tagged-text-container .tagged-text {
    display: inline-block;
}

.tagged-text-container .tagged-text {
    font-weight: 600 !important;
    border-radius: 5px;
    line-height: 19px;
    margin: 0;
    word-break: break-all;
}

.tagged-text-container {
    word-spacing: -5px;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
    text-decoration: none !important;
    background: transparent !important;
    color: #333;
}

.tagged-text-container:hover {
    color: #333;
}

.mention-tagging-container.ie-only .tagged-text-container {
    -ms-user-select: none;
}

.tagged-text-container + .tagged-text-container {
    margin-left: 3px;
}

.tagged-text-container.tag-deleted .tagged-text,
.tagged-text-container.tag-no-medical-record .tagged-text {
    text-decoration: line-through !important;
    cursor: default;
}

.tagged-text:before {
    display: none;
}

.tagged-text-container .tagged-text:before {
    display: inline-block;
}

.note-field .tagged-text-container,
.read-only-note .tagged-text-container {
    display: inline-block;
}

.read-only-note .tagged-text-container.tag-deleted .tagged-text:not(.selected):hover,
.read-only-note .tagged-text-container.tag-no-medical-record .tagged-text:not(.selected):hover {
    background: none;
}

.tagged-text-container .tagged-text:before {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 2px;
    font-size: 13px;
    vertical-align: middle;
}

.tagged-text-container .tagged-text.fa-pencil-square-o:before,
.tagged-text-container .tagged-text.fa-stethoscope:before {
    font-weight: bold;
}

.tagged-text-container .tagged-text,
.tagged-text-container .read-only-note .tagged-text {
    color: #447ab7 !important;
    font-size: 15px;
}

.tagged-text-container .tagged-text:before,
.tagged-text-container .read-only-note .tagged-text:before {
    color: #175dab;
}

.tagged-text-container .tagged-text.fa-hashtag:before {
    margin-right: 1px;
    position: relative;
}

.fa-hashtag:before {
    content: '#' !important;
}

.mentionTagging .fa-hashtag:before,
.tagged-text-container .tagged-text.fa-hashtag:before,
.read-only-note .tagged-text-container .tagged-text.fa-hashtag:before {
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 18px;
    font-family: inherit;
}

.mentionTagging .fa-hashtag {
    color: #000;
    margin-top: 2px;
}

.mentionTagging .fa-hashtag:before {
    font-size: 20px;
}

.file-attachment-container img,
.file-attachment-container video {
    max-width: 100%;
}

.device-ie .file-attachment-container img,
.device-ie .file-attachment-container video {
    width: 100%;
}

.note .note-value pre .attachment-toolbar a,
pre.note-field .attachment-toolbar a,
.mentioned-group-content .read-only-note .attachment-toolbar a {
    font-style: normal;
    margin-right: 5px;
}

.note .note-value pre .attachment-toolbar .image-size,
pre.note-field .attachment-toolbar .image-size,
.mentioned-group-content .read-only-note .attachment-toolbar .image-size {
    display: none;
}

.tagged-text-container.tag-deleted .tagged-text {
    cursor: default !important;
}

.taskchecklistreadonly .tagged-text,
.taskchecklistreadonly .tagged-text.fa-hashtag:before,
.taskchecklistreadonly .tagged-text-container.tag-deleted .tagged-text:hover.fa-hashtag:before,
pre.note-field .tagged-text,
pre.note-field .tagged-text.fa-hashtag:before,
.read-only-note .tagged-text.fa-hashtag:before,
.read-only-note .tagged-text-container.tag-deleted .tagged-text:not(.selected):hover.fa-hashtag:before {
    cursor: pointer;
}

.textarea-markdown-container .hashtag {
    color: #2780e3;
}

#toolbar-template,
#mentionTaggingHelpContent,
#helper-template,
#color-template,
#upload-file-template,
#attachment-toolbar-template {
    display: none;
}

.color-container {
    position: absolute;
    z-index: 999;
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    min-width: 165px;
}

.color-container .text-content {
    margin-bottom: 2px;
}

.color-container .text-content:after {
    display: block;
    content: ' ';
    clear: both
}

.color-container .text-content[data-index="1"],
.color-container .text-content[data-index="2"] {
    margin-bottom: 6px
}

.color-container .color-palette {
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 2px;
    cursor: pointer;
}

.popover-mention-tagging-url .edit-link {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-right: 8px;
    padding-left: 9px;
    margin-left: 7px;
    margin-right: 7px;
}

.popover-mention-tagging-url .popover-content {
    display: flex;
}

.popover-mention-tagging-url span.valign-middle {
    max-width: 180px;
    flex-direction: row;
    min-width: 0;
    align-items: center;
}

.popover-mention-tagging-url span.valign-middle span {
    flex-shrink: 0;
}

.popover-mention-tagging-url span.valign-middle a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 3px;
}

@-webkit-keyframes slideRightToLeft {
    100% {
        margin-left: 0;
    }
}

@keyframes slideRightToLeft {
    100% {
        margin-left: 0;
    }
}

@-webkit-keyframes slideLeftToRight {
    95% {
        margin-top: 0px;
        margin-left: -170px;
        opacity: 1;
    }

    100% {
        margin-top: 0px;
        margin-left: -170px;
        opacity: 0;
    }
}

@keyframes slideLeftToRight {
    95% {
        margin-top: 0px;
        margin-left: -170px;
        opacity: 1;
    }

    100% {
        margin-top: 0px;
        margin-left: -170px;
        opacity: 0;
    }
}

.read-only-note ul,
.read-only-note ol,
.mention-tagging ul,
.mention-tagging ol,
.note-field ul,
.note-field ol {
    padding-left: 25px;
}

.hashtag-categories .icon {
    margin-right: 5px;
    color: #555;
    font-size: 14px;
}

.managehashtag-mentioned-header-details .back {
    font-size: 19px;
    vertical-align: middle;
    display: table-cell;
    width: 25px;
}

.managehashtag-mentioned-header-details .action_link {
    font-size: 16px;
    vertical-align: middle;
    width: 25px;
    display: table-cell;
}

input#search-hashtag::-ms-clear {
    display: none;
}

@media only screen and (max-width: 991px) {
    .managehashtag-mentioned-wrapper {
        min-height: 500px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .managehashtag-mentioned-left,
    .managehashtag-mentioned-right {
        min-height: 250px;
    }

    #notificationWrapper .row_display {
        float: left;
        height: 60px;
    }

    .managehashtag-mentioned-right {
        margin-top: 50px;
    }

    #notificationWrapper .input-group-btn {
        display: block;
        width: 100%;
    }

    #notificationWrapper #btn_notification {
        text-align: left;
    }

    #notificationWrapper .content_notification {
        padding-left: 0;
        padding-right: 0;
        border: 1px solid #ddd;
        padding-top: 10px;
    }

    #notificationWrapper .content-notification-wrapper {
        float: left;
        margin-bottom: 15px;
        padding-left: 20px;
    }

    #notificationWrapper .notification_delete {
        text-align: right;
    }

    #notificationWrapper .input-group .input-group-btn {
        margin-bottom: 15px;
    }

    #notificationWrapper .dropdownHashTagNotification {
        float: left;
        width: 100%;
        margin-top: 15px;
    }

    #notificationWrapper .row_notification {
        margin-top: 15px;
    }

    #notificationWrapper .select_notification .header_notification {
        padding-left: 5px;
    }

    #notificationWrapper .row.form-group:not(.selected) {
        display: none;
    }

    #notificationWrapper .row.form-group.selected {
        display: inline-block;
    }

    #notificationWrapper .responsive-btn {
        padding-top: 10px;
        background-color: #fff;
        width: 100%;
        z-index: 1000;
    }

    #notificationWrapper .responsive-btn.fixed {
        position: -webkit-sticky;
        position: sticky;
        top: 50px;
    }

    .device-ios #notificationWrapper .responsive-btn.fixed {
        top: 0px !important;
    }

    #notificationWrapper .responsive-btn.fixed #btn-menu-notification {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }

    #notificationWrapper .open > .dropdown-menu {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .managehashtag-mentioned-left .mentioned-header,
    .managehashtag-mentioned-right,
    .managehashtag-mentioned-right .manage-hashtag-content,
    .managehashtag-mentioned-left .mentioned-content {
        padding: 0;
    }
}

#notificationWrapper .row_notification.select_notification .dropdown-menu-notification {
    max-height: 250px;
    overflow-y: auto;
}

#notificationWrapper .row_notification.select_notification .input-group-btn {
    vertical-align: top;
}

#notificationWrapper .row-content-notification-wrapper {
    width: 100%;
}

#notificationWrapper .notification_name {
    word-break: break-word;
}

#system_notification h3,
#my_subscription h3,
#hashtag_notification h3 {
    font-weight: 400;
}

#notificationWrapper .row_notification {
    width: 100%;
    float: left;
}

#notificationWrapper .select_notification h5 {
    text-transform: uppercase;
    font-weight: 600;
    color: #888;
}

#notificationWrapper .header_notification {
    font-weight: bold;
}

#notificationWrapper .dropdownHashTagNotification {
    position: relative;
}

#notificationWrapper .dropdownHashTagNotification .Typeahead-spinner {
    right: 20px !important;
}

#modalEmailNotification .search_wrapper.input-group .input-group-btn {
    vertical-align: top;
}

@media (min-width: 992px) {
    #notificationWrapper .row_notification {
        border-bottom: 1px solid #ddd;
    }

    #notificationWrapper .row_notification {
        padding: 15px;
        margin: 0px;
    }

    #notificationWrapper .header_notification {
        background-color: #fff;
        padding: 0 !important;
        border-bottom: none !important;
    }

    #notificationWrapper .header_notification .header-table {
        background-color: #eee;
        width: 100%;
        display: inline-block;
    }


    #notificationWrapper .hovered:hover,
    #notificationWrapper .my-subscription .allow-override:hover {
        background-color: #dee7ef;
    }

    #notificationWrapper .my-subscription .default-system.hovered:hover,
    #notificationWrapper .my-subscription .override-system.hovered:hover,
    #notificationWrapper .my-subscription .controlled-administrator.hovered:hover {
        background-color: #eee;
    }

    .row_dropdownHashTagSubscription {
        display: inline-table;
    }
}

@media (min-width: 768px) {
    .dropdown_hashTagSubscription {
        width: 250px;
    }

    #modalEmailNotification .external_email_result {
        width: 68%;
        top: 45px;
    }
}

@media (max-width: 480px) {
    #notificationWrapper .content_notification {
        box-shadow: 0 2px 3px rgba(0,0,0,0.1), 3px 4px 6px rgba(0,0,0,0.1) !important;
        -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1), 3px 4px 6px rgba(0,0,0,0.1) !important;
        -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1), 3px 4px 6px rgba(0,0,0,0.1) !important;
        margin-top: 25px;
    }

    #notificationWrapper .btn.remove_notification.delete {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #modalEmailNotification .search_wrapper {
        width: 100%;
        display: inline-block;
    }

    #modalEmailNotification .external_email_result {
        top: 88px;
        width: 90%;
    }
}

#notificationWrapper .responsive-btn button {
    background-color: #eee !important;
    font-weight: 600;
}

#notificationWrapper .responsive-btn ul {
    text-align: center;
}

#notificationWrapper .default-system .notification_type,
#notificationWrapper .default-system .notification_name,
#notificationWrapper .override-system .notification_type,
#notificationWrapper .override-system .notification_name {
    font-style: italic;
}

#notificationWrapper .my-subscription .default-system,
#notificationWrapper .my-subscription .override-system,
#notificationWrapper .my-subscription .controlled-administrator {
    background-color: #fafafa;
    color: #777;
    -webkit-box-shadow: inset 8px 0px 0px 0px #aaa;
    -moz-box-shadow: inset 8px 0px 0px 0px #aaa;
    box-shadow: inset 8px 0px 0px 0px #aaa;
}

#notificationWrapper .my-subscription .allow-override {
    background-color: #fff;
    color: #333;
    -webkit-box-shadow: inset 8px 0px 0px 0px #ffe599;
    -moz-box-shadow: inset 8px 0px 0px 0px #ffe599;
    box-shadow: inset 8px 0px 0px 0px #ffe599;
}

#notificationWrapper .subscribers_container {
    color: #085394;
    cursor: pointer;
    border-bottom: 1px solid #085394;
}

#notificationWrapper .subscribers_container.disabled {
    color: #333;
    cursor: default;
    border-bottom: none;
}

#notificationWrapper span.hashtag-text {
    font-weight: bold;
}

#notificationWrapper .subscribers_container:hover,
#notificationWrapper .subscribers_container:focus {
    text-decoration: none;
}

#notificationWrapper span.subscriber {
    margin-right: 5px;
    display: inline-block;
    word-break: break-word;
}

#notificationWrapper .notification_email span.subscriber {
    display: inline;
}

#notificationWrapper a {
    cursor: pointer;
}

#notificationWrapper .remove_notification.disabled {
    cursor: default;
    opacity: 0.7;
}

#modalEmailNotification .external_email_result {
    position: absolute;
    z-index: 1060;
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

#modalEmailNotification .external_email_result ul {
    padding: 5px 15px;
    margin-bottom: 0;
    list-style: none;
}

#modalEmailNotification .external_email_result.valid {
    cursor: pointer;
}

#modalEmailNotification .external_email_result:not(.valid) {
    cursor: default;
}

#modalEmailNotification .external_email_result.selected {
    background-color: #2780e3;
    color: #fff;
}

#modalEmailNotification .subscribers {
    color: red;
}

.result-search-for span.tag {
    cursor: default;
    font-weight: 600;
    display: inline-block;
    white-space: normal;
    text-align: left;
    margin-right: 8px;
    margin-bottom: 5px;
}

.label-emailNotification {
    padding: 0 !important;
}

.label-emailNotification .remove {
    margin-left: 7px !important;
}

.label-emailNotification.user .remove {
    color: #4d81ca !important;
}

.label-emailNotification.email .remove {
    color: #ca7373 !important;
}

.label-emailNotification.role .remove {
    color: #ad6800 !important;
}

.label-emailNotification.default {
    background-color: #e5e5e5;
    padding-right: 12px !important;
    color: #666;
    box-shadow: inset 0 0 0 1px #c5c5c5;
}

.label-emailNotification.role {
    background-color: #fde8c6;
    color: #8a4405;
    box-shadow: inset 0 0 0 1px #eabd73;
}

.label-emailNotification.user {
    background-color: #e4effb;
    color: #0f60a7;
    box-shadow: inset 0 0 0 1px #99b4d8;
}

.label-emailNotification.email {
    color: #1a7733;
    background-color: #d9f1e7;
    box-shadow: inset 0 0 0 1px #73bb86;
}

.label-emailNotification .fa {
    font-size: 13px;
    padding: 3px 5px;
    margin-right: 5px;
    float: left;
    width: 24px;
    height: 22px;
    text-align: center;
    padding-top: 4px;
    color: #fff;
}

.label-emailNotification.user .fa {
    background-color: #6495d8;
}

.label-emailNotification.email .fa {
    background-color: #479e77;
}

.label-emailNotification.role .fa {
    background-color: #e8971a;
}

.label-emailNotification.default .fa {
    color: #fff;
    background-color: #888;
}

.label-emailNotification .tag-content {
    margin-top: 5px;
    margin-bottom: 3px;
    float: left;
}

.label-emailNotification .remove {
    padding-right: 5px;
}

.label-emailNotification.email .remove {
    color: #479e77 !important;
}

#notificationWrapper a.link-hashtag {
    color: #085394;
    cursor: pointer;
}

#notificationWrapper span.subscriber {
    margin-right: 5px;
}

#notificationWrapper a.link-hashtag {
    text-decoration: underline;
    font-weight: 600;
}

#notificationWrapper .spinner {
    width: 100%;
    margin-top: 5px;
}

#notificationWrapper .select_notification.disabled {
    display: none;
}

.fileContentNote {
    clear: both;
    margin: 0;
}

.file-contents .fileContentNote .rowFileContentNote {
    padding-left: 15px;
}

.fileContentNote rowFileContentNote.separator {
    border-top: 1px solid #e6e6e6;
}

.rowFileContentNote .rowContentNote {
    padding-right: 0px !important;
    padding-left: 10px;
    margin-top: 5px;
    border-left: 6px solid #ccc;
}

.dailyreport-attachment-container .rowFileContentNote {
    width: 100%;
    display: inline-block;
}

.list-editor-rows .delete-container,
.rowFileContentNote .rowFileContentEdit {
    padding: 0;
}

@media(max-width: 479px) {

    .dailyreport-attachment-container .rowFileContentNote .rowContentNote {
        width: 93%;
    }

    .dailyreport-attachment-container .rowFileContentNote .rowFileContentEdit {
        width: 5%;
        right: 0 !important;
    }
}

.fileContentNote .addNote {
    cursor: pointer;
    font-size: 12px;
}

.fileContentNote .note-content {
    margin-top: 5px;
}

.entity-entries .entry-missing {
    color: red;
    font-size: 15px;
    font-style: italic;
    font-weight: 600;
}

.fileContentNote .note-content video {
    max-width: 100%;
}


@media (max-width: 767px) {
    .section-index .rowFileContentEdit {
        right: 0 !important;
    }

    .note-welfare-container.show-welfare-content .welfare-note.has-note-value .general-note {
        margin-top: 7px;
    }
}


@media (min-width: 1200px) {
    .facility-edit .rowFileContentEdit,
    .section-index .rowFileContentEdit {
        padding-left: 0px;
    }
}

#fileContentNoteModal .page-2 {
    display: none;
}

#fileContentNoteModal .modal-body,
#animalgroupmodal .modal-body .result-search-for,
#modalEmailNotification .modal-body,
#UserProfilePictureModal .modal-body,
#welfareFrequencyModal .modal-body,
#modalGeneralNote .modal-body {
    overflow-y: auto;
}

#animalgroupmodal .modal-body .result-search-for {
    max-height: 250px;
}

a.social-link.twitter-x.override {
    border-radius: 0;
    background-color: #fff;
    position: relative;
    float: none;
}

a.social-link.twitter-x,
footer .follow-us-container a.social-media-icon {
    height: 25px;
    width: 25px;
    background-color: #666;
    border-radius: 50%;
    display: inline-block;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

footer .follow-us-container a.social-media-icon:not(.fa-facebook) {
    margin-left: 5px;
}

footer .follow-us-container a.social-media-icon:hover {
    opacity: 0.5;
}

footer .follow-us-container li.social-medial-list {
    margin-bottom: 5px;
    margin-top: 3px;
}

.select2-results .username-subscriber,
.external_email_result .username-subscriber {
    font-weight: 600;
}

.select2-results .email-subscriber,
.external_email_result .email-subscriber {
    color: #999;
    font-size: 14px;
    margin: 0;
}

li.select2-highlighted .email-subscriber,
.select2-results__option--highlighted .email-subscriber {
    color: #fff;
}

.search-wrapper-hashtag.headroom--not-top {
    border-bottom: 1px solid #ddd;
    background: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.device-ie .search-wrapper-hashtag.headroom--not-top {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.search-wrapper-hashtag.headroom--not-top .input-group {
    margin-bottom: 0px;
}

.manage-hashtag-mentioned-content-details .hashtag-card {
    cursor: pointer;
}

.manage-hashtag-mentioned-content-details .container-hashtags .not_match {
    margin-left: 15px;
}

.manage-hashtag-mentioned-content-details .container-hashtags {
    padding-left: 15px;
    padding-right: 15px;
}

.filter-hashtag-search-type {
    text-align: center;
}

.filter-hashtag-search-type hr {
    margin-left: 15px;
    margin-right: 15px;
}

.search-wrapper-hashtag .input-group {
    margin-bottom: 10px;
    padding: 15px;
    width: 100%;
}

.search-wrapper-hashtag button.search {
    padding: 10px 10px 6px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0;
    outline: none;
    display: inline-block;
}

.search-wrapper-hashtag button.reset-textbox {
    margin-top: 19px;
    color: #aaa;
    font-weight: 600;
    font-size: 15px;
    outline: none;
}

.search-wrapper-hashtag button.reset-textbox.browse-hashtag {
    right: 65px;
}

.search-wrapper-hashtag span.refine-search i {
    font-size: 17px;
}

.search-wrapper-hashtag .bootstrap-tagsinput {
    width: 100%;
    padding-left: 10px;
    border-radius: 0px;
    padding-right: 28px;
    line-height: 28px;
}

.search-wrapper-hashtag .bootstrap-tagsinput.focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.search-wrapper-hashtag .bootstrap-tagsinput input {
    padding: 0px 10px 0px 0px !important;
    background: #fff;
    margin-top: 1px;
    height: 28px;
}

@media(max-width: 350px) {
    .search-wrapper-hashtag .bootstrap-tagsinput input {
        width: 100%;
    }
}

@media(min-width: 350px) and (max-width: 450px) {
    .search-wrapper-hashtag .bootstrap-tagsinput input {
        width: 100%;
    }
}

@media(min-width: 451px) and (max-width: 991px) {
    .search-wrapper-hashtag .bootstrap-tagsinput input {
        width: 100%;
    }
}

.search-wrapper-hashtag .bootstrap-tagsinput input::-ms-clear {
    display: none;
}

.search-wrapper-hashtag input::-webkit-input-placeholder {
    font-size: 14px;
}

.search-wrapper-hashtag input::-moz-placeholder {
    font-size: 14px;
}

.search-wrapper-hashtag .search-hashtag {
    height: 39px;
    width: 100%;
}

.search-wrapper-hashtag span.twitter-typeahead {
    display: inline !important;
}

.search-wrapper-hashtag span.tag {
    color: #212121;
    background: #eee;
    font-size: 14px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    max-width: 450px;
    vertical-align: middle;
    padding-right: 22px;
}

.search-wrapper-hashtag span.tag.no-remove-button {
    padding-right: .6em;
}

.search-wrapper-hashtag span.tag + span.tag,
.search-wrapper-hashtag span.tag + span.twitter-typeahead {
    margin-left: 3px !important;
}

@media(max-width: 768px) {
    .search-wrapper-hashtag span.tag {
        max-width: 150px;
    }

    .row managehashtag-mentioned-wrapper {
        margin-left: 0px;
    }

    .note .note-value {
        margin-left: 15px;
    }
}

@media(max-width: 991px) {
    .search-wrapper-hashtag button.reset-textbox {
        right: 105px;
    }
}

@media(min-width: 991px) {
    .search-wrapper-hashtag button.reset-textbox {
        right: 125px;
    }
}

.wrapper-hashtags .list-hashtags .mentioned {
    margin-left: 14px;
}

.search-wrapper-hashtag span.tag [data-role="remove"] {
    color: #888;
    font-size: 15px;
    position: absolute;
    right: 6px;
    top: 1px;
}

.search-wrapper-hashtag span.not-tag {
    background-color: #fff;
    color: #333;
    font-weight: normal;
    font-size: 15px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    line-height: 1.4;
}

.search-wrapper-hashtag input.tag-focus {
    margin-top: 0;
    line-height: 1.4;
    vertical-align: middle;
}

.tt-menu .dropdown-hashtags {
    float: left;
    width: 100%;
    font-size: 15px;
    padding: 5px 15px;
}

.tt-menu .dropdown-hashtags i {
    float: left;
    display: block;
    margin: 4px 8px 0 0;
}

.tt-menu .dropdown-hashtags i.fa-cubes {
    margin: 4px 4px 0 0;
}

.tt-menu .dropdown-hashtags .fa-hashtag:before {
    font-size: 20px;
}

.tt-menu .dropdown-hashtags .hashtag-text {
    width: calc(100% - 25px);
    line-height: 20px;
    float: left;
    display: block;
}

.tt-menu .dropdown-hashtags .name {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
}

.tt-menu .dropdown-hashtags .description {
    font-size: 13px;
    line-height: 14px;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tt-menu .dropdown-hashtags:hover .description,
.tt-menu .tt-suggestion.tt-cursor .description {
    color: #fff;
}

#tagged-text-popover-template {
    display: none;
}

.tagged-text-popover {
    position: absolute;
    z-index: 10;
    border-radius: 4px;
    width: 350px;
    background: #fff;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.18), 0 1px 25px rgba(0,0,0,0.25);
    -webkit-transition: margin-top .2s cubic-bezier(0,0,0,1), opacity .5s cubic-bezier(0,0,0,1);
    -moz-transition: margin-top .2s cubic-bezier(0,0,0,1), opacity .5s cubic-bezier(0,0,0,1);
    transition: margin-top .2s cubic-bezier(0,0,0,1), opacity .5s cubic-bezier(0,0,0,1);
    margin-top: -8px;
    opacity: 0;
}

.modal-open .tagged-text-popover {
    z-index: 1051;
}

.tagged-text-popover.show-popover {
    margin-top: 0px;
    opacity: 1;
    padding-bottom: 5px;
    z-index: 1055;
}

.tagged-text-popover .header {
    padding: 15px;
}

.tagged-text-popover .body .section {
    padding: 12px 15px 15px;
    color: #333;
}

.tagged-text-popover .body {
    max-height: 250px;
    overflow-y: auto;
}

.tagged-text-popover hr {
    margin: 5px 0;
    border-top-width: 1px;
}

.tagged-text-popover .popover-left {
    width: 65px;
}

.tagged-text-popover .popover-right {
    position: relative;
    padding-left: 12px;
    width: calc(100% - 65px);
}

.tagged-text-popover .header .icon.img .img-inner-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.tagged-text-popover .popover-left,
.tagged-text-popover .popover-right {
    float: left;
}

.tagged-text-popover .header .icon {
    background: #7d7d7d;
    color: #fff;
    width: 65px;
    height: 65px;
    text-align: center;
    font-size: 32px;
}

.tagged-text-popover .header .icon.img {
    background: none;
    display: table;
    border: 1px solid #e0e2e1;
    vertical-align: middle;
    text-align: center;
    height: 65px;
}

.tagged-text-popover .header .icon.img img {
    max-width: 65px;
    max-height: 65px;
    padding: 2px;
}

.tagged-text-popover .header .icon .fa {
    vertical-align: middle;
    line-height: 65px;
}

.tagged-text-popover .header .icon .fa-hashtag {
    font-weight: bold;
}

.tagged-text-popover .header .content .type {
    text-transform: uppercase;
    color: #aaa;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
}

.tagged-text-popover .header .content .title {
    font-weight: 600;
    font-size: 20px;
    margin: 5px 0;
    line-height: 1.2;
    display: block;
    width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.tagged-text-popover .header .content .information {
    color: #7d7d7d;
    font-size: 14px;
}

.tagged-text-popover .header .content .information .veterinarian-visit,
.tagged-text-popover .header .content .information .routine-vaccination {
    float: left;
}

.tagged-text-popover .header .content .information .veterinarian-visit label,
.tagged-text-popover .header .content .information .routine-vaccination label {
    font-weight: normal;
}

.tagged-text-popover .header .content .information .veterinarian-visit + .routine-vaccination {
    padding-left: 15px;
}

.tagged-text-popover .header .content .information .total-mentions {
    background-color: #7d7d7d !important;
    margin-left: 5px;
    color: #fff;
    border-radius: 3px;
    padding: 0 5px;
}

.tagged-text-popover .header .content .information .job-title,
.tagged-text-popover .header .content .common-name,
.tagged-text-popover .header .content .information .business-type {
    font-weight: 600;
}

.tagged-text-popover .scientific-name {
    font-style: italic;
    color: #7d7d7d;
    font-size: 14px;
}

.tagged-text-popover .popover-group + .popover-group {
    margin-top: 10px;
}

.tagged-text-popover .popover-group:after {
    clear: both;
    content: " ";
    display: table;
}

.tagged-text-popover .popover-group .popover-left {
    text-align: right;
}

.tagged-text-popover .popover-group .popover-left label,
.tagged-text-popover .veterinarian label {
    font-size: 14px;
    color: #aaa;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 1.25;
}

.tagged-text-popover .veterinarian a {
    display: block;
    font-size: 15px;
}

.tagged-text-popover .note .note-value {
    margin: 0;
}

.tagged-text-popover .mentioned-group-content .read-only-note {
    margin-bottom: 0;
}

.tagged-text-popover .popover-right .dropdown {
    position: absolute;
    right: 0;
}

.tagged-text-popover .popover-right .dropdown-toggle i {
    vertical-align: middle;
}

.tagged-text-popover .popover-right .dropdown .dropdown-toggle {
    color: #2780e3;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding: 3px 12px 5px 12px;
}

.tagged-text-popover .popover-right .dropdown.open .dropdown-toggle {
    color: #fff;
    background: #2780e3;
}

.tagged-text-popover .dropdown-menu i {
    margin-right: 8px;
    width: 20px;
    text-align: center;
    position: relative;
}

.tagged-text-popover .dropdown-menu a.add-icon i > i {
    color: #f00;
    position: absolute;
    right: -2px;
    margin-right: 0;
    font-size: 11px;
    border-radius: 50%;
    background: #fff;
    width: 10px;
    top: -2px;
}

.tagged-text-popover .label.section-tag-dailyreport {
    margin: 0;
    font-size: 12px;
    display: inline-block;
}

.tagged-text-popover .dropdown-menu > li > a {
    padding: 3px 15px 3px 10px;
}

.tagged-text-popover .notes {
    padding: 0;
    list-style: none;
}

.tagged-text-popover .notes ol {
    padding-left: 15px;
}

.tagged-text-popover .notes ul {
    padding-left: 20px;
}

.tagged-text-popover .popover-left .badge {
    background: #999;
    margin-left: 5px;
}

.tagged-text-popover .popover-right.animals {
    margin-top: 5px;
}

.tagged-text-popover .popover-right.animals ul {
    list-style: none;
    padding-left: 0px;
}

.tagged-text-popover .popover-right.animals ul li {
    margin-bottom: 5px;
    padding-left: 10px;
    border-left: 5px solid #ccc;
}

.tagged-text-popover .popover-right.animals .common-name {
    font-size: 13px;
}

.tagged-text-popover .popover-right.animals .disposition {
    line-height: 1em;
    margin-bottom: 2px;
}

.tagged-text-popover .popover-right.animals .disposition label {
    font-size: 10px;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 0px;
}

.managehashtag-wrapper.expand-search .managehashtag-left {
    width: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    opacity: 0;
    height: 0;
    border: 0px;
}

.managehashtag-wrapper.expand-search .managehashtag-right {
    padding: 0;
    width: 100%;
}

.tagged-text-popover .employee-list {
    margin-top: 3px;
}

.tagged-text-popover .employee-list li {
    line-height: 1.2;
}

.search-wrapper-hashtag .input-group .Typeahead-spinner {
    right: 150px;
    top: 23px;
    display: none;
}

.search-wrapper-hashtag .category-row .Typeahead-spinner {
    right: 40px;
}

.search-wrapper-hashtag .input-group-btn {
    vertical-align: top;
}

.tagged-text-popover .employee-list li + li {
    margin-top: 12px;
}

.tt-menu {
    max-height: 235px;
    overflow-y: auto;
    padding: 3px 0;
}

.tagged-text-popover .employee-staff-level {
    color: #aaa;
    font-size: 13px;
    font-style: italic;
}

.tagged-text-popover .body {
    font-weight: 500;
}

.tagged-text-popover .animal-card-picture {
    position: relative;
}

.tagged-text-popover .medical-treatments,
.tagged-text-popover .notes > li,
.tagged-text-popover .employee-list li {
    border-left: 6px solid #ccc;
    padding-left: 10px;
}

.tagged-text-popover .notes > li ul {
    list-style-type: disc;
}

.tagged-text-popover .medical-treatments span {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.tagged-text-popover .medical-treatments.treatment span {
    color: #597eaa;
}

.tagged-text-popover .medical-treatments.treatment {
    border-left-color: #597eaa;
}

.tagged-text-popover .medical-treatments.vaccine span {
    color: #6aa84f;
}

.tagged-text-popover .medical-treatments.vaccine {
    border-left-color: #6aa84f;
}

.tagged-text-popover .medical-treatments.other-treatment span {
    color: #e69138;
}

.tagged-text-popover .medical-treatments.other-treatment {
    border-left-color: #e69138;
}

.tagged-text-popover .employee-list {
    list-style: none;
    padding: 0;
    margin-top: 3px;
}

.tagged-text-popover .employee-list .employee-name,
.tagged-text-popover .employee-list .employee-staff-level {
    display: block;
}

.tagged-text-popover .medical-treatments ul {
    padding-left: 20px;
}

.tagged-text-popover .notes li + li {
    margin-top: 15px;
}

.tagged-text-popover .notes span.note-type {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.tagged-text-popover .notes div {
    font-style: italic;
    color: #666;
}

.tagged-text-popover .section-name {
    margin-bottom: 5px;
}

.tagged-text-popover .section-name ul,
.tagged-text-popover .animal-section-name ul,
.tagged-text-popover .animal-groups ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1em;
}

.tagged-text-popover .section-name ul li {
    display: inline-block;
    margin-right: 3px;
    font-weight: bold;
}

.tagged-text-popover .section-name ul li + li:before,
.tagged-text-popover .animal-section-name ul li + li:before {
    content: "/ ";
}

.tagged-text-popover .animal-groups ul li {
    display: inline-block;
}

.tagged-text-popover .animal-groups ul li + li:before {
    content: ",";
}

.tagged-text-popover .animal-section-name ul li {
    display: inline-block;
    margin-right: 3px;
}

.tagged-text-popover .medicalreminders-information,
.tagged-text-popover .tasks-information {
    line-height: 1;
}

.tagged-text-popover .medicalreminders-information {
    margin-bottom: 12px;
}

.tagged-text-popover .medicalreminders-information .title,
.tagged-text-popover .tasks-information .title {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.tagged-text-popover .medicalreminders-information .label,
.tagged-text-popover .tasks-information .label {
    margin-left: 10px;
    background: #7d7d7d;
}

.tagged-text-popover a.tagged-text-container {
    cursor: pointer;
    display: inline;
}

.tagged-text-popover a.tagged-text-container:hover {
    text-decoration: underline !important;
    color: #165ba8 !important;
}

.tagged-text-popover .flags li {
    min-width: 5px;
    width: auto;
    height: auto;
    padding: 0;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.51);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.51);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.51);
}

.tagged-text-popover .flags .flag {
    display: block;
    width: 20px;
    height: 20px;
}

.tagged-text-popover .notification-subscription .btn,
.hashtag-notification-icons .btn {
    background: none;
    border: 1px solid #d8d8d8;
    color: #888;
    float: left;
    outline: none;
    padding: 1px 10px;
}

.hashtag-notification-icons {
    display: inline-block;
}

.hashtag-notification-icons .btn {
    border: 1px solid #afafaf;
}

.hashtag-notification-icons .btn {
    float: right;
    outline: none !important;
}

.tagged-text-popover .notification-subscription .btn.subscribed,
.hashtag-notification-icons .btn.active {
    background: #2780e3;
    color: #fff;
    border-color: #2780e3;
}

.tagged-text-popover .notification-subscription .btn.loading,
.tagged-text-popover .notification-subscription .btn.no-access {
    cursor: not-allowed;
}

.tagged-text-popover .notification-subscription .btn.loading {
    opacity: 0.6;
}

.tagged-text-popover .notification-subscription .btn:not(.subscribed):not(.loading):not(.no-access):hover {
    background: #e8e8e8;
}

.hashtag-notification-icons .btn:not(.active):hover {
    background: #666;
    color: #fff;
}

.tagged-text-popover .notification-subscription .btn + .btn,
.hashtag-notification-icons .btn:first-child {
    border-left-width: 0;
}

.tagged-text-popover .notification-subscription .btn i,
.hashtag-notification-icons .btn i {
    margin-right: 5px;
}

.tagged-text-popover .popover-group .popover-left,
.tagged-text-popover .popover-group .popover-right {
    float: none;
    text-align: left;
    width: 100%;
}

.tagged-text-popover .popover-group .popover-right {
    padding-left: 0;
    line-height: 1.35em;
}

.tagged-text-popover .popover-group .popover-right.animal {
    border-left: 6px solid #7d7d7d;
    padding-left: 10px;
    line-height: 1.35em;
}

.tagged-text-popover .popover-group .popover-right .mentioned-wrapper {
    padding-top: 5px;
}

@media (max-width: 500px) {
    .tagged-text-popover {
        max-width: 280px;
    }
}

@media (min-width: 500px) {
    .tagged-text-popover .popover-subscription{
        display: flex;
    }
    .tagged-text-popover .popover-subscription .popover-left,
    .tagged-text-popover .popover-subscription .popover-right {
        float: left;
    }

    .tagged-text-popover .popover-subscription .popover-left {
       flex: 1;
    }

    .tagged-text-popover .popover-subscription .popover-right {
        display: flex;
        padding-left: 12px;
    }
}

.managehashtag-mentioned-header {
    margin-bottom: -1px;
}

.manage-hashtag-list-content.refine-search {
    padding-left: 15px;
    padding-right: 15px;
}

.manage-hashtag-list-content .hashtag-card.hashtag-animal .panel,
.manage-hashtag-list-content .hashtag-card.hashtag-user .panel {
    height: 102px;
}

.manage-hashtag-list-content .hashtag-card.hashtag-common .panel {
    height: 88px;
}

.manage-hashtag-list-content .hashtag-card .link-hashtag {
    color: #333;
    font-weight: 600;
    font-size: 15px;
    width: calc(100% - 10px);
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    padding-left: 14px;
    max-height: 3em;
    height: auto;
}

.manage-hashtag-list-content .hashtag-card .link-hashtag.has-description {
    -webkit-line-clamp: 1;
}

.manage-hashtag-list-content .hashtag-card .animal-card-picture a {
    display: block;
}

.manage-hashtag-list-content .animal-profile-picture .image-view-container:hover {
    border-color: #2780e3;
}

.manage-hashtag-list-content .animal-profile-picture .image-view-container {
    cursor: pointer;
}

.manage-hashtag-list-content .hashtag-card .hashtag-type {
    font-size: 14px;
    color: #aaa;
}

.manage-hashtag-list-content .hashtag-card .information {
    font-size: 14px;
    color: #7d7d7d;
}

.manage-hashtag-list-content .hashtag-card .description {
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.manage-hashtag-list-content .icon-card-container {
    float: left;
    clear: both;
    position: relative;
}

.manage-hashtag-list-content .hashtag-card .icon-view-container {
    text-align: center;
    vertical-align: middle;
    display: table;
    border: 1px solid #e0e2e1;
}

.manage-hashtag-list-content .hashtag-card .icon-inner-container {
    display: table-cell;
    vertical-align: middle;
}

.manage-hashtag-list-content .hashtag-card .icon {
    background: #7d7d7d;
    color: #fff;
    width: 65px;
    height: 65px;
    text-align: center;
    font-size: 30px;
}

.manage-hashtag-list-content .hashtag-card .icon.animal-group {
    font-size: 25px;
}

.manage-hashtag-list-content .hashtag-card .fa,
.manage-hashtag-list-content .hashtag-card .glyphicon {
    vertical-align: middle;
    line-height: 65px;
}

.manage-hashtag-list-content .hashtag-card .glyphicon {
    line-height: 62px;
}

.manage-hashtag-list-content .hashtag-card .fa.hashtag {
    font-weight: bold;
}

.container-hashtag-details .panel {
    box-shadow: 0 3px 5px rgba(0,0,0,0.1), 0 3px 5px rgba(0,0,0,0.16);
}

.container-hashtag-details {
    overflow: hidden;
}

@media(max-width: 991px) {
    .manage-hashtag-mentioned-content-details {
        padding-left: 0;
        padding-right: 0;
    }

    .hashtag-button-group {
        padding: 0;
    }
}

.hashtag-details-header {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 30px;
}

.hashtag-details-header .title-hashtag {
    margin-top: 4px;
}


.hashtag-details-header .title-hashtag i {
    margin-left: 5px;
}

.hashtag-details-header .title-hashtag i.fa {
    margin-right: 3px;
}

.manage-hashtag-list-content .managehashtag-mentioned-header-details .title-hashtag {
    margin-top: 5px;
    cursor: default;
    color: #333;
}

.manage-hashtag-list-content .managehashtag-mentioned-header-details .title-hashtag.hashtag {
    color: #666;
}

.manage-hashtag-list-content .managehashtag-mentioned-header-details .title-hashtag.disabled {
    color: #666;
}

.manage-hashtag-list-content .image-inner-container {
    padding: 5px;
}

.manage-hashtag-list-content .image-inner-container img {
    max-width: 100% !important;
}

.manage-hashtag-mentioned-content.manage-hashtag-content-result {
    padding-left: 17px;
    padding-right: 17px;
}

.mentioned-group-rows .file-content .row {
    margin-bottom: 0px;
    overflow: hidden;
}

@media(min-width:992px) {
    .mentioned-wrapper.expand-view .file-content,
    .manage-hashtag-mentioned-content-summary.expand-right .file-content {
        margin-right: 10px;
        width: auto;
    }

    .mentioned-group-content.file-content {
        margin-top: 5px;
    }

    .mentioned-wrapper.expand-view .row-file-content,
    .mentioned-group-rows.expand-view .row-file-content a,
    .manage-hashtag-mentioned-content-summary.expand-right .row-file-content,
    .manage-hashtag-mentioned-content-summary.expand-right row-file-content a {
        width: 85px;
    }

    .mentioned-wrapper.expand-view .note-value,
    .manage-hashtag-mentioned-content-summary.expand-right .note-value {
        margin-bottom: 0;
    }
}

@media(max-width:991px) {
    .mentioned-wrapper .row-file-content {
        display: inline-block;
    }
}

.mentioned-group-rows .row-file-content {
    position: relative;
}

.mentioned-group-rows .row-file-content a {
    display: flex;
    text-align: center;
    width: 90px;
    height: 75px;
    left: 0 !important;
}

.mentioned-group-rows .row-file-content a:before {
    display: none;
}

@media(max-width: 768px) {
    .image-thumbnail-container {
        height: 75px;
    }

    .thumbnail {
        margin-bottom: 0;
    }
}

@media(min-width: 992px) {
    .mentioned-group-rows .file-content-type .mentioned-group-content-row {
        display: flex;
        width: 100%;
    }

    .mentioned-group-rows .file-content-type .note-value {
        margin-left: 0;
    }

    .animal-inventory-filter-container .text-container #animal-search,
    .resource-category .text-container #category-search,
    .resourceorganization-category .text-container #category-search,
    .resource-organization-member-container .filter-search-text #serchText,
    .resource-organization-coalition-container .filter-search-text #serchText,
    .coalition-container .filter-search-text #searchText {
        width: 320px;
    }

    .medical-record-header-filter .search-medical #medical-search {
        width: 345px;
    }

    #filterForm .medical-record-header-filter .input-group-btn .btn .glyphicon-search,
    #filterForm .animal-inventory-filter-container .input-group-btn .btn .glyphicon-search,
    #filterForm .user-filter-container .input-group-btn .btn .glyphicon-search,
    #filterForm .business-filter-container .input-group-btn .btn .glyphicon-search {
        display: none;
    }

    #filterForm .medical-record-header-filter .input-group-btn .btn .search-label
    #filterForm .animal-inventory-filter-container .input-group-btn .btn .search-label {
        display: block;
    }
}

@media(max-width: 480px) {
    .mentioned-group-rows .note-value {
        margin-left: 15px !important;
    }
}

.mentioned-group-rows img {
    border: none;
    margin: auto;
    width: auto;
    height: auto;
}

#modal-create-medicalrecord .texteditor-outer-container .control-label {
    cursor: pointer;
    padding-bottom: 6px;
    margin-bottom: 0;
    color: #888;
    font-weight: normal;
}

#modal-create-medicalrecord .texteditor-outer-container .control-label:not(.selected):hover {
    color: #333;
}

#modal-create-medicalrecord .texteditor-outer-container .selected {
    color: #2780e3;
    font-weight: bold;
    border-bottom: 5px solid #2780e3;
}

#modal-create-medicalrecord .texteditor-outer-container .label-problem-description {
    margin-right: 15px;
}

#modal-create-medicalrecord .add-margin-top {
    margin-top: 10px;
}

#modal-create-medicalrecord .add-margin-top.texteditor-outer-container {
    margin-top: 15px;
}

#modal-create-medicalrecord .modal-body {
    padding: 0 20px 20px;
    overflow: hidden;
    overflow-y: auto;
}

#modal-create-medicalrecord .dropdown-animal-container {
    display: table;
}

#modal-create-medicalrecord .dropdown-animal-container .caret {
    margin-left: 5px;
}

#modal-create-medicalrecord .dropdown-animal-container .input-group-btn {
    vertical-align: top;
}

#modal-create-medicalrecord .dropdown-animal-container .input-group-btn #btn-animal-type {
    border-right: 0;
}

#modal-create-medicalrecord .select2-search__field {
    width: 100% !important;
}

.form-horizontal #modal-create-medicalrecord .control-label {
    text-align: right;
    margin-bottom: 5px;
    padding-top: 0;
}

#modal-create-medicalrecord .push-checkbox {
    margin-top: 15px;
}

.mention-tagging-container .prepopulate-value {
    display: none;
}

.mention-tagging-container .mention-tagging .prepopulate-value {
    border: 2px dashed #dedede;
    padding: 7px 10px;
    display: block;
}

.mention-tagging-container .prepopulate-value .content {
    opacity: 0.5;
    font-style: italic;
}

.mention-tagging-container .prepopulate-value .add-this {
    cursor: pointer;
    color: #2780e3;
    font-weight: 600;
}

.mention-tagging-container .prepopulate-value .add-this:hover {
    color: #165ba8;
    text-decoration: underline;
}

.hashtag-card .panel-body {
    padding: 10px;
}

.list-hashtags .hashtagname :after {
    margin-left: 10px;
}

.reset-filter-container,
.remember-filter-container {
    position: absolute;
    display: none;
    z-index: 1002;
    -webkit-box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.175);
    box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.175);
}

.reset-filter-container .reset-filter,
.remember-filter-container .remember-filter,
.remember-filter-container .reset-filter {
    font-size: 16px;
    background: #fff;
    border: 1px solid #c4c4c4;
    color: #777;
    width: 35px;
    height: 35px;
    cursor: pointer;
}

.remember-filter-container .reset-filter {
    border-top: none;
}

.remember-filter-container .remember-filter.loading {
    cursor: not-allowed;
}

.open > .dropdown-menu,
.open > .reset-filter-container,
.open > .remember-filter-container {
    display: block;
}

.reset-filter-container .reset-filter i,
.remember-filter-container .remember-filter .remember-filter-icon,
.remember-filter-container .reset-filter i {
    display: block;
    text-align: center;
    transition: transform ease-in .2s;
    padding: 8px 0;
}

.reset-filter-container .reset-filter:hover,
.remember-filter-container .remember-filter:hover,
.remember-filter-container .reset-filter:hover {
    color: #777;
    background: #ececec;
}

.remember-filter-container.sticky .remember-filter {
    color: #fff;
    background: #3db1a5;
    border-color: #3db1a5;
}

.remember-filter-container.sticky .remember-filter:hover {
    background: #2c887e;
}

.filter-changed .remember-filter-container.sticky .remember-filter:before {
    content: '*';
    position: absolute;
    font-weight: bold;
    right: 4px;
    top: -1px;
}

.filter-saved:not(.show-other-filter) .custom-dropdown-filter {
    border-left-width: 4px;
    border-left-color: #3db1a5;
}

.filter-changed:not(.show-other-filter) .custom-dropdown-filter {
    border-left-width: 4px;
    border-left-color: #ff7518;
}

.filter-changed .remember-filter-container.sticky .remember-filter {
    background: #ff7518;
    border-color: #ff7518;
}




.wrapper-refine-search .form-refine {
    display: inline-block;
}

.wrapper-refine-search .container-refine-search {
    width: 100%;
    display: inline-block;
    padding-top: 15px;
    margin-top: 10px;
    border-top: 1px solid #ddd;
}

.wrapper-refine-search .container-refine-search .form-refine {
    margin-bottom: 10px;
}

.wrapper-refine-search .attachment-row.attachment-entity {
    margin-left: 15px;
}

.wrapper-refine-search .checkbox {
    left: 20px;
}

.select2-results__option:empty {
    display: none !important;
}

.search-wrapper-hashtag.headroom--not-top a.refine-search {
    margin-top: -10px;
}

@media(max-width: 767px) {
    .search-wrapper-hashtag span.refine-search .fa-angle-down,
    .search-wrapper-hashtag span.refine-search span {
        display: none;
    }

    .search-wrapper-hashtag,
    .wrapper-refine-search .form-refine {
        padding: 0;
    }

    .animal-index .wrapper-refine-search .form-refine {
        padding: 0 15px;
    }

    .animal-index .wrapper-refine-search .form-refine .valign-middle {
        display: block;
    }

    .animal-index .wrapper-refine-search .form-refine .col-xs-12:not(:last-child) {
        margin-bottom: 15px;
    }
}

@media(min-width: 768px) {
    .search-wrapper-hashtag span.refine-search .fa-angle-down {
        position: relative;
        top: 2px;
    }

    .wrapper-refine-search .category-row label {
        padding-top: 10px;
    }
}

.search-wrapper-hashtag span.refine-search,
.medical-record-header-filter .refine-search-medical,
.animal-inventory-filter-container .refine-search-animal,
.business-filter-container .refine-search-business,
.member-filter-container .refine-search-member,
.filter-resource .refine-search-resource {
    font-size: 15px;
    margin-bottom: 15px;
}

.search-wrapper-hashtag a.col-btn-refine:hover,
.search-wrapper-hashtag a.col-btn-refine:focus,
.search-medical .col-btn-medical:focus,
.search-medical .col-btn-medical:hover,
.animal-inventory-filter-container .col-btn-animal:hover,
.animal-inventory-filter-container .col-btn-animal:focus,
.business-filter-container .col-btn-business:hover,
.business-filter-container .col-btn-business:focus,
.member-filter-container .btn-refine:hover,
.member-filter-container .btn-refine:focus,
.filter-resource .btn-refine:hover,
.filter-resource .btn-refine:focus,
#addResourceModal .btn-refine:hover,
#addResourceModal .btn-refine:focus {
    text-decoration: none;
}

.search-wrapper-hashtag .col-btn-refine {
    display: inline-block;
    padding: 9px 12px 7px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: pointer;
}

.search-wrapper-hashtag .col-btn-refine.filtered,
.search-medical .col-btn-medical.filtered,
.resource-checkout-timeline-container .action-container .btn-filter.filtered {
    background: #fafad2 !important;
}

.resource-checkout-timeline-container .action-container .btn-filter.filtered {
    color: #333 !important;
}

.search-wrapper-hashtag .col-btn-refine.active,
.search-medical .col-btn-medical.active,
.animal-inventory-filter-container .col-btn-animal.active {
    background: #f4f4f4;
}

.search-wrapper-hashtag .col-btn-refine span.refine-search {
    color: #333;
}

.search-wrapper-hashtag .col-btn-refine span.caret {
    margin-right: 4px;
}

.wrapper-refine-search {
    display: none;
    width: 100%;
    float: left;
    position: relative;
    padding: 15px 0;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
}

.box-refine-search.active {
    margin-bottom: 10px;
}

.box-refine-search.active:before {
    content: " ";
    position: absolute;
    top: -15px;
    border-top: none;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    border-bottom: 15px solid #ddd;
}

.box-refine-search.active:after {
    content: " ";
    position: absolute;
    top: -14px;
    border-top: none;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #f4f4f4;
}

.wrapper-refine-search .category-row.selected {
    margin-bottom: 10px;
    padding-right: 0px;
}

.wrapper-refine-search .input-group {
    padding: 0 !important;
}

@media(min-width: 768px) and (max-width: 990px) {
    .search-wrapper-hashtag .box-refine-search.active:after {
        right: 50px;
    }

    .search-wrapper-hashtag .box-refine-search.active:before {
        right: 49px;
    }
}

@media(min-width: 991px) {
    .search-wrapper-hashtag .box-refine-search.active:after {
        right: 70px;
    }

    .search-wrapper-hashtag .box-refine-search.active:before {
        right: 69px;
    }
}

@media (max-width: 375px) {
    .box-refine-search.active:after {
        right: 60px;
    }

    .box-refine-search.active:before {
        right: 59px;
    }
}

@media (min-width: 376px) and (max-width: 767px) {
    .box-refine-search.active:after {
        right: 60px;
    }

    .box-refine-search.active:before {
        right: 59px;
    }
}

.search-wrapper-hashtag.headroom--not-top .attachment-row .bootstrap-switch {
    margin-top: 1px;
}

.search-wrapper-hashtag.expand-search {
    margin-bottom: 45px;
}

.search-wrapper-hashtag.headroom--not-top .box-refine-search.active {
    padding-bottom: 15px;
    margin-top: 7px;
}

.manage-hashtag-mentioned-content-summary {
    margin-top: 15px;
}

.manage-hashtag-mentioned-content-summary .filter-date-range-container {
    width: 105px;
    margin-left: auto;
    position: relative;
}

.manage-hashtag-mentioned-content-summary .filter-date-range-container a.filter-date-range {
    display: flex;
    align-items: center;
    justify-content: end;
    font-weight: 600;
}

.manage-hashtag-mentioned-content-summary .filter-date-range-container span.caret {
    margin-left: 5px;
}

.manage-hashtag-mentioned-content-summary .filter-date-range-container .dropdown-menu {
    right: 0;
    left: auto;
}

@media(min-width: 991px) {
    .manage-hashtag-mentioned-content-summary .no-hashtag-found {
        margin-left: 15px;
    }
}

.wrapper-refine-search .input-group {
    margin-bottom: 0px !important;
}

.wrapper-refine-search input.select2-search__field::-webkit-input-placeholder {
    color: #999;
    font-size: 16px;
}

.wrapper-refine-search input.select2-search__field::-moz-placeholder {
    color: #999;
    font-size: 16px;
}

.wrapper-refine-search .button-row {
    padding-top: 10px;
    padding-left: 0px;
}

.manage-hashtag-mentioned-content-search .managehashtag-mentioned-header-details.expand {
    margin-top: 10px;
}

.wrapper-refine-search .animal-row option.all:after {
    content: " ";
    height: 5px;
    width: 5px;
    border-radius: 5px;
    display: inline-block;
}

@media(min-width: 992px) {
    .manage-hashtag-mentioned-content-summary.expand-right .mentioned-audit-fields .mentioned-created,
    .manage-hashtag-mentioned-content-summary.expand-right .mentioned-audit-fields .mentioned-updated,
    .manage-hashtag-mentioned-content-summary.refine-search .mentioned-audit-fields .mentioned-created,
    .manage-hashtag-mentioned-content-summary.refine-search .mentioned-audit-fields .mentioned-updated,
    .manage-hashtag-mentioned-content-summary[subscription-exists="true"] .mentioned-audit-fields .mentioned-created,
    .manage-hashtag-mentioned-content-summary[subscription-exists="true"] .mentioned-audit-fields .mentioned-updated {
        display: inline-block;
    }

    .wrapper-refine-search .attachment-row,
    .wrapper-refine-search .attachment-row:not(.attachment-entity) label,
    .wrapper-refine-search .attachment-row:not(.attachment-entity) .select-attachment-row {
        padding-left: 0px;
    }


    .wrapper-refine-search .section-row .select-row.task-selected {
        padding-right: 30px;
    }
}

@media(max-width: 767px) {
    .wrapper-refine-search .button-row {
        padding-right: 15px;
        text-align: right;
        padding-top: 0px;
    }

    .manage-hashtag-mentioned-content-search {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .wrapper-refine-search .treatment-row {
        padding: 0px;
    }
}

@media(min-width: 480px) {
    .manage-hashtag-list-content .mentioned-audit-fields .mentioned-updated:before,
    .manage-hashtag-mentioned-content-summary:not(.expand-right, .refine-search) .mentioned-audit-fields .mentioned-updated:before {
        content: none !important;
        margin: 0 !important;
    }

    .mentioned-wrapper .mentioned-audit-fields .mentioned-updated:before {
        content: '|';
        color: #ccc;
        margin-left: 5px;
        margin-right: 5px;
        font-size: 13px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .wrapper-refine-search .form-refine,
    .wrapper-refine-search .category-row.selected {
        padding-right: 15px;
    }

    .wrapper-refine-search {
        padding-top: 20px;
    }

    .wrapper-refine-search .button-row {
        float: right;
        text-align: right;
        padding-right: 15px;
        padding-top: 0px;
    }

    .wrapper-refine-search .button-row a {
        padding-right: 15px;
    }

    .search-wrapper-hashtag .box-refine-search,
    .manage-hashtag-mentioned-content-search .mentioned-content {
        padding: 0;
    }

    .search-wrapper-hashtag .input-group {
        padding-left: 0px;
        padding-right: 0px;
    }

    .mentioned-wrapper.file-content-type .mentioned-group-content.note-value,
    .wrapper-refine-search .treatment-row {
        padding-right: 0px;
    }
}

@media(min-width:991px) {
    .wrapper-section-employee .panel-body {
        overflow-y: auto;
        padding: 0;
    }

    .wrapper-section-employee .employee-list {
        height: 100%;
    }

    .containerGlobalNotification .Typeahead-spinner {
        top: 0;
        right: 60px;
    }

    #notificationWrapper .dropdownHashTagNotification .Typeahead-spinner {
        top: 10px !important;
    }
}

@media(max-width:990px) {
    .containerGlobalNotification .Typeahead-spinner {
        display: none;
    }

    .containerGlobalNotification .dropdownHashTagNotification .Typeahead-spinner {
        display: block;
    }

    #notificationWrapper .dropdownHashTagNotification .Typeahead-spinner {
        top: 50% !important;
    }
}


@media(max-width: 767px) {
    #medicalrecord-animaltype .select-animal-type,
    #animalgroupmodal .select-animal-section {
        display: inline-block;
        width: 100%;
    }
}

@media(min-width: 321px) {
    #dropdown-animal-type-container .input-group-buttons,
    #animalgroupmodal .input-group-buttons {
        display: table;
    }

    #dropdown-animal-type-container .disposition-group-btn,
    #dropdown-animal-type-container .select-animal-container,
    #animalgroupmodal .disposition-group-btn,
    #animalgroupmodal .select-animal-container {
        display: table-cell;
    }

    .search-wrapper button.reset-textbox {
        right: 55px;
    }

    li[data-group="task-search"] .search-wrapper button.reset-textbox {
        right: 20px !important;
    }
}

@media(max-width: 320px) {
    #dropdown-animal-type-container .disposition-group-btn,
    #dropdown-animal-type-container .select-animal-container,
    #animalgroupmodal .disposition-group-btn,
    #animalgroupmodal .select-animal-container {
        display: inline;
    }

    .search-wrapper button.reset-textbox {
        right: 40px;
    }
}

@media(max-width: 500px) {
    #modal-create-medicalrecord .dropdown-animal-container .input-group-btn {
        width: 100%;
        display: block;
    }

    #modal-create-medicalrecord .dropdown-animal-container .input-group-btn #btn-animal-type {
        border: 1px solid #ccc;
    }

    #dropdown-animal-type-container .input-group-buttons {
        display: block;
    }

    #dropdown-animal-type-container .disposition-group-btn .btn-disposition {
        border-top: 0;
        border-bottom: 0;
    }
}

.device-ie .fullscreen-view .search-wrapper button.reset-textbox,
.device-ie-edge .fullscreen-view .search-wrapper button.reset-textbox,
.device-firefox .fullscreen-view .search-wrapper button.reset-textbox {
    top: 5px;
}

.search-wrapper button.reset-textbox {
    color: #aaa;
    font-size: 15px;
    top: 18px;
}

.sort-all-custom-list {
    font-size: 15px;
    float: right;
    margin-top: 10px;
    font-weight: 600;
}

.sort-all-custom-list > a > i.fa {
    margin-right: 3px;
}

.custom-list .header-panel h4 {
    margin: 0;
    text-transform: none;
    font-weight: 500;
}

.custom-list .header-panel > a {
    margin-left: auto;
}

@media(max-width: 400px) {
    .sort-custom-list {
        float: none;
        display: block;
    }
}

.tabbable.checklist .panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tabbable.checklist .panel .tab-content,
.tabbable.checklist .panel .panel-body {
    padding: 0px;
}

.tabbable.checklist .checklist-item {
    padding-top: 0px;
}

.tabbable.checklist .checklist-item a.remove {
    color: #666;
    margin-left: -10px;
}

.tabbable.checklist .checklist-item .remove-container {
    margin-right: 3px;
}

#notificationWrapper .row_notification.row-hide {
    opacity: 0;
    display: none;
    -webkit-transition: opacity 750ms ease-out;
    -moz-transition: opacity 750ms ease-out;
    -o-transition: opacity 750ms ease-out;
    -ms-transition: opacity 750ms ease-out;
    transition: opacity 750ms ease-out;
}

#notificationWrapper .row_notification.highlight {
    opacity: 1;
    display: block;
    background-color: khaki !important;
    transition-delay: .1s;
    transition-duration: .2s;
    transition-timing-function: ease-out;
}

@media(min-width: 768px) {
    .header-notification .enabled-notification {
        margin-top: 28px;
    }

    .header-notification .enabled-notification {
        text-align: right;
    }
}

@media(max-width: 767px) {
    .header-notification .enabled-notification {
        margin-top: 15px;
    }
}

.task-reminder .occurence-field {
    width: 95px;
}

.task-reminder .occurence-drop-down {
    width: 95px;
}

@media(max-width: 350px) {
    .task-reminder .occurence-field {
        width: 83px;
        padding-left: 5px;
    }

    .task-reminder .occurence-drop-down {
        width: 85px;
    }
}

.medical-record-header-filter {
    float: left;
}

.medical-record-header-filter .search-medical,
.animal-inventory-filter-container .search-group,
.animal-inventory-filter-container .submit-search,
.business-filter-container .search-group,
.business-filter-container button.btn-default,
.member-filter-container button.btn-default {
    vertical-align: top !important;
}

.siteadmin-index .form-notifcation {
    padding-top: 0 !important;
}

.siteadmin-index .form-group .grey-messagebox {
    display: inline-block;
}

.siteadmin-index .daily-summary-range {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding-bottom: 15px;
    padding-top: 15px;
}

.siteadmin-index .daily-summary-range {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding-bottom: 15px;
    padding-top: 15px;
}


.siteadmin-index .daily-summary-range .data-range-info {
    display: inline-block;
    margin-top: 5px;
}

.siteadmin-index .daily-summary-time {
    margin-bottom: 0 !important;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding-top: 15px;
}


.siteadmin-index .daily-summary-range .data-range-info {
    display: inline-block;
    margin-top: 5px;
}

.header-notification span.label-enabled-notification {
    margin-right: 5px;
    font-weight: bold;
}

.header-notification span.label-enabled-notification span {
    color: #666;
}

.medical-record-header-filter #medicalRecordFilter option,
.medical-record-header-filter .medicalTreatmentFilter option {
    color: #333 !important;
}

#notificationWrapper .container_notificationSubscription {
    display: inline;
    float: left;
    width: 100%;
}

.multipleStickyWrap {
    display: inline;
}

.multipleStickyWrap .welfare-header {
    display: flex;
}


@media(min-width: 768px) {
    #default-view .list-group.sticky-header {
        position: -webkit-sticky;
        position: sticky;
        top: 49px;
        z-index: 10;
    }

    .siteadmin-index .daily-summary-range select {
        width: 48% !important;
    }
}


.multipleStickyWrap .stickies.fixed {
    position: -webkit-sticky;
    position: sticky;
    top: 49px;
    z-index: 10;
}

.device-ie #default-view .sticky-header {
    position: static;
}

.timeline-content .timeline-content-wrapper {
    display: grid;
    margin-left: 20px;
    margin-bottom: 40px;
}

.warning-gracePeriod .multipleStickyWrap .stickies.fixed {
    top: 78px;
}

.multipleStickyWrap .stickies.absolute {
    position: absolute;
}

@media(min-width: 768px) {
    #default-view .daily-report-wrapper-container .sticky-header {
        z-index: 50;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .device-ie #notificationWrapper .multipleStickyWrap .stickies.fixed {
        width: 720px !important;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    .device-ie #notificationWrapper .multipleStickyWrap .stickies.fixed {
        width: 940px !important;
    }
}

@media (min-width: 1200px) {
    .device-ie #notificationWrapper .multipleStickyWrap .stickies.fixed {
        width: 1140px !important;
    }
}

.header-notification .enabled-notification .wrapperBootstrapSwitch {
    display: inline;
}

.medical-record-header-filter .search-medical .reset-textbox,
.animal-inventory-filter-container .input-group .reset-textbox,
.animal-inventory-filter-container .search-group .reset-textbox,
.medical-record-header-filter .search-group .reset-textbox,
.user-filter-container .search-group .reset-textbox,
.business-filter-container .search-group .reset-textbox,
.resource-field a.reset-textbox,
.resource-category .search-group .reset-textbox,
.resourceorganization-category .search-group .reset-textbox,
.resource-organization-member-container .filter-search-text .reset-textbox,
.resource-organization-coalition-container .filter-search-text .reset-textbox,
.coalition-container .filter-search-text .reset-textbox,
#addResourceModal.resource-checkout a.reset-textbox,
.resource-checkout-timeline-container a.reset-textbox,
#report-form .filter-date-container a.reset-textbox {
    margin-left: -15px;
    color: #aaa;
    font-size: 15px;
    top: 13px;
    position: relative;
    display: inline-block;
}

#calculated-measurement-tab .search-filter a.reset-textbox,
#measurement-template-container .measurement-template .search-filter a.reset-textbox,
#measurement-tab .search-filter a.reset-textbox,
.sidebar-sections-list .search-filter a.reset-textbox,
#animalgroup-tab .search-filter a.reset-textbox {
    color: #aaa;
    font-size: 15px;
    top: 12px;
}


.sidebar-sections-list .search-filter a.reset-textbox,
.sidebar-sections-list.on-search .search-filter .fa-search {
    display: none;
}

.sidebar-sections-list.on-search .search-filter a.reset-textbox {
    display: block;
}

.resource-checkout-timeline-container .title-container > .back {
    font-size: 22px;
    margin-top: 10px;
    margin-right: 10px;
}

.medical-record-header-filter .search-group .reset-textbox,
.animal-inventory-filter-container .search-group .reset-textbox,
.business-filter-container .search-group .reset-textbox,
.user-filter-container .search-group .reset-textbox,
.resource-category .search-group .reset-textbox,
.resource-field a.reset-textbox,
.resourceorganization-category .search-group .reset-textbox,
.resource-organization-member-container .search-filter-container .reset-textbox,
.resource-organization-coalition-container .search-filter-container .reset-textbox,
.coalition-container .search-filter-container .reset-textbox,
#addResourceModal.resource-checkout a.reset-textbox,
.resource-checkout-timeline-container a.reset-textbox,
#resourceCheckoutSingle .checkout-period-container .filter-date-container a.reset-textbox,
#receiving-resource-checkout .filter-date-container a.reset-textbox,
#resourceCheckoutSingle .pickup-by-container a.reset-textbox,
#measurement-tab .search-filter a.reset-textbox,
#calculated-measurement-tab .search-filter a.reset-textbox,
#measurement-template-container .measurement-template .search-filter a.reset-textbox,
#animalgroup-tab .search-filter a.reset-textbox {
    position: absolute;
}


#addResourceModal.resource-checkout .pickup-by-container,
#resourceCheckoutSingle .pickup-by-container,
#receiving-resource-checkout .filter-date-container {
    position: relative;
}

#receiving-resource-checkout .filter-date-container a.reset-textbox,
.resource-checkout-timeline-container .return-detail-container a.reset-textbox {
    right: 24px !important;
}


#addResourceModal.resource-checkout .pickup-by-container a.reset-textbox,
#resourceCheckoutSingle .pickup-by-container a.reset-textbox,
#resourceCheckoutSingle .checkout-period-container .filter-date-container a.reset-textbox,
#receiving-resource-checkout .filter-date-container a.reset-textbox {
    color: #aaa;
    font-size: 15px;
    top: 12px;
}

#resourceCheckoutSingle .checkout-period-container .filter-date-container a.reset-textbox {
    right: 10px;
}

#receiving-resource-checkout .filter-date-container a.reset-textbox {
    right: 15px;
}

#addResourceModal.resource-checkout .pickup-by-container a.reset-textbox,
#resourceCheckoutSingle .pickup-by-container a.reset-textbox {
    right: 30px;
}

#addResourceModal.resource-checkout .pickup-by-container > input[type="text"],
#resourceCheckoutSingle .pickup-by-container > input[type="text"] {
    padding-right: 35px;
}

.medical-record-header-filter .search-medical .reset-textbox {
    top: 11px !important;
}

.medical-record-header-filter .box-refine-search {
    padding: 0;
    padding-top: 12px;
}

.medical-record-header-filter .wrapper-refine-search .medicalTreatmentFilter,
.medical-record-header-filter .wrapper-refine-search .medicalTreatmentType,
.medical-record-header-filter .wrapper-refine-search .customValueId {
    width: 100% !important;
}

.medical-record-header-filter .col-btn-medical,
.animal-inventory-filter-container .col-btn-animal,
.business-filter-container .col-btn-business,
.member-filter-container .btn-refine,
.filter-resource .btn-refine {
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #ccc;
    margin: 0 0 0 -1px;
}

.medical-record-header-filter .col-btn-medical .glyphicon-filter,
.animal-inventory-filter-container .col-btn-animal .glyphicon-filter,
.business-filter-container .col-btn-business .glyphicon-filter,
.member-filter-container .btn-refine .glyphicon-filter,
.filter-resource .btn-refine .glyphicon-filter {
    color: #333;
}

.medical-record-header-filter .col-btn-medical .caret,
.animal-inventory-filter-container .col-btn-animal .caret,
.business-filter-container .col-btn-business .caret,
.member-filter-container .btn-refine .caret,
.filter-resource .btn-refine .caret {
    color: #ccc;
}

.medical-record-header-filter {
    width: 100%;
}

.medical-record-header-filter .col-btn-medical.active:before,
.animal-inventory-filter-container .col-btn-animal.active:before,
.business-filter-container .col-btn-business.active:before,
.member-filter-container .btn-refine.active:before,
.filter-resource .btn-refine.active:before {
    content: " ";
    position: absolute;
    bottom: -20px;
    border-top: none;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    border-bottom: 15px solid #ddd;
}

@media(max-width: 770px) {
    .medical-record-header {
        padding: 10px;
    }

    .medical-record-header-filter .custom-value-item-row {
        padding-top: 5px;
    }

    .medical-record-header-filter .animal-group-filter,
    .medical-record-header-filter .section-filter,
    .medical-record-header-filter .animal-filter {
        padding-bottom: 5px;
    }
}

@media(min-width: 768spx) and (max-width: 990px) {
    .medical-record-header-filter .search-medical .responsive {
        width: 425px !important;
    }
}

.medical-record-header-filter .col-btn-medical.active:after,
.animal-inventory-filter-container .col-btn-animal.active:after,
.business-filter-container .col-btn-business.active:after,
.member-filter-container .btn-refine.active:after,
.filter-resource .btn-refine.active:after {
    content: " ";
    position: absolute;
    bottom: -21px;
    border-top: none;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #f4f4f4;
    z-index: 1;
    left: 11px;
}

.break-flex {
    flex-basis: 100%;
    height: 0;
}

@media(min-width:1200px) {
    .animal-inventory-filter-container .box-animal-search {
        top: -7px;
    }

    .animal-inventory-filter-container .col-btn-animal.active:after {
        bottom: -11px !important;
    }

    .animal-inventory-filter-container .col-btn-animal.active:before {
        bottom: -10px !important;
    }
}

.medical-record-header-filter .box-medical-search,
.animal-inventory-filter-container .box-animal-search,
.business-filter-container .box-business-search {
    padding: 15px 0;
    display: none;
}

.medical-record-header-filter .wrapper-refine-search,
.box-animal-search .wrapper-refine-search,
.business-filter-container .box-business-search .wrapper-refine-search {
    display: block;
}

.medical-record-header-filter #medicalRecordFilter.select,
.medical-record-header-filter .medicalTreatmentFilter.select {
    color: #333 !important;
}

.medical-record-header-filter .medicalRecordFilter.default,
.medical-record-header-filter .medicalTreatmentFilter.default {
    color: darkgray !important;
}

.medical-record-header-filter .refine-search-medical .arrow {
    right: 80px;
    margin-top: -9px;
    display: inline-block;
    margin-right: -9px;
    margin-left: 7px;
    vertical-align: middle !important;
    border-top: 4px dashed;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

#UserProfilePictureModal a.add-new {
    display: inline-block;
    border-radius: 60px;
    border: 2px solid #2780e3;
    padding: 8px 10px;
    color: #2780e3;
    position: relative;
    float: left;
    top: 49%;
    left: 50%;
    font-size: 19px;
    transform: translate(-50%, -65%);
}

#UserProfilePictureModal a.add-new:focus,
#UserProfilePictureModal a.add-new:active,
#UserProfilePictureModal a.add-new:hover {
    text-decoration: none;
}

#UserProfilePictureModal .input-file-add-new {
    display: none;
}

#UserProfilePictureModal .mode-modal {
    display: none;
}

#UserProfilePictureModal .mode-modal.active {
    display: block;
}

.user-add .image-inner-container a,
.user-edit .image-inner-container a,
.user-userprofile .image-inner-container a {
    position: relative;
    height: 83px;
    width: 83px;
    margin-bottom: 2px;
    margin-right: 0px;
    border: 1px solid #ccc;
    padding: 3px;
}

.user-add .change-picture,
.user-edit .change-picture,
.user-userprofile .change-picture {
    font-size: 12px;
}

.user-edit .upload-image-row .image-view-container,
.user-add .upload-image-row .image-view-container,
.user-userprofile .upload-image-row .image-view-container {
    display: table-cell;
}

#UserProfilePictureModal .image-editor-mode .spinner-upload {
    position: absolute;
    right: 28px;
    width: 22px;
    height: 22px;
    opacity: 0.4;
    z-index: 5;
    bottom: 30px;
}

#UserProfilePictureModal .image-editor-mode .btn.save .spinner-upload,
#UserProfilePictureModal .box-avatar i {
    display: none;
}

#UserProfilePictureModal .image-editor-mode .btn.save.saving {
    padding-right: 35px;
}

#UserProfilePictureModal .image-editor-mode .btn.save.saving .spinner-upload {
    display: block;
}

#UserProfilePictureModal .image-editor-mode .btn.change-other-picture {
    float: left;
}

#UserProfilePictureModal .choose-avatar-mode .box-avatar {
    padding-top: 5px;
    padding-bottom: 5px;
    padding: 0;
}

#UserProfilePictureModal .container-add-picture,
#UserProfilePictureModal .box-avatar a {
    margin: 0;
    position: relative;
    display: block;
}

#UserProfilePictureModal .choose-avatar-mode .box-avatar,
#UserProfilePictureModal .choose-avatar-mode .box-add-picture {
    margin-bottom: 7px;
    height: 85px;
}

@media(max-width:375px) {
    #UserProfilePictureModal .choose-avatar-mode .box-avatar,
    #UserProfilePictureModal .choose-avatar-mode .box-add-picture {
        width: 50% !important;
        left: 7%;
    }

    #UserProfilePictureModal .wrapper-avatar {
        height: 250px;
        overflow-y: auto;
    }

    #UserProfilePictureModal .image-editor-mode .modal-footer {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #UserProfilePictureModal .image-editor-mode button {
        width: 100%;
        margin-bottom: 5px;
        margin-left: 0;
    }

    #UserProfilePictureModal .image-editor-mode button.cancel.desktop-cancel {
        display: none;
    }

    #UserProfilePictureModal .container-tools {
        margin-top: 10px;
    }

    #UserProfilePictureModal .modal-body {
        padding-bottom: 10px;
    }

    #UserProfilePictureModal .container-tools label {
        font-size: 14px;
    }

    #UserProfilePictureModal .container-tools button span {
        font-size: 12px;
        padding: 5px 12px;
    }

    #UserProfilePictureModal .container-tools .btn-group {
        margin-right: 10px;
    }
}

@media(min-width: 376px) {
    #UserProfilePictureModal .wrapper-avatar {
        height: 430px;
        overflow-y: auto;
        padding-top: 5px;
    }

    #UserProfilePictureModal .container-tools .btn-group {
        margin-right: 15px;
    }

    #UserProfilePictureModal .container-tools {
        margin-top: 15px;
        text-align: center;
    }

    #UserProfilePictureModal .image-editor-mode button.cancel.mobile-cancel {
        display: none;
    }

    #UserProfilePictureModal .container-tools button span {
        font-size: 18px;
        padding: 5px 15px;
    }

    .animal-view .merge-split-information .reason-title {
        width: 60px;
        float: left;
    }

    .animal-view .reason-detail {
        width: calc(100% - 60px);
        float: left;
    }
}

@media(min-width: 480px) and (max-width: 55px) {
    #UserProfilePictureModal .container-add-picture,
    #UserProfilePictureModal .box-avatar a {
        width: 70px !important;
        height: 70px !important;
    }
}

@media(max-width: 429px) {
    #UserChangeTypeModal .modal-footer button {
        width: 100%;
        margin-bottom: 5px;
        margin-left: 0;
    }
}


#UserProfilePictureModal .box-avatar.selected a {
    border: 2px solid #00cc00;
}

#UserProfilePictureModal .box-add-picture {
    padding: 0;
}

#UserProfilePictureModal .box-avatar.selected i {
    position: absolute;
    color: #00cc00;
    font-size: 21px;
    display: block;
    top: -10px;
    right: -10px;
}

#UserProfilePictureModal .box-avatar.selected i:before {
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: 0;
    padding: 2px 0 0 3px;
}

#UserProfilePictureModal .container-add-picture,
#UserProfilePictureModal .box-avatar a {
    width: 80px;
    height: 80px;
}

#UserProfilePictureModal .container-tools button {
    padding-left: 12px;
    padding-right: 12px;
}

#UserProfilePictureModal .container-tools .button-left {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-right: 1px solid #fff;
}

#UserProfilePictureModal .container-tools .button-right {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-left: 1px solid #fff;
}

#UserProfilePictureModal .container-tools button span {
    display: block;
    margin: -8px -12px;
    font-weight: normal !important;
}

#UserProfilePictureModal .container-tools .btn-group {
    display: inline-flex;
}

/*#default-view .template-view-detail {
    float: unset;
    padding-right: 0;
}*/

.user-index img.user-image {
    border-radius: 50%;
    width: 35px;
    height: 35px;
}

.user-index table tbody td {
    vertical-align: middle;
}

#UserProfilePictureModal .modal-header,
#UserProfilePictureModal .image-editor-mode img {
    width: 100%;
}

#UserProfilePictureModal .container-tools label {
    margin-top: 5px;
    margin-right: 8px;
    font-weight: normal !important;
}

.user-add .upload-image-row img,
.user-edit .upload-image-row img,
.user-userprofile .upload-image-row img,
#UserProfilePictureModal .box-avatar img {
    height: auto;
    width: 100%;
    margin: auto;
}

#UserProfilePictureModal .box-avatar img {
    position: absolute;
    padding: 2px;
}

#UserProfilePictureModal .container-add-picture span {
    position: absolute;
    bottom: 7px;
    left: 2px;
    font-size: 11px;
    font-weight: 500;
    white-space: pre;
    color: #2780e3;
}

.animal-inventory-filter-container .btn {
    padding-left: 30px;
    padding-right: 30px;
}

.reset-textbox:hover,
.reset-textbox:focus {
    text-decoration: none;
    color: #666 !important;
    outline: none !important;
}

.nav-name .dropdown-user {
    width: 100%;
    padding: 10px 5px 10px 10px;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    margin-bottom: 5px;
}

.nav-name .container-image {
    text-align: center;
    padding: 0;
    display: inline-block;
    width: 60px;
    vertical-align: top;
}

.nav-name .container-user-detail {
    padding-left: 8px;
    padding-right: 10px;
    display: inline-block;
    width: calc(100% - 65px);
    vertical-align: top;
}

@media(min-width: 768px) {
    .nav-name img.user-image {
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: block;
        margin: auto;
    }

    .nav-name li:not(.dropdown-user) a {
        padding: 5px 15px !important;
    }

    .nav-name .dropdown-menu {
        width: auto;
        max-width: 300px;
        min-width: 260px;
    }

    .nav-name .dropdown-toggle img {
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }

    .nav-name .dropdown-toggle img,
    .nav-name span.nav-username {
        display: inline-block;
    }

    .user-details .section-users .row-header {
        background-color: #fff;
    }

    .user-details .section-users.scroll .row-header {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: -5px;
        z-index: 2;
        -webkit-box-shadow: 0 8px 6px -6px #999;
        -moz-box-shadow: 0 8px 6px -6px #999;
        box-shadow: 0 8px 6px -6px #999;
    }
}

@media(max-width: 767px) {
    .nav-name img {
        border-radius: 50%;
        width: 25px;
        height: 25px;
    }

    .nav-name .link-image,
    .nav-name .dropdown-toggle {
        display: inline-block;
    }

    .nav-name .dropdown-toggle {
        width: calc(100% - 40px);
    }

    .user-details .section-users .section-name {
        margin-bottom: 10px;
    }
}

.nav-name .container-image a.change {
    font-size: 12px;
}

.device-ie .container-user-detail p {
    width: 100%;
    table-layout: fixed;
}

.nav-name .container-user-detail p {
    margin-bottom: 0px;
    word-break: break-word;
    white-space: initial;
}

.nav-name .container-user-detail p.name {
    font-weight: bold;
    font-size: 16px;
    color: #333;
}

.nav-name .container-user-detail p.email {
    color: #aaa;
    line-height: 13px;
    word-break: break-all !important;
}

.nav-name .container-user-detail p.role {
    font-weight: 600;
    color: #666;
    margin-bottom: 5px;
}

.nav-name .container-user-detail p.email,
.nav-name .container-user-detail p.role {
    font-size: 13px;
}

.nav-name .dropdown-logout {
    border-top: 1px solid #ccc;
    padding-top: 2px;
    margin-top: 5px;
}

.user-details .container-user-picture {
    padding-left: 8px;
    padding-top: 10px;
}

.user-details .container-user-picture img {
    width: 150px;
    border-radius: 50%;
}

.user-details .section-users {
    max-height: 500px;
    overflow-y: auto;
}


.navbar-default .navbar-nav > .open > a.link-image {
    background-color: #222;
}

.animal-index .animalInventoryFilter,
.animal-index .disposition {
    vertical-align: top;
    padding-top: 9px;
}

.grid-hierarchy .grid-hierarchy-node.inactive-section {
    color: #aaa;
}

.grid-hierarchy .grid-hierarchy-node.inactive-section span.label.section-tag-dailyreport,
.section-layout .content-container.inactive-section span.label.section-tag-dailyreport {
    background-color: #bebebe !important;
    font-size: 8.25px;
    margin-top: 3px;
    margin-left: 5px;
    color: #FFFFFF;
}

.grid-hierarchy .grid-hierarchy-node.inactive-section .hashtag-title {
    display: none;
}

.mentionTaggingContent .container-disposition {
    line-height: 1em;
}

.mentionTaggingContent label.disposition,
.dropdown-animal-name p.disposition label,
.list-animal-details .disposition label {
    font-size: 10px;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

.list-animal-details .disposition {
    line-height: 1em;
}

.list-animal-details .disposition label {
    margin-bottom: 0;
}

.identifier-container .dropdown-menu i {
    display: none;
}

.identifier-container .dropdown-menu {
    margin-left: 6px;
    padding: 0;
    width: 280px;
    right: -50px;
    left: auto;
}

.input-identifier-container.open.error .dropdown-menu {
    top: 44px;
}

.identifier-container .dropdown-menu.duplicate i {
    display: table-cell;
    vertical-align: middle;
}

.identifier-container .dropdown-menu.duplicate .info {
    display: table-cell;
    padding-left: 10px;
}

.identifier-container .dropdown-menu .header-identifier-dropdown,
.name-container .dropdown-animal-name .header-animal-dropdown {
    padding: 5px 20px;
    background-color: #eee;
    font-weight: 600;
}

.identifier-container ul.list-identifier,
.name-container ul.list-animal {
    overflow-y: auto;
    overflow-x: hidden;
    list-style: none;
    padding: 0;
    max-height: 156px;
}

.identifier-container ul.list-identifier {
    min-height: 30px;
}

.name-container ul.list-animal {
    min-height: 60px;
}

.list-identifier li {
    margin: 10px 0 10px 0;
}

.identifier-container .list-identifier li a:hover {
    background-color: #2780e3;
    color: #fff;
    text-decoration: none;
    outline: 0;
}

.identifier-container .invalid .list-identifier li a:hover {
    background-color: #fff;
    color: #333;
    text-decoration: none;
    outline: 0;
    cursor: default;
}

.identifier-container ul.list-identifier a {
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.1em;
    display: inline-block;
    color: #333;
    width: 100%;
    word-break: break-word;
}

.identifier-container .list-editor-rows > .row-margin-bottom {
    margin-bottom: 15px !important;
}

.identifier-container .dropdown-menu .template,
.identifier-container a.dropdown-toggle,
.name-container .dropdown-animal-name .template,
.name-container a.dropdown-toggle,
.name-container .duplicate-warning,
.input-identifier-container .identifier-warning {
    display: none;
}

.identifier-container ul.list-identifier::-webkit-scrollbar,
.name-container ul.list-animal::-webkit-scrollbar {
    width: 9px;
}


.identifier-container ul.list-identifier::-webkit-scrollbar-thumb,
.name-container ul.list-animal::-webkit-scrollbar-thumb {
    background: #aaa;
    height: 50px;
    border: 1px solid #E9EBEC;
}

.identifier-container ul.list-identifier::-webkit-scrollbar-track,
.name-container ul.list-animal::-webkit-scrollbar-track {
    border: 1px solid #ddd;
}

.name-container .dropdown-animal-name {
    display: none;
    margin-top: 18px;
    margin-bottom: 0;
    padding: 0;
    float: right;
    right: 0;
    z-index: 3;
    position: absolute;
    list-style: none;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.name-container.invalid.active .dropdown-animal-name {
    display: block;
}

@media(max-width: 344px) {
    .name-container .dropdown-animal-name {
        width: 278px;
    }
}

@media(min-width: 345px) {
    .name-container .dropdown-animal-name {
        width: 340px;
    }
}

.name-container.invalid input,
.identifier-container .input-identifier-container.invalid input {
    border-bottom: 3px solid #ff9900;
}


.name-container.invalid .duplicate-warning,
.input-identifier-container.invalid .identifier-warning {
    display: block;
}

.name-container.invalid .duplicate-warning a {
    right: 28px;
}

.input-identifier-container.invalid .identifier-warning a {
    right: 10px;
}

.name-container.invalid .duplicate-warning a,
.input-identifier-container.invalid .identifier-warning a {
    position: absolute;
    top: 15px;
    color: #ff9900;
}

.input-identifier-container.invalid input.identifier {
    padding-right: 32px;
}

.name-container.invalid.active .duplicate-warning:before {
    right: 19px;
}

.input-identifier-container.invalid.open .identifier-warning:before {
    right: 1px;
}

.name-container.invalid.active .duplicate-warning:before,
.input-identifier-container.invalid.open .identifier-warning:before {
    content: " ";
    position: absolute;
    border-top: none;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    border-bottom: 15px solid #ddd;
    bottom: -18px;
}

.name-container.invalid.active .duplicate-warning:after {
    right: 20px;
}

.input-identifier-container.invalid.open .identifier-warning:after {
    right: 2px;
}

.input-identifier-container.invalid.open .dropdown-menu {
    margin-top: 18px;
    z-index: 10 !important;
}

.name-container.invalid.active .duplicate-warning:after,
.input-identifier-container.invalid.open .identifier-warning:after {
    content: " ";
    position: absolute;
    border-top: none;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #eee;
    bottom: -19px;
    z-index: 11;
}

.name-container .header-animal-dropdown i {
    width: 20px;
    display: table-cell;
    vertical-align: middle;
}

.name-container .header-animal-dropdown .info {
    width: calc(100% - 25px);
    display: table-cell;
    padding-left: 5px;
}

.name-container ul.list-animal li {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.4;
    color: #333;
    white-space: nowrap;
    border-top: 1px solid #ddd;
}

.name-container ul.list-animal li p {
    margin-bottom: 0;
}

.name-container .dropdown-animal-name p.animal-name {
    font-weight: 600;
    white-space: normal;
}

.name-container .dropdown-animal-name p.common-name {
    font-size: 13px;
    white-space: normal;
    margin-top: 2px;
}

.name-container .dropdown-animal-name p.disposition {
    line-height: 1em;
}

.dropdown-animal-name p.disposition label {
    margin-bottom: 0px;
}

.identifier-container ul.list-identifier span.animal-name {
    margin-left: 5px;
}

.device-ie .row-my-notification .stickies,
.device-ie .row-my-hashtag-subscription .stickies {
    margin-top: -30px !important;
}

.device-ie .row-my-notification .stickies.fixed,
.device-ie .row-my-hashtag-subscription .stickies.fixed {
    margin-top: -10px !important;
}

.facility-edit .permit-reminder a {
    padding-left: 20px;
}

.facility-edit .permit-reminder .container-input {
    display: none;
}

.facility-edit .permit-reminder.active .container-input {
    display: block;
}

.facility-edit .permit-reminder.active {
    padding-top: 0px;
}

.facility-edit .permit-reminder {
    margin-bottom: 5px;
    padding-left: 2px;
    padding-top: 10px;
}

.facility-edit .permit-reminder input,
.animal-mergesplit .animalgroupcount input {
    text-align: center;
}

.facility-edit .permit-reminder .reminder-unit-time {
    padding: 0 0 0 5px;
}

@media (max-width: 991px) {
    .facility-edit #list-editor-permit .row:before {
        left: 2%;
    }

    .facility-edit .permit-reminder {
        padding-left: 15px;
    }

    .facility-edit .permit-reminder {
        margin-top: 5px;
    }

    .facility-edit .permit-reminder a {
        padding-left: 3px;
    }

    .facility-edit .permit-reminder.active .container-switch {
        padding-top: 10px;
    }

    .facility-edit .permit-reminder .container-switch {
        padding-left: 0;
        margin-bottom: 15px;
    }

    .facility-edit .permit-reminder span.glyphicon-info-sign {
        margin-right: 10px;
        margin-left: 4px;
    }
}

.facility-edit .full-row-list-editor .label-reminder {
    padding-left: 12px;
}

.facility-edit .permit-header {
    float: none;
}

.facility-edit .permit-header div {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 21px;
}

.facility-edit .permit-header h4 {
    float: left;
}

.facility-edit .permit-header a {
    float: right;
    margin-top: 50px;
    margin-right: 15px;
}

.facility-edit .permit-reminder input.number {
    padding-left: 12px;
    padding-right: 12px;
}

@media (min-width: 991px) {
    .facility-edit .permit-startDate,
    .facility-edit .permit-endDate {
        width: 13%;
        float: left;
    }

    .facility-edit .permit .list-editor-remove-container {
        width: 7%;
        padding: 0px;
    }

    .facility-edit .permit-reminder .container-switch {
        padding-left: 5px;
        padding-right: 0px;
        margin-right: 5px;
    }

    .facility-edit .permit-reminder.active .container-switch {
        padding-top: 10px;
    }
}

@media(max-width:767px) {
    .home-contact .save {
        padding-left: 0px;
        margin-bottom: 30px;
    }
}

#medical-record-reminder-modal .start-time-container input {
    padding-left: 17px;
    padding-right: 17px;
}

.list-editor .radio-group-phone .radio {
    margin-left: 0px !important;
    margin-right: 10px;
}

@media(min-width: 991px) and (max-width: 1200px) {
    .facility-edit .permit-reminder .container-switch {
        margin-left: 15px;
        margin-right: 12px;
    }

    .facility-edit .full-row-list-editor .label-reminder {
        padding-left: 26px;
    }
}

.search-index .global-search .reset-textbox {
    position: absolute;
    color: #aaa;
    top: 10px;
    right: 15px;
}

.search-index .global-search {
    display: flex;
    align-items: center;
}

.search-index .global-search .searchBoxWrapper {
    position: relative;
    display: inline-block;
    flex: 1;
}

.search-index .btn-search {
    display: inline-block;
    margin-left: auto;
    margin-top: 0;
    margin-bottom: 0;
}

.global-search #query {
    padding-right: 40px;
}

.animal-inventory-filter-container .input-group #animal-search {
    padding-right: 29px;
}

.box-medical-search .custom-value-item-row,
.box-medical-search .medical-treatment-type-row,
.box-medical-search .medical-treatment-row {
    width: 30%;
}

.box-medical-search .button-reset {
    top: 12px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .wrapper-refine-search .form-refine .custom-value-item-row {
        margin-right: 11px;
    }
}

@media (max-width: 767px) {
    .box-medical-search .custom-value-item-row,
    .box-medical-search .medical-treatment-type-row,
    .box-medical-search .medical-treatment-row {
        width: 100%;
    }

    .box-medical-search .wrapper-refine-search .reset-refine-medical {
        position: absolute;
        margin-top: -18px;
    }

    .box-medical-search .wrapper-refine-search .reset-refine-medical .btn-reset {
        float: right;
    }

    .wrapper-refine-search .custom-value-item-row {
        margin-top: -6px;
    }

    .box-medical-search .button-reset {
        top: 7px;
    }
}

.container-animal-group .hashtag-title {
    margin-left: 3px;
}

.container-animal-group .hashtag-title > a {
    margin-left: -1px;
    text-decoration: underline;
    display: none;
}

.container-animal-group .hashtag-title.active > a {
    display: inline-block;
}

.animal-index .animal-card .dropdown-menu > li > a.disabled,
.animal-index .animal-list .dropdown-menu > li > a.disabled {
    color: #999;
    cursor: default;
    pointer-events: all;
}

.animal-index .animal-card .dropdown-menu > li > a.disabled:hover,
.animal-index .animal-list .dropdown-menu > li > a.disabled:hover {
    background: #fff;
}

.animal-view .merge-split-information .merge-split-by {
    font-size: 13px;
    color: #888;
}


.animal-view .animal-parent-mergesplit {
    padding-top: 10px;
    padding-right: 15px;
}

.animal-view .animal-parent-mergesplit.first-row {
    padding-top: 0px;
}

@media(max-width: 768px) {
    .animal-view .animal-parent-mergesplit.first-row {
        margin-top: 15px;
    }
}

.animal-view .column-animal-picture .animal-picture-note {
    text-align: center;
}

#animalgroup-tab .animal-group .navbar-nav li.new-animal-group.active,
#checklist-container .sidebar-nav li.new-checklist.active,
#checklist-container .checklist li.new-checklist.active,
#checklist-container.no-checklist .sidebar-nav.add-new-checklist {
    display: block !important;
}

#animalgroup-tab .animal-group .navbar-nav li.new-animal-group,
#checklist-container .sidebar-nav li.new-checklist,
#checklist-container .checklist li.new-checklist,
#checklist-container.no-checklist .sidebar-nav {
    display: none !important;
}

#animalgroup-tab .navbar-header .visible-xxs.visible-xs.navbar-brand.rename:after,
#animalgroup-tab .navbar-header .visible-xxs.visible-xs.navbar-brand.new-animal-group:after,
#checklist-container .navbar-header .visible-xxs.visible-xs.navbar-brand.rename:after,
#checklist-container .navbar-header .visible-xxs.visible-xs.navbar-brand.new-checklist:after,
#animalgroup-tab .animal-group .navbar-nav li.new-animal-group a .animal-group-name:after,
#animalgroup-tab .animal-group .navbar-nav li.active.rename a .animal-group-name:after,
#checklist-container .checklist li.new-checklist a:after,
#checklist-container .checklist li.active.rename a:after {
    content: "*";
    margin-left: 2px;
}

.daily-report-summary table {
    width: 100%;
}

.daily-report-summary table td {
    padding: 8px 10px;
}

#table-daily-summary-head tr {
    border-bottom: 2px solid #ddd;
}

#table-daily-summary-head tr td {
    font-weight: 600;
}

.daily-report-summary #table-daily-summary-body tr + tr {
    border-top: 1px solid #dddddd;
}

.daily-report-summary #table-daily-summary-body tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.daily-report-summary #table-daily-summary-body tr:hover {
    background-color: #dee7ef !important;
}

.daily-report-summary #table-daily-summary-body tr td {
    vertical-align: top;
    position: relative;
}

.daily-report-summary table .report-date {
    padding-left: 20px;
}

.daily-report-summary table .report-date,
.daily-report-summary table .flag {
    width: 10%;
}

.daily-report-summary table .section-name {
    width: 15%;
}

.daily-report-summary table .animal-care-staff {
    width: 20%;
}

.daily-report-summary table .mentioned-hashtags,
.daily-report-summary table .search-results {
    width: 45%;
}

.daily-report-summary table .mentioned-hashtags .tagged-text-container {
    cursor: pointer;
}

.daily-report-summary table .mentioned-hashtags .tagged-text-container:hover {
    text-decoration: underline !important;
    text-decoration-color: #447ab7 !important;
}

.daily-report-summary-header-container {
    z-index: 15;
    background: #fff;
}

.header-sticky .daily-report-summary-header-container {
    position: fixed;
}

.device-ios .header-sticky .daily-report-summary-header-container {
    top: 0;
}

.header-sticky .daily-report-summary-content {
    padding-top: 225px;
}

.header-sticky.show-refine-search .daily-report-summary-content {
    padding-top: 310px;
}

.header-sticky .daily-report-summary-header-container h2 {
    margin-top: 10px;
    margin-bottom: 5px;
}

.header-sticky .daily-report-summary-header-container hr {
    margin: 10px 0 15px;
}

.daily-report-summary-header-container hr.hr-separator {
    margin-top: 15px;
}

.header-sticky .daily-report-summary-header-container hr.hr-separator {
    margin: 5px 0 5px;
}

.search-wrapper-hashtag .select2-container--default .select2-selection--single,
.search-wrapper-hashtag .select2-container--default .select2-selection--multiple {
    display: flex;
}

.search-wrapper-hashtag .filter-note-type-container,
#daily-report-summary-filter .filter-employee-container,
#daily-report-summary-filter .filter-note-type-container {
    width: 210px;
}

.search-wrapper-hashtag .filter-section-container,
#daily-report-summary-filter .filter-section-container {
    width: 245px;
}

.search-wrapper-hashtag .filter-animal-container,
#daily-report-summary-filter .filter-animal-container {
    width: 240px;
    position: relative;
}

#daily-report-summary-filter .filter-label-container .select2 {
    width: 250px !important;
}

#daily-report-summary-filter .filter-search-container {
    margin-right: 0;
}

#daily-report-summary-filter .filter-button-container {
    margin-left: -1px;
    position: relative;
}

#daily-report-summary-filter .filter-button-container button {
    float: left;
}

.daily-report-summary.show-refine-search .btn-summary-filter {
    background-color: #f4f4f4 !important;
}

#daily-report-summary-filter .filter-button-container button.filtered {
    background-color: #fafad2 !important;
}

#daily-report-summary-filter .btn-search {
    padding: 10px 15px;
}

#daily-report-summary-filter .btn-summary-filter {
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    outline: none;
}

.daily-report-summary.show-refine-search .btn-summary-filter:before {
    content: " ";
    position: absolute;
    bottom: -20px;
    border-top: none;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    border-bottom: 15px solid #ddd;
}

.daily-report-summary.show-refine-search .btn-summary-filter:after {
    content: " ";
    position: absolute;
    bottom: -21px;
    border-top: none;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #f4f4f4;
    z-index: 1;
    left: 12px;
}

.daily-report-summary.show-refine-search .btn-summary-filter {
    background: #f4f4f4;
}

@media(min-width: 992px) and (max-width:1199px) {
    #daily-report-summary-filter .summary-refine-filter-container {
        margin-top: 10px !important;
    }
}

#daily-report-summary-filter .summary-refine-filter-container {
    display: none;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    margin-top: 4px;
    padding: 15px 15px 5px;
}

#daily-report-summary-filter .reset-button-container {
    padding-top: 20px;
}

.daily-report-summary .search-results,
.daily-report-summary.show-search-results .mentioned-hashtags {
    display: none;
}

.daily-report-summary.mentioned-hashtags,
.daily-report-summary.show-search-results .search-results {
    display: table-cell;
}

.daily-report-summary-content .expand-note-container.template {
    display: none;
}

#daily-report-summary-loading {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
}

#table-daily-summary-body .animal-care-staff .fullname {
    font-weight: 600;
}

#table-daily-summary-body .animal-care-staff .staff-level {
    font-size: 14px;
}

#table-daily-summary-body .note-container {
    border-left: 6px solid #ccc;
    padding-left: 10px;
    word-wrap: break-word;
    margin-bottom: 5px;
}

#table-daily-summary-body .note-label + .note-container {
    margin-top: 10px;
}

#table-daily-summary-body .all-notes-outer-container {
    position: absolute;
    background: #fff;
    z-index: 2;
    padding: 8px 10px;
    border: 1px solid #ddd;
    top: -1px;
    left: -1px;
    width: 100%;
    max-height: 360px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
}

#table-daily-summary-body .all-notes-container {
    max-height: 320px;
    overflow-y: auto;
    padding-right: 10px;
}

#table-daily-summary-body .all-notes-container pre.note-field {
    padding-right: 5px;
}

#table-daily-summary-body .show-all-notes .all-notes-outer-container {
    display: block;
    padding-top: 27px;
}

#table-daily-summary-body .all-notes-container .note-container:first-child {
    margin-top: 0;
}

#table-daily-summary-body .all-notes-container .note-container:last-child {
    margin-bottom: 0;
}

#table-daily-summary-body .all-notes-container .expand-note-container {
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

#table-daily-summary-body .all-notes-container .expand-note-container:not(.first-note):not(.last-note) {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}


#table-daily-summary-body .all-notes-container .expand-note-container.last-note {
    margin-top: 0px;
    margin-bottom: 15px;
}

#table-daily-summary-body .all-notes-container .expand-note-container.first-note {
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

#table-daily-summary-body .all-notes-container .note-container + .note-container:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    left: 0;
    margin-top: -15px;
}

#table-daily-summary-body .note-container .note-subtitle {
    font-weight: bold;
    word-break: break-all;
}

#table-daily-summary-body .note-title {
    margin-bottom: 5px;
}

@media(max-width: 991px) {
    #table-daily-summary-body .right-divider {
        display: block;
    }

    #filterForm .medical-record-header-filter .input-group-btn .btn .glyphicon-search,
    #filterForm .animal-inventory-filter-container .input-group-btn .btn .glyphicon-search {
        display: block;
    }

    #filterForm .medical-record-header-filter .input-group-btn .btn .search-label,
    #filterForm .animal-inventory-filter-container .input-group-btn .btn .search-label,
    #filterForm .user-filter-container .input-group-btn .btn .search-label,
    #filterForm .business-filter-container .input-group-btn .btn .search-label {
        display: none;
    }

    .medical-record-header-filter .search-group .input-group-btn .btn,
    .animal-inventory-filter-container .search-group .input-group-btn .btn {
        padding: 13.5px 15px;
    }
}

.select2-container .option-flag-container {
    position: relative;
}

.select2-container .option-flag-color {
    width: 7px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -13px;
}

.daily-report-summary .no-records-found-container {
    display: none;
}

.daily-report-summary .no-records-found-container h4 {
    margin-top: 0;
}

.daily-report-summary.show-no-records-found .no-records-found-container {
    display: block;
}

.daily-report-summary.show-no-records-found #table-daily-summary-head,
.daily-report-summary.show-no-records-found #table-daily-summary-body {
    display: none;
}

.daily-report-summary-header-container .btn-summary-global-filter {
    display: none;
    outline: none !important;
    position: relative;
}

.daily-report-summary-header-container .btn-summary-global-filter.btn-active {
    background: #f4f4f4 !important;
}

#daily-report-summary-filter .btn-search .text {
    display: none;
}

#daily-report-summary-filter #filterSearch {
    width: 180px;
}

.daily-report-summary-content .more-notes {
    cursor: pointer;
    color: #2780e3;
    position: absolute;
    font-size: 17px;
    right: 4px;
    top: 2px;
    padding: 5px;
    display: none;
    z-index: 1;
    -webkit-transition: transform 0.35s ease-in-out;
    -moz-transition: transform 0.35s ease-in-out;
    -o-transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out;
}

.daily-report-summary-content .show-all-notes .more-notes {
    z-index: 3;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.daily-report-summary-content .show-btn-more-notes .more-notes {
    display: block;
}

.daily-report-summary-content .more-notes:hover {
    color: #165ba8;
}

.animal-index #filterForm,
.user-index #filterForm,
.business-index #filterForm {
    padding: 0;
}

#daily-report-summary-filter .summary-filter-container > .filter-refine-container {
    display: none;
}

.daily-report-summary table .report-date span {
    display: none;
}

.daily-report-summary .filter-note-entity-container {
    position: relative;
}

@media(max-width: 1199px) {
    .header-sticky .daily-report-summary-content {
        padding-top: 302px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .search-wrapper-hashtag .filter-note-entity-container,
    #daily-report-summary-filter .filter-note-entity-container {
        width: 275px;
    }
}

@media(min-width: 992px) {
    .search-wrapper-hashtag .filter-note-entity-container,
    #daily-report-summary-filter .filter-note-entity-container {
        width: 450px;
    }
}

@media(min-width: 992px) {
    .header-sticky .daily-report-summary.show-refine-search .daily-report-summary-content {
        padding-top: 310px;
    }

    #daily-report-summary-filter .filter-section-status-container {
        margin-right: 0;
    }

    #daily-report-summary-filter .filter-section-status-container select {
        border-right: none;
    }

    .search-wrapper-hashtag .filter-note-entity-type-container,
    #daily-report-summary-filter .filter-note-entity-type-container {
        width: 100px !important;
    }

    #daily-report-summary-filter .filter-note-type-container,
    #daily-report-summary-filter .filter-note-entity-container,
    #daily-report-summary-filter .filter-note-entity-type-container {
        display: inline-block;
        vertical-align: middle;
    }

    #daily-report-summary-filter .filter-note-entity-container,
    #daily-report-summary-filter .filter-note-entity-type-container {
        margin-left: -1px !important;
    }

    .search-wrapper-hashtag .container-refine-search .filter-note-container {
        margin: 0 30px;
    }

    .search-wrapper-hashtag .filter-note-container {
        float: left;
        display: flex;
        align-items: flex-end;
        column-gap: 5px;
        margin-bottom: 10px;
        margin-left: 15px;
    }

    /*.search-wrapper-hashtag .filter-note-container,*/
    #daily-report-summary-filter .filter-note-container {
        float: left;
        padding: 10px;
        display: inline-block;
        margin-bottom: 10px;
        background-color: #ddd;
        margin-left: 15px;
    }

    .search-wrapper-hashtag .filter-note-container .form-group,
    #daily-report-summary-filter .filter-note-container .form-group {
        margin-bottom: 0px;
    }

    .search-wrapper-hashtag .filter-note-container .filter-note-type-container,
    #daily-report-summary-filter .filter-note-container .filter-note-type-container {
        margin-left: 0px;
    }
}

@media(max-width: 991px) {
    .daily-report-summary table .report-date,
    .daily-report-summary table .section-name {
        width: 20%;
    }

    .daily-report-summary table .mentioned-hashtags,
    .daily-report-summary table .search-results {
        width: 60%;
    }

    .daily-report-summary-header-container .btn-summary-global-filter {
        vertical-align: super;
        display: inline-block;
    }

    .daily-report-summary-header-container h2 {
        display: inline-block;
    }

    .daily-report-summary-header-container #daily-report-summary-filter {
        position: absolute;
        background: #f4f4f4;
        padding: 15px 8px 15px 15px;
        width: 100%;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        margin-top: -32px;
        border: 1px solid #ddd;
        display: none;
        z-index: 2;
    }

    .header-sticky .daily-report-summary-header-container #daily-report-summary-filter {
        width: 100%;
        margin-top: -9px;
    }

    .daily-report-summary-header-container #daily-report-summary-filter .summary-filter-container {
        padding-right: 7px;
        max-height: 380px;
        overflow-y: auto;
    }

    .daily-report-summary-header-container.show-global-filter #daily-report-summary-filter {
        display: block;
    }

    #daily-report-summary-filter .filter-animal-section-container,
    #daily-report-summary-filter .filter-section-container,
    #daily-report-summary-filter .filter-employee-container,
    #daily-report-summary-filter .filter-note-type-container,
    #daily-report-summary-filter .filter-animal-container {
        width: 100%;
    }

    #daily-report-summary-filter .summary-filter-container > .filter-refine-container {
        display: block;
    }

    .daily-report-summary-header-container hr.hr-separator {
        display: none;
    }

    .header-sticky .daily-report-summary-content {
        padding-top: 150px;
    }

    .search-wrapper-hashtag .form-group,
    #daily-report-summary-filter .form-group {
        float: none;
        display: block;
        margin-right: 0;
    }

    #daily-report-summary-filter .filter-section-status-container {
        margin-bottom: 0;
    }

    #daily-report-summary-filter .filter-section-status-container select {
        border-bottom: none;
    }

    .search-wrapper-hashtag .form-group input,
    .search-wrapper-hashtag .form-group select,
    .search-wrapper-hashtag .form-group .select2,
    #daily-report-summary-filter .form-group input,
    #daily-report-summary-filter .form-group select,
    #daily-report-summary-filter .form-group .select2 {
        width: 100% !important;
    }

    .daily-report-summary.show-refine-search .btn-summary-filter:before {
        bottom: -60px;
    }

    .daily-report-summary.show-refine-search .btn-summary-filter:after {
        bottom: -61px;
    }

    #daily-report-summary-filter .summary-refine-filter-container {
        margin-top: 17px;
    }

    #daily-report-summary-filter .summary-refine-filter-container .form-group {
        margin: 15px;
    }

    #daily-report-summary-filter .summary-refine-filter-container .form-group.reset-button-container {
        margin-top: 5px !important;
    }

    #daily-report-summary-filter .btn-search {
        width: 100%;
    }

    #daily-report-summary-filter .btn-search .glyphicon {
        display: none;
    }

    #daily-report-summary-filter .btn-search .text {
        display: inline-block;
    }

    .daily-report-summary-header-container.show-global-filter .btn-summary-global-filter:before {
        content: " ";
        position: absolute;
        bottom: -20px;
        border-top: none;
        border-right: 16px solid transparent;
        border-left: 16px solid transparent;
        border-bottom: 15px solid #ddd;
        left: 50%;
        transform: translateX(-50%);
    }

    .daily-report-summary-header-container.show-global-filter .btn-summary-global-filter:after {
        content: " ";
        position: absolute;
        bottom: -21px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #f4f4f4;
        z-index: 3;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media(max-width: 500px) {
    .daily-report-summary-header-container #daily-report-summary-filter {
        margin-top: -24px;
    }

    .header-sticky .daily-report-summary-header-container #daily-report-summary-filter {
        margin-top: -7px;
    }

    .daily-report-summary-header-container h2 {
        display: block;
    }

    .daily-report-summary-header-container h2 {
        font-size: 28px;
    }

    .header-sticky .daily-report-summary-content {
        padding-top: 185px;
    }

    .daily-report-summary-header-container #daily-report-summary-filter .summary-filter-container {
        max-height: 300px;
    }
}

@media(max-width: 479px) {
    .daily-report-summary table .report-date {
        width: 40%;
    }

    .daily-report-summary table .report-date span {
        display: block;
    }

    #table-daily-summary-body .daily-report-audit-fields.daily-report-readonly {
        margin-left: 0;
    }

    .header-sticky .daily-report-summary-header-container hr {
        margin-bottom: 0;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .animal-inventory-filter-container .text-container #animal-search,
    .resource-category .text-container #category-search,
    .resource-organization-member-container .filter-search-text #serchText,
    .resource-organization-coalition-container .filter-search-text #serchText,
    .coalition-container .filter-search-text #searchText {
        width: 325px;
    }

    .medical-record-header-filter .search-medical #medical-search {
        width: 275px;
    }

    .medical-record-header .medical-record-header-filter .show-hide-filter,
    .animal-inventory-filter-container .show-hide-filter {
        max-width: 350px;
    }
}

@media (min-width: 1200px) {
    .medical-record-header .medical-record-header-filter .show-hide-filter {
        max-width: 230px;
    }

    .animal-inventory-filter-container .text-container #animal-search {
        width: auto;
    }

    .animal-inventory-filter-container .section-filter,
    .animal-inventory-filter-container .search-group {
        flex-grow: 1;
    }

    .animal-inventory-filter-container .search-group .input-group-btn {
        width: 100%;
    }
}

.business-filter-container .search-group {
    flex-grow: 1;
}

@media(max-width: 767px) {
    .animal-index #filterForm {
        padding-left: 15px;
        padding-right: 15px;
    }
}

#taskchecklist .include.disabled,
#taskchecklist .include-task-assign-to.disabled {
    cursor: not-allowed;
    color: #999;
}

.select2-category-item {
    z-index: 1051 !important;
}

.select2-category-item .option-category {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.select2-category-item .option-item {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
}

.select2-category-item .option-category i {
    font-size: 25px;
    line-height: 0.7;
}

.select2-category-item .option-category i {
    float: right;
}

.select2-category-item.category-mode .select2-results__option[role="treeitem"] + .select2-results__option[role="treeitem"] {
    border-top: 1px solid #ddd;
}

.select2-category-item.category-mode .select2-results__options.select2-results__options--nested .select2-results__option + .select2-results__option {
    border-top: none;
}

.select2-category-item.item-mode .option-back-to-category {
    display: block;
    padding: 12px 20px 12px 40px;
    font-weight: bold;
    position: relative;
}

.select2-category-item.item-mode .option-back-to-category i {
    line-height: 0;
    font-weight: normal;
}

.select2-category-item.item-mode .option-back-to-category i {
    margin-right: 10px;
    font-size: 25px;
    position: absolute;
    top: 20px;
    left: 20px;
    color: #2e63b7;
}

.select2-category-item.item-mode:not(.normalize-first-option) .select2-results__options li:first-child:not(.select2-results__message) {
    padding: 0;
    color: #333;
    background-color: #eee;
}

.select2-category-item.item-mode li:first-child.select2-results__option--highlighted,
.select2-category-item.item-mode li:first-child.select2-results__option--highlighted .option-back-to-category i {
    color: #fff !important;
}

.select2-category-item.item-mode li:first-child.select2-results__option--highlighted {
    background-color: #5897fb !important;
}

.select2-category-item .select2-results__option[role=group] .select2-results__group {
    padding: 6px 15px;
}

.select2-category-item .select2-results__options--nested .select2-results__option {
    padding: 4px 30px;
}

.welfare-index .dropdown-help-container {
    margin-left: auto;
}

.welfare-index .dropdown-help-container .dropdown-menu {
    right: 0;
    left: auto;
}

.welfare-index .title-page {
    margin-bottom: 10.5px;
}

div.title-page {
    padding-top: 21px;
}

.title-page {
    background-color: #fff;
}

.title-page .title {
    font-size: 32px;
    font-weight: 300;
    line-height: 1.1;
}

.welfare-edit .header-editor-page,
.welfare-add .header-editor-page,
.welfare-goal .header-editor-page {
    border-bottom: none;
}

.welfare-edit .title-page-with-button.headroom--not-top,
.welfare-add .title-page-with-button.headroom--not-top {
    border-bottom: 1px solid #e6e6e6;
}

.header-editor-page {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 21px;
    padding-bottom: 15px;
}

.title-page.title-page-with-button .title {
    margin-right: 11px;
}

.template-page-content .table-template-summary thead,
.title-page.title-page-with-button.headroom--not-top {
    top: 49px;
}

.title-page.title-page-with-button.headroom--not-top,
.template-page-content .table-template-summary thead,
.resource-container .information-container.headroom--not-top,
.resource-container .title-container.headroom--not-top,
.resource-category-index .table-list-category-container thead.headroom--not-top,
.resource-organization-member-container thead.headroom--not-top,
.resource-organization-coalition-container thead.headroom--not-top,
.section-layout .header-title-container.headroom--not-top,
.dashboard-index .filtered-dashboard-task.scroll .header-filtered-dashboard-task,
.panel-measurement .sort-measurement-header-container.scroll,
.chart-list-measurement .sort-measurement-header-container.scroll,
.list-measurement-details.scroll .container-header-measurement-details,
.section-layout .section-content .title-page.sticky,
.custom-list .single-lang-mode .header-panel.is-pinned {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
}


.template-page-content .table-template-summary thead,
.resource-container .information-container.headroom--not-top,
.resource-container .title-container.headroom--not-top,
.resource-category-index .table-list-category-container thead.headroom--not-top,
.resource-organization-member-container thead.headroom--not-top,
.resource-organization-coalition-container thead.headroom--not-top {
    background-color: #fff;
}

body[class*="warning"] .title-page.title-page-with-button.headroom--not-top {
    top: 79px !important;
}

.title-page .top-btn-container {
    margin-left: auto;
    display: flex;
}

.title-page .top-btn-container button.btn-save,
.title-page .top-btn-container .save-medical-record {
    min-width: 80px;
}

.title-page .top-btn-container .btn-save,
.title-page .top-btn-container #btnSaveAndAddGoal,
.resource-apply-filter-container .btn-group .btn-apply {
    margin-left: 5px;
}

.template-page-container {
    margin-top: 43px;
}

.template-page-container .template-page-header {
    margin-bottom: -1px;
}

.template-page-container .template-page-header button {
    height: 46px;
    border-bottom: none;
    margin-right: 8px;
    font-size: 15px;
    padding: 10px 15px;
    outline: none !important;
    min-width: 130px;
}

.template-management-container .template-management-header .btn-group button.active {
    background-color: #fff;
    border: 1px solid #dddddd;
    border-bottom: none;
    box-shadow: none;
    font-weight: 600;
    color: #333;
}

.template-management-container .template-management-header .btn-group button.active:hover {
    color: initial;
}

.template-management-container .btn-group button.btn-inactive {
    color: #999;
}

.template-management-container .template-page-content .row-search-template {
    margin-left: 0;
    margin-right: 0;
}

.template-management-container .template-management-header .btn-group button.btn-inactive {
    color: #6c757d;
    background-color: none;
    border: none;
}

.welfare-add .title-page a.back,
.welfare-edit .title-page a.back {
    margin-top: -2px;
}

.template-page-container .template-page-content {
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    min-height: 500px;
}

.template-page-container .template-page-content .spinner-search {
    position: relative;
}

.template-page-container .template-page-content .spinner-search {
    top: 130px;
    z-index: 1;
}

.template-page-container .template-page-content .spinner-scroll {
    position: relative;
    height: 40px;
    display: none;
}

.nprogress-busy .template-page-content .spinner-scroll.show-spinner {
    display: block !important;
}

.template-page-container .spinner-scroll img {
    left: 50%;
}

.template-page-container .editor-goal-container,
.progress-report.compare-report .template-page-content {
    background-color: #f4f4f4;
}

.template-page-container .row-goal {
    margin-bottom: 70px;
    margin-left: 0;
    margin-right: 0;
}

.editor-goal-container .row-checklist {
    margin-bottom: 50px !important;
}

.body-content[class*="welfare"] {
    width: 100%;
}

.editor-goal-container .template-goal-container input.target {
    width: 120px;
}

.template-goal-container .target-goal-container .target {
    display: inline-block;
}

.template-goal-container .target-goal-container a.isDisabledField,
.template-goal-container .target-goal-container span {
    margin: 0 5px;
    vertical-align: middle;
}

.template-goal-container .target-goal-container a.isDisabledField {
    pointer-events: none;
}

.row-checklist .template-goal-container .target-goal-container .target {
    margin-left: 5px;
    margin-right: 5px;
}

.welfareFrequencyModal a.remove-reminder:hover,
.welfareFrequencyModal a.remove-reminder:focus {
    text-decoration: none;
}

.editor-template-container #list-editor-file-upload {
    margin-left: 0;
    margin-right: 0;
}

.editor-goal-container .container-track-by select {
    width: 100%;
}

.editor-goal-container .header-goal span.glyphicon-info-sign {
    color: #333 !important;
    margin-left: 3px;
}


.table-template-summary .template-summary-control .dropdown-menu a {
    padding-left: 15px;
    padding-right: 15px;
}

.table-template-summary .template-summary-control .nav-pills a {
    padding-left: 10px;
    padding-right: 10px;
}


@media (min-width: 1800px) {
    .table-template-summary .template-summary-control .btn-group {
        display: none;
    }

    .table-template-summary .template-summary-control .nav-pills {
        width: 155px;
    }
}

@media (max-width: 1799px) {
    .table-template-summary .template-summary-control .nav-pills {
        display: none;
    }

    .table-template-summary .template-summary-control {
        text-align: left;
        padding-left: 5px !important;
        padding-right: 15px !important;
        width: 50px;
    }
}



.editor-goal-container .target-measurement .clear {
    display: none;
}

.table-template-summary .template-summary .template-summary-name a {
    text-decoration: none;
}

.table-template-summary .template-summary .template-summary-name a:hover {
    text-decoration: underline;
}

@media(min-width: 1200px) {
    .body-content[class*="template"] {
        padding-left: 30px;
        padding-right: 30px;
    }

    .template-page-container .row-goal .header-goal {
        background-color: #fff;
        color: #999;
        float: left;
        width: 100%;
    }

    .editor-goal-container .row-goal .header-goal {
        padding-bottom: 15px;
        border-bottom: 1px solid #e6e6e6;
    }

    .editor-template-container .row-goal .header-goal label:not(.label-frequency) {
        padding-left: 25px;
    }

    .editor-template-container .row-goal .header-goal label.label-frequency {
        padding-left: 10px;
    }

    .editor-template-container .row-goal .header-goal label.label-calculated-unit {
        padding-left: 45px;
    }
}

@media(min-width: 992px) {
    .template-management-container .search-template-container {
        margin-top: 15px;
        text-align: right;
    }
}

@media(max-width: 991px) {
    .template-management-container .search-template-container {
        margin-top: 5px;
    }
}

@media(max-width: 375px) {
    .template-page-container .editor-template-container .custom-level-container input {
        width: 74%;
    }

    .template-page-container .editor-template-container .drag-handle {
        padding: 0 15px 0 0;
    }

    .template-page-container .editor-template-container .custom-level-number {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media(min-width: 376px) and (max-width: 560px) {
    .template-page-container .editor-template-container .custom-level-container input {
        width: 79%;
    }

    .template-page-container .editor-template-container .custom-level-number {
        padding-left: 10px;
        padding-right: 5px;
    }

    .template-page-container .editor-template-container .custom-level-container .drag-handle {
        padding: 0 20px 0 0;
    }
}

@media(max-width: 575px) {
    .template-page-container .editor-template-container .custom-level-number {
        padding-left: 10px;
        padding-right: 5px;
    }

    .template-page-container .editor-template-container .custom-level-container .remove-level {
        margin-left: 7px;
    }
}

@media(min-width: 576px) and (max-width: 767px) {

    .template-page-container .editor-template-container .custom-level-container input {
        width: 83%;
    }
}

@media(max-width: 767px) {

    .template-page-container .editor-template-container .custom-level-container {
        padding: 15px 10px 15px;
    }

    .template-page-container .editor-template-container .custom-level-container .add-new-level {
        margin-left: 15px;
    }

    .template-page-container .editor-template-container .custom-level-name {
        padding-right: 0px;
    }

    .editor-template-container .template-goal-container .col-goal {
        padding: 0;
    }

    .editor-goal-container .template-goal-container .template-goal {
        padding-left: 0;
        padding-right: 0;
    }

    .animal-mini-detail .animal-description {
        padding-left: 10px;
    }

    .editor-goal-container .search-template-assignment .input-group-btn {
        width: 100%;
    }

    .editor-template-container .wrapper-checklist-detail {
        padding: 5px;
    }

    .editor-template-container .wrapper-checklist-detail {
        padding: 20px 10px;
    }
}

@media(min-width: 768px) {
    .template-page-container .editor-template-container .custom-level-container {
        padding: 25px 25px;
    }

    .template-page-container .editor-template-container .custom-level-number {
        width: 4%;
    }

    .template-page-container .editor-template-container .custom-level-name {
        width: 95%;
    }

    .template-page-container .editor-template-container .custom-level-number,
    .template-page-container .editor-template-container .custom-level-container .custom-level-name {
        padding-left: 0;
        padding-right: 0;
    }

    .welfareFrequencyModal .reminder-container.active {
        margin-top: 15px;
    }

    .welfareFrequencyModal .reminder-container.active .label-reminder {
        padding-top: 8px;
        text-align: right;
    }

    .editor-template-container .row-goal .template-goal-container {
        margin-bottom: 30px;
    }

    .editor-goal-container .template-goal-container .template-goal {
        padding-left: 20px;
        padding-right: 20px;
    }

    .welfareFrequencyModal label {
        text-align: right;
    }

    .editor-goal-container .search-template-assignment .input-group-btn {
        width: 110px;
    }

    .editor-goal-container .search-template-assignment .caret {
        margin-left: 5px;
    }

    .editor-goal-container .search-template-assignment input {
        width: calc(100% - 110px);
        margin-left: -3px;
        vertical-align: middle;
    }

    #searchWelfareChecklistModal .search-checklist-container span,
    #searchWelfareChecklistModal .search-checklist-container input {
        display: inline-block;
    }

    #searchWelfareChecklistModal .search-checklist-container span {
        margin-right: 15px;
    }

    #searchWelfareChecklistModal .search-checklist-container input {
        width: calc(100% - 64px);
    }

    .editor-template-container .wrapper-checklist-detail {
        padding: 20px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .template-page-container .editor-template-container .custom-level-container input {
        width: 89%;
    }

    .editor-template-container .template-goal-container .entity-type {
        width: 98%;
    }


    .template-goal-container .clear-template {
        clear: both;
    }
}

@media(max-width: 991px) {
    .template-page-container .template-goal-container .col-goal {
        margin-bottom: 15px;
    }

    .template-page-container .editor-template-container .custom-level-container {
        margin-bottom: 30px;
    }

    .editor-goal-container .template-goal-container .label-entity-name {
        font-weight: normal;
    }

    .row-checklist .template-goal-container .target-goal-container .target {
        width: 60px !important;
    }

    .editor-goal-container .template-goal-container .target-goal-container .minimum-target,
    .editor-goal-container .template-goal-container .target-goal-container .maximum-target {
        width: 75px !important;
    }

    .editor-goal-container .template-goal-container .custom-level {
        display: inline-block;
        width: 100%;
        margin-bottom: 0px;
        padding-left: 15px;
    }

    .editor-goal-container .template-goal-container .custom-level span.single-digit {
        margin-left: -35px;
    }

    .editor-goal-container .template-goal-container .custom-level span.double-digit {
        margin-left: -40px;
    }

    .editor-goal-container .template-goal-container .input-control {
        margin-top: 5px;
    }

    .editor-goal-container .target-goal-container .trackingGoalItem,
    .editor-goal-container .target-goal-container .measureByItem {
        margin-bottom: 5px;
    }

    .editor-goal-container .target-goal-container .measureByItem {
        width: 100%;
    }

    .editor-template-container .wrapper-checklist-detail {
        margin-top: 10px;
    }

    .editor-goal-container .row-measurement .trackingGoalItem:not(.selected),
    .editor-goal-container .row-measurement-calculated .trackingGoalItem:not(.selected) {
        display: inline-block;
    }

    .editor-template-container .container-selected-section .container-section-type {
        padding-left: 0px;
    }

    .template-page-container .template-goal-container .delete {
        margin-top: 8px;
    }

    .template-management-container .table-template-summary tbody tr td {
        padding: 5px 10px;
    }

    .template-management-container .table-template-summary thead th {
        padding: 5px 10px;
    }

    .editor-goal-container .btn-assign-to {
        top: 27px;
    }

    .editor-goal-container .assignment-welfare-goal {
        top: 149px;
    }

    .warning-gracePeriod .editor-goal-container .assignment-welfare-goal,
    .warning-deactivated .editor-goal-container .assignment-welfare-goal,
    .warning-temporary-extension .editor-goal-container .assignment-welfare-goal,
    .warning-deactivated-animal-limit .editor-goal-container .assignment-welfare-goal {
        top: 177px
    }

    .warning-gracePeriod .editor-goal-container .btn-assign-to,
    .warning-deactivated .editor-goal-container .btn-assign-to,
    .warning-temporary-extension .editor-goal-container .btn-assign-to,
    .warning-deactivated-animal-limit .editor-goal-container .btn-assign-to {
        top: 46px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    .editor-goal-container .assignment-welfare-goal {
        top: 225px;
    }

    .editor-goal-container .assignment-welfare-goal.headroom--unpinned {
        top: 50px;
    }

    .editor-goal-container .btn-assign-to {
        top: 29px;
    }

    .warning-gracePeriod .editor-goal-container .btn-assign-to,
    .warning-deactivated .editor-goal-container .btn-assign-to,
    .warning-temporary-extension .editor-goal-container .btn-assign-to,
    .warning-deactivated-animal-limit .editor-goal-container .btn-assign-to {
        top: 59px;
    }
}

@media(max-width: 1199px) {
    .editor-goal-container .assignment-welfare-goal.inactive .btn-assign-to {
        right: -60px;
    }

    .editor-goal-container .assignment-welfare-goal .container-assignment {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }

    .editor-goal-container .btn-assign-to {
        z-index: 2;
        position: absolute;
        color: #fff;
        background-color: #666;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(-90deg);
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 5px;
        padding-bottom: 5px;
        cursor: pointer;
    }

    .editor-goal-container .assignment-welfare-goal.active .btn-assign-to {
        right: -45px;
    }

    .editor-goal-container .btn-assign-to:hover,
    .editor-goal-container .btn-assign-to:focus {
        text-decoration: none;
    }

    .editor-goal-container .assignment-welfare-goal.fixed {
        position: fixed;
        top: 50px;
    }

    .editor-goal-container .assignment-welfare-goal {
        z-index: 1;
        position: fixed;
        transition: all 500ms ease-in-out;
    }

    .editor-goal-container .assignment-welfare-goal.inactive {
        left: -75%;
    }

    .editor-goal-container .assignment-welfare-goal.active {
        left: -15px;
    }

    .editor-goal-container .assignment-welfare-goal .header-assignment {
        padding: 10px 15px 12px 15px !important;
    }

    .warning-gracePeriod .editor-goal-container .assignment-welfare-goal.fixed,
    .warning-deactivated .editor-goal-container .assignment-welfare-goal.fixed,
    .warning-temporary-extension .editor-goal-container .assignment-welfare-goal.fixed,
    .warning-deactivated-animal-limit .editor-goal-container .assignment-welfare-goal.fixed {
        top: 77px;
    }
}

.resource-content-wrapper .nav-tabs-responsive-small-device button,
.resource-content-wrapper .nav-tabs-responsive-small-device button:active {
    background-color: #ffffff;
    color: #090909;
    outline: none;
    border: none;
    padding: 0;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
}

@media(min-width: 1200px) and (max-width: 1399px) {
    .editor-goal-container .target-measurement.target-track-by-range .clear {
        display: block;
    }

    .editor-goal-container .target-measurement.target-track-by-range .remove-input-control {
        position: absolute;
        top: 15px;
        margin-left: 50px;
    }
}

@media(min-width: 1200px) {
    .editor-goal-container .assignment-welfare-goal .header-assignment {
        float: left;
        width: 100%;
        padding: 5px 5px 10px 5px;
    }

    .editor-goal-container .assignment-welfare-goal .title-counter-container {
        margin-bottom: 5px;
    }

    .template-page-container .row-measurement .container-notes-instructions {
        width: 36%;
    }

    .editor-goal-container .container-measure-by {
        padding-right: 15px;
    }


    .editor-goal-container .label-target-goal {
        width: 155px;
        padding-left: 3px;
    }


    .editor-goal-container .container-track-by {
        padding-right: 15px;
        width: 150px;
    }

    .editor-goal-container .search-template-assignment .input-group-btn,
    .editor-goal-container .search-template-assignment input,
    .editor-goal-container .target-goal-container .input-target-container {
        margin-top: 5px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    .template-page-container .row-measurement .container-notes-instructions {
        width: 29%;
    }

    .editor-goal-container .container-measure-by {
        padding-right: 5px;
    }

    .editor-goal-container .container-track-by {
        padding-right: 10px;
        width: 140px;
    }

    .editor-goal-container .label-target-goal {
        width: 150px;
        padding-left: 10px;
    }
}


@media(min-width: 992px) {
    .template-page-container .row-checklist .container-notes-instructions {
        width: 29%;
    }

    .editor-template-container .template-goal .entity-type {
        padding-left: 0px;
    }

    .template-page-container .row-goal .delete {
        width: 4%;
        float: right;
        text-align: right;
    }

    .template-page-container .template-goal.multiple .required,
    .template-page-container .template-goal.multiple .checklist-type {
        margin-top: 8px;
    }

    .template-page-container .row-goal .required,
    .template-page-container .row-goal .checklist-type {
        text-align: center;
    }

    .template-goal-container .custom-level-type .target-goal-container .target,
    .row-checklist .template-goal-container .target-goal-container .target {
        width: 70px !important;
    }

    .editor-goal-container .row-checklist .multiple.required-goal .entity-type {
        padding-top: 10px;
    }

    .editor-goal-container .row-checklist .multiple.required-goal .required,
    .editor-goal-container .row-checklist .multiple.required-goal .checklist-type {
        padding-top: 4px;
    }

    .editor-goal-container .row-measurement .trackingGoalItem,
    .editor-goal-container .row-measurement-calculated .trackingGoalItem,
    .editor-goal-container .row-measurement-calculated .measureByItem,
    .editor-goal-container .row-measurement .measureByItem {
        display: inline-block;
        margin-right: 10px;
    }

    .editor-goal-container .row-measurement-calculated .template-goal-container select {
        width: 135px;
    }

    .editor-goal-container .container-track-by,
    .editor-goal-container .container-measure-by {
        display: inline-block;
    }

    .editor-goal-container .container-measure-by select {
        width: 100%;
    }

    .editor-template-container .wrapper-checklist-detail {
        margin-top: 20px;
    }

    .table-template-summary .template-summary .template-summary-name {
        width: 17%;
    }

    .table-template-summary .template-summary .template-summary-capturing-for {
        width: 25%;
    }

    .table-template-summary .template-summary .template-summary-counter {
        width: 6%;
    }

    .editor-template-container .container-checklist-type {
        padding-left: 25px;
    }

    .editor-template-container .row-checklist .container-checklist-item {
        padding-left: 0;
    }


    .editor-goal-container .assignment-welfare-goal {
        padding-right: 15px;
        padding-left: 0;
    }

    .editor-goal-container .assignment-welfare-goal .container-assignment {
        padding: 15px 15px;
    }

    .template-page-container .measurement-time .unit-container,
    .template-page-container .measurement-custom-level .unit-container,
    .template-page-container .template-goal-calculated-measurement .unit-container {
        text-align: center;
    }

    .template-page-container:not(.progress-report) .template-page-content {
        padding: 30px;
    }

    .template-page-container.progress-report .template-page-content {
        padding: 15px 30px !important;
    }


    .template-management-container .table-template-summary tbody tr td {
        padding: 20px;
    }

    .template-management-container .table-template-summary thead th {
        padding: 10px 20px 10px;
    }

    .template-fields-container.show-notes .container-prepopulated-notes,
    .template-fields-container.show-prepopulated .container-notes-instructions {
        display: none;
    }

    .template-page-container .template-goal-container .entity-type,
    .editor-goal-container .label-type {
        padding-left: 5px;
    }

    .editor-goal-container .row-goal .header-goal {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width: 560px) {
    .template-page-container .editor-template-container .radio-inline {
        width: 100%;
        margin-left: 0;
    }
}

@media(max-width: 480px) {
    .welfareFrequencyModal .row-frequency .frequency-time {
        margin-bottom: 15px;
    }

    .welfareFrequencyModal input.reminder-value {
        width: 65px;
    }

    .welfareFrequencyModal .reminder-unit {
        width: 105px;
    }

    .editor-goal-container .assignment-welfare-goal.inactive {
        left: -100% !important;
    }
}


@media(min-width: 481px) {
    .welfareFrequencyModal input.reminder-value {
        width: 70px;
    }

    .welfareFrequencyModal .reminder-unit {
        width: 120px;
    }
}

@media(min-width: 375px) {
    .welfareFrequencyModal a.remove-reminder {
        margin-left: 15px;
    }

    .welfareFrequencyModal .reminder-unit {
        margin-left: 10px;
    }

    .welfareFrequencyModal .reminder-container span {
        margin-left: 10px;
    }
}

@media(max-width: 374px) {
    .welfareFrequencyModal input.reminder-value {
        width: 65px;
    }

    .welfareFrequencyModal .reminder-unit {
        width: 100px;
    }

    .welfareFrequencyModal a.remove-reminder {
        margin-left: 10px;
    }

    .welfareFrequencyModal .reminder-unit {
        margin-left: 5px;
    }

    .welfareFrequencyModal .reminder a.remove-reminder {
        display: inline-block;
    }

    .welfareFrequencyModal .reminder span {
        display: inline-block;
        margin-top: 15px;
        margin-left: 15px;
    }
}

@media(max-width: 320px) {
    .welfareFrequencyModal .reminder a.remove-reminder {
        right: 25%;
    }

    .animal-mini-detail .animal-picture {
        padding-left: 10px !important;
        width: 90px !important;
    }

    .merge-split-information .animal-mini-detail .animal-picture {
        margin-right: 15px;
    }

    .editor-goal-container .editor-welfare-goal {
        padding-left: 0;
        padding-right: 0;
    }
}

@media(max-width: 479px) {
    .header-editor-welfare-goal .container-help-icon {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 321px) and (max-width: 374px) {
    .welfareFrequencyModal .reminder a.remove-reminder {
        right: 30%;
    }
}

.template-summary-capturing-for .assign-to.goal-for {
    word-break: break-word;
}

.editor-goal-container .assignment-welfare-goal .title-counter-container, .editor-goal-container .assignment-welfare-goal a.copy-goal {
    display: inline-block;
}

.notes-instruction-container label {
    padding-left: 5px !important;
    font-weight: normal;
    color: #333;
}

.notes-instruction-container label ~ label {
    padding-left: 0 !important;
}

.notes-instruction-container .separator {
    margin: 0 5px;
}

.template-fields-container.show-notes .nav-tabs .notes a,
.template-fields-container.show-prepopulated .nav-tabs .prepopulated a {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs .prepopulated.has-value a span:after,
.nav-tabs .notes.has-value a span:after {
    content: ' *';
}

.template-fields-container .nav-tabs .prepopulated a i {
    margin-left: 3px;
    color: #333;
}

.row-notes .nav-tabs {
    margin-bottom: 10px;
}

.template-page-container .label-assign-to {
    display: flex;
    padding-top: 12px;
    align-items: center;
}

.template-page-container .label-assign-to label {
    margin-bottom: 0px;
    margin-right: 5px;
}

.table-template-summary .template-summary-control a,
.role-index #role-list .table-striped .copy {
    text-decoration: none;
}


@media(min-width: 992px) {
    .welfare-checklist-detail .checklist-items-container {
        display: flex;
        flex-wrap: wrap;
    }

    .welfare-checklist-detail .checklist-detail-container .checklist-detail {
        padding-right: 15px;
        margin-bottom: 2px;
    }

    .template-page-container .label-assign-to {
        justify-content: flex-end;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    .welfare-checklist-detail .checklist-detail-container .checklist-detail {
        flex-basis: 50%;
    }

    .timeline-mode.expand-right .checklist-detail-container .checklist-detail {
        flex-basis: 33% !important;
    }
}

@media(min-width: 1200px) {
    .welfare-checklist-detail .checklist-detail-container .checklist-detail {
        flex-basis: 33%;
    }
}

.checklist-detail-container.hide-unchecked .unchecked-checklist,
.checklist-detail-container.hide-unchecked .label-hide-unchecked,
.checklist-detail-container.show-unchecked .label-show-unchecked {
    display: none !important;
}

.checklist-detail-container.show-unchecked .label-hide-unchecked,
.checklist-detail-container.hide-unchecked .label-show-unchecked {
    display: inline-block;
    width: 100%;
}

.welfare-checklist-detail .checklist-detail-container .checklist-detail {
    margin-bottom: 12px;
}

.welfare-checklist-detail .checklist-detail-container .checkbox,
.editor-template-container .row-checklist .checkbox:not(.checkbox-copy-freq-container) {
    padding-top: 2px;
    float: none;
    width: 100%;
}

.welfare-checklist-detail .checklist-detail-container:not(.hide-unchecked.missing-checked-items) {
    margin-top: 10px;
}

.welfare-checklist-detail .checklist-detail-container.hide-unchecked.missing-checked-items {
    margin-top: 5px;
}

.dailyreport-edit .welfare-checklist-detail .checklist-detail-container {
    margin-left: 10px;
}

.dailyreport-view .welfare-checklist-detail .checklist-detail-container {
    margin-left: 15px;
}

.welfare-checklist-detail .checklist-detail-container .checkbox-checklist {
    display: flex;
    flex-direction: row;
}

.welfare-checklist-detail .checklist-detail-container .checkbox-checklist i {
    margin-top: 3px;
    margin-right: 5px;
}

.welfare-checklist-detail .checklist-detail-container .checkbox-checklist i.unchecked {
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 15px;
    width: 15px;
    flex-shrink: 0;
}

.welfare-checklist-detail .checklist-detail-container .checkbox-checklist.type-single i.unchecked {
    border-radius: 50%;
}

.welfare-checklist-detail .checklist-detail-container .checkbox-checklist .fa-check {
    color: #5cb85c;
}

.welfare-checklist-detail .checklist-detail-container .checkbox-checklist label {
    font-weight: normal;
}

.editor-goal-container .template-assignment-checkbox {
    float: left;
    margin-bottom: 10px;
}

.editor-goal-container .template-assignment-result {
    display: block;
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 180px;
    overflow-y: auto;
}

.editor-goal-container .template-assignment-checkbox.disabled {
    color: #999;
}

.editor-goal-container .template-assignment-checkbox.disabled input.checkbox-nolabel {
    cursor: default !important;
}

.editor-goal-container .template-assignment-result i {
    margin-right: 5px;
}

.editor-goal-container .template-assignment-result .template-goal-checkbox-label {
    width: calc(100% - 30px);
}

.editor-goal-container .template-assignment-animal .template-goal-checkbox {
    vertical-align: top;
}

.editor-goal-container .template-assignment-animal-group,
.editor-goal-container .template-assignment-section {
    vertical-align: middle;
}

.editor-goal-container .checkbox.template-goal-checkbox {
    padding-top: 5px;
}

.editor-goal-container .template-assignment-animal .checkbox.template-goal-checkbox {
    padding-top: 0px;
}

.editor-goal-container .template-assignment-animalgroup .checkbox.template-goal-checkbox,
.editor-goal-container .template-assignment-animalwithinsection .checkbox.template-goal-checkbox,
.editor-goal-container .template-assignment-section .checkbox.template-goal-checkbox {
    padding-top: 2px;
}

.editor-goal-container .template-assignment-checkbox .template-goal-checkbox,
.editor-goal-container .template-assignment-checkbox .template-goal-checkbox-label {
    display: inline-block;
}

.editor-goal-container .template-goal-container .entity-type li {
    color: #888;
}

.editor-goal-container .template-goal-container .custom-level ul {
    list-style: none;
}

.editor-goal-container .template-goal-container .custom-level ul li {
    margin-bottom: 4px;
}

.welfareFrequencyModal .row-frequency .btn-frequency {
    color: #aaa;
    text-transform: uppercase;
    border: 2px solid #ddd;
    margin-right: 5px;
    font-size: 13px;
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
    padding: 3px 0;
}

.welfareFrequencyModal .row-frequency .btn-frequency:focus,
.welfareFrequencyModal .row-frequency .btn-frequency:hover,
.welfareFrequencyModal .frequency-result .remove-frequency:hover,
.welfareFrequencyModal .frequency-result .remove-frequency:focus,
.welfareFrequencyModal a.add-time:focus {
    text-decoration: none;
}

.welfareFrequencyModal .row-frequency .frequency-result.active,
.welfareFrequencyModal .row-frequency .btn-frequency.selected {
    color: #fff;
    background-color: #2780e3;
    border-color: #2780e3;
}

.welfareFrequencyModal .row-frequency .frequency-result.active {
    -webkit-transition: all 200ms ease-out 0.5s;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-out 0.5s;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-out 0.5s;
    -moz-transform: scale(1);
    transition: all 200ms ease-out 0.5s;
    transform: scale(1);
}

.welfareFrequencyModal .row-frequency .frequency-result:hover,
.welfareFrequencyModal .row-frequency .frequency-result.active.zoom {
    box-shadow: 0px 0px 11px #666;
    z-index: 100;
    position: relative;
    -webkit-transition: all 100ms ease-in 0.1s;
    -webkit-transform: scale(1.3);
    -ms-transition: all 100ms ease-in 0.1s;
    -ms-transform: scale(1.3);
    -moz-transition: all 100ms ease-in 0.1s;
    -moz-transform: scale(1.3);
    transition: all 100ms ease-in 0.1s;
    transform: scale(1.3);
}

.welfareFrequencyModal .row-frequency {
    margin-bottom: 20px !important;
}

.welfareFrequencyModal .row-frequency .btn-date {
    width: 28px;
}

.welfareFrequencyModal .row-frequency .btn-month {
    width: 41px;
}

.welfareFrequencyModal .row-frequency .btn-day {
    width: 41px;
}

.welfareFrequencyModal .row-frequency.frequency-detail {
    display: none;
}

.welfareFrequencyModal .row-frequency.frequency-detail.active {
    display: block !important;
}

.welfareFrequencyModal .frequency-result {
    width: auto;
    display: inline-block;
    padding: 2px 5px;
    border: 1px solid #ccc;
    font-size: 13px;
    margin-right: 5px;
    margin-bottom: 10px;
    cursor: pointer;
    background-color: #fff;
}

.welfareFrequencyModal .frequency-result.active .remove-frequency {
    color: #fff !important;
}

.welfareFrequencyModal .frequency-result .remove-frequency {
    color: #666;
    margin-left: 5px;
}

.welfareFrequencyModal .frequency-result .remove-frequency:hover {
    color: #1967be;
}

.welfareFrequencyModal .frequency-result.template {
    display: none;
}

.welfareFrequencyModal .frequency-date.yearly .btn-date {
    display: none;
}

.welfareFrequencyModal .frequency-date.yearly.max-29 .btn-date.max-29,
.welfareFrequencyModal .frequency-date.yearly.max-30 .btn-date.max-30,
.welfareFrequencyModal .frequency-date.yearly.max-31 .btn-date.max-31 {
    display: inline-block;
}

.welfareFrequencyModal .frequency-date.monthly {
    background-color: #fff !important;
}

.welfareFrequencyModal a.add-time {
    font-size: 13px;
    padding: 1px 8px;
    border: 1px solid #2b78e4;
    vertical-align: middle;
    display: inline-block;
    margin-right: 3px;
}

.welfareFrequencyModal .modal-body {
    overflow-x: hidden;
}

.welfareFrequencyModal a.add-time.disabled {
    cursor: not-allowed;
}

.welfareFrequencyModal a.add-time i {
    margin-right: 5px;
    margin-top: 3px;
    display: inline-block;
}

.welfareFrequencyModal a.add-time:hover {
    text-decoration: none;
}

.welfareFrequencyModal a.add-time:not(.disabled):hover {
    background-color: #2b78e4;
    color: #fff;
    border-color: #2b78e4;
    text-decoration: none;
}

.welfareFrequencyModal .frequency-container .row-frequency {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 15px;
}

.welfareFrequencyModal input.reminder-value,
.welfareFrequencyModal .reminder-unit {
    vertical-align: middle;
}

.welfareFrequencyModal input.reminder-value {
    display: inline-block;
    margin-left: 15px;
}

.welfareFrequencyModal .reminder-unit {
    display: inline-block;
}

.welfareFrequencyModal .reminder-container.not-exists .reminder,
.welfareFrequencyModal .reminder-container.not-exists label,
.welfareFrequencyModal .reminder-container.active a.add-reminder {
    display: none;
}

.welfareFrequencyModal .reminder-container.active .reminder .welfareFrequencyModal .reminder-container.active label {
    display: inline-block;
}

/* time slider*/

.container-time-slider .ui-slider {
    text-decoration: none !important;
}

.container-time-slider .ui-corner-all,
.container-time-slider .ui-corner-top,
.container-time-slider .ui-corner-left,
.container-time-slider .ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.container-time-slider .ui-corner-all,
.container-time-slider .ui-corner-top,
.container-time-slider .ui-corner-right,
.container-time-slider .ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.container-time-slider .ui-corner-all,
.container-time-slider .ui-corner-bottom,
.container-time-slider .ui-corner-left,
.container-time-slider .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.container-time-slider .ui-corner-all,
.container-time-slider .ui-corner-bottom,
.container-time-slider .ui-corner-right,
.container-time-slider .ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.container-time-slider .ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #404040;
}

.container-time-slider .ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

.container-time-slider .ui-slider-horizontal {
    height: .7em;
}

.container-time-slider .ui-slider {
    position: relative;
    text-align: left;
}

.container-time-slider .ui-slider .ui-slider-handle {
    overflow: visible !important;
}

.container-time-slider .ui-state-active, .ui-widget-content .ui-state-active,
.container-time-slider .ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff;
    font-weight: normal;
    color: #212121;
}

.container-time-slider .ui-state-default,
.container-time-slider .ui-widget-content .ui-state-default,
.container-time-slider .ui-widget-header .ui-state-default {
    border: 1px solid #e96223;
    background: #e96223;
    font-weight: normal;
    color: #555;
}

.container-time-slider .ui-slider-horizontal .ui-slider-handle {
    top: -.2em;
    margin-left: -0.6em;
}

.container-time-slider .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1em;
    cursor: ew-resize;
}

.container-time-slider .ui-slider a {
    text-decoration: none;
}

.container-time-slider .slider {
    background: #a3e5f4;
}

.template-management-container .search-template-container {
    position: relative;
}

.template-management-container .search-template.on-search {
    padding-right: 60px;
}

.template-management-container .search-template.on-search {
    padding-right: 32px;
}

.template-management-container .search-template-container .fa-search,
.template-management-container .search-template-container .reset.on-search {
    position: absolute;
    right: 26px;
    top: 12px;
}

.template-management-container .search-template-container .fa-search,
.template-management-container .search-template-container .reset.on-search {
    font-size: 17px;
    display: block;
}

.template-management-container .search-template-container .fa-search.on-search {
    display: none;
}

.template-management-container .search-template-container .reset.on-search {
    text-decoration: none;
}

.template-management-container .search-template-container .fa-search {
    color: #e6e6e6;
}

.template-management-container .search-template-container .reset {
    display: none;
    color: #aaa;
}

.template-management-container .template-content .table-template-summary {
    margin-left: 0;
    margin-right: 0;
}

.template-management-container .search-template-container .btn-search-template:hover,
.template-management-container .search-template-container .btn-search-template:focus .template-management-container .template-summary a.fa:hover {
    text-decoration: none;
}

.template-management-container .row-template .template-counter-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-top: 20px;
}

.template-management-container .row-template .template-counter-container .template-counter {
    border: 1px solid #ddd;
    padding: 0 10px 10px 10px;
    color: #666;
    font-size: 26px;
    margin-right: 5px;
    margin-top: 5px;
    display: flex;
    flex-direction: column-reverse;
    flex: 0 0 19%;
    min-width: 105px;
}

.template-management-container .row-template .template-counter-container .template-counter label {
    font-size: 11px;
    color: #aaa;
    line-height: 1em;
    margin-bottom: auto;
    font-weight: normal;
    text-transform: uppercase;
}

.template-management-container .template-page-content .assign-to:not(:first-child) {
    margin-left: 7px;
}

.template-management-container .assign-to-title i {
    margin-right: 5px;
}

.template-management-container .template-content .row-search-template {
    margin-bottom: 30px;
}

.template-management-container .table-template-summary .template-summary-counter span {
    font-weight: 600;
    width: 33px;
    height: 33px;
    font-size: 18px;
    color: #aaa;
}

.template-management-container .template-summary-name .template-name,
.editor-template-container .template-for-animal-assignment-type label {
    font-weight: 600;
}

.template-management-container .template-summary-name .template-name {
    text-decoration: none !important;
}

.template-management-container .table-template-summary thead th {
    vertical-align: middle;
}

.template-management-container .table-template-summary tbody tr td {
    vertical-align: middle;
}

#createTemplateModal .modal-body .text-muted {
    display: inline-block;
    width: 100%;
}

#createTemplateModal .create-template-options .text-muted {
    font-size: 12px;
}

.template-page-container .list-group-item-danger a {
    color: #fff !important;
}

@media(max-width: 767px) {
    #createTemplateModal .create-template-options {
        margin-top: 0;
    }

    #createTemplateModal .modal-body {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .template-page-content .template-details {
        margin-bottom: 0;
        line-height: 1.2em;
    }

    .template-page-content .row-template .row {
        margin-bottom: 30px;
    }
}

@media(min-width: 768px) {
    #createTemplateModal .create-template-options {
        margin-top: 25px;
    }
}

@media(max-width: 424px) {
    .editor-template-container button#btnSaveAndAddGoal {
        display: block;
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

@media(max-width: 1199px) {
    .template-page-content .row-template {
        padding: 30px 5px;
    }

    .template-page-content .table-template-summary .row-template:not(:first-of-type) {
        border-top: 1px solid #eee;
    }

    .template-page-container .row-description {
        padding-left: 0;
        padding-right: 0;
    }

    .template-page-container .template-page-content .no-record-found {
        margin-left: 15px;
    }

    .template-page-container .row-template .dropdown-menu {
        right: 0;
        left: auto;
    }


    .template-page-container .row-template .template-action .input-group {
        display: inline-block;
    }
}

@media(min-width: 1200px) {
    .template-page-content .table-template-summary {
        padding: 0px;
    }

    .template-page-container .row-description {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(min-width: 768px) and (max-width: 1199px) {
    .template-page-content .row-template .row {
        margin-bottom: 10px;
    }
}

@media(max-width: 374px) {
    .template-page-container .row-description {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media(min-width: 992px) {
    .template-page-container .row-goal {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width: 992px) {
    .template-page-container .row-goal {
        padding-left: 0;
        padding-right: 0;
    }
}


.template-page-container .template-page-content {
    padding-left: 0;
    padding-right: 0;
}


#createTemplateModal .create-template-options a.btn {
    margin-bottom: 10px;
    margin-top: 5px;
}

#createTemplateModal .copy-template input.template-name {
    margin-top: 5px;
    margin-bottom: 5px;
}

#createTemplateModal .modal-title {
    text-transform: initial !important;
    font-weight: 500;
}

.editor-template-container .template-page-header button {
    border: 1px solid #ddd;
    background-color: #f5f5f5;
}

.editor-template-container .template-page-header button.disabled {
    opacity: .65;
    cursor: not-allowed;
    box-shadow: none;
}

.template-page-container .template-page-header button:hover,
.template-page-container .template-page-header button:focus,
.template-page-container .template-page-header button:active {
    color: #000;
}

.template-page-container .template-page-header button:hover {
    background-color: #eee !important;
}

.template-page-container .template-page-header button.btn-white {
    border-bottom: none !important;
}

.editor-goal-container button.btn-goal.btn,
.welfare-progress button.btn-compare {
    border-bottom: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #f4f4f4;
}

.template-page-container .template-page-header button.btn-white {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
}

.template-page-container .template-page-header button.btn-goal i {
    height: 20px;
    width: 20.5px;
    background-color: #2b78e4;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    margin-right: 3px;
    font-size: 14px;
}

.template-page-container .template-page-header button.btn-white i {
    background-color: #666 !important;
}

.body-content[class*="welfare"] a.back {
    font-size: 22px;
    margin-right: 3px;
}

.editor-goal-container .template-page-header button.btn-goal i {
    color: #fff;
}

.editor-goal-container .row-checklist input.target {
    text-align: center;
}

.editor-template-container .invalid-welfare-assign-to ul {
    padding-left: 20px;
}

.editor-template-container .invalid-welfare-assign-to li {
    margin-bottom: 3px;
}

.editor-template-container .invalid-welfare-assign-to p {
    margin-bottom: 5px;
}

.template-page-container .row-description {
    padding: 15px;
}

.template-page-container.copy-freq-mode .row-description {
    margin-bottom: 20px;
}

.editor-template-container #list-editor-file-upload .delete-container {
    text-align: center;
}

.template-page-container .container-dropdown-template-for-animal {
    margin-top: 15px;
}

.template-page-container .container-dropdown-template-for-animal .select2-selection__clear {
    color: #333;
}

.template-page-container .container-dropdown-template-for-animal.no-value .select2-container .select2-search__field {
    width: 310px !important;
}

.select-animal-custom-format.select2-results li {
    min-height: 85px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.select2-container.select-IdentifierType {
    right: 10px !important;
}

.select2-container.select-IdentifierType .select2-dropdown {
    width: 100% !important;
}

.select-animal-template-assignment-type.select-welfare-template-for-animal .select2-dropdown {
    width: 500px !important;
}

.select-animal-custom-format ul.select2-results__options:not(.select2-results__options--nested),
.select-welfare-template-for-animal-group ul.select2-results__options:not(.select2-results__options--nested),
.select-welfare-template-for-animal-in-section ul.select2-results__options:not(.select2-results__options--nested) {
    max-height: 350px !important;
}

.select-animal-custom-format .select2-dropdown .image-container {
    background-color: #fff;
    display: table;
    border: 1px solid #e0e2e1;
    vertical-align: middle;
    text-align: center;
    height: 81px;
    width: 81px;
}

.select-copy-welfare-goal i.fa {
    font-size: 14px;
    margin-left: 8px;
    color: #ff9900;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
}

.select-copy-welfare-goal .select2-results__option--highlighted i.fa {
    color: #fff;
}

.select-copy-welfare-goal .select2-results__option[aria-disabled=true] {
    background-color: #eee;
    margin-bottom: 2px;
}

.select-copy-welfare-goal.select-copy-animal-group .select2-results__option .name,
.select-copy-welfare-goal.select-copy-section .select2-results__option .name {
    max-width: calc(100% - 20px);
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.progress-report #welfare-view-compare .container-selected-entity .section-card-picture .image-container,
.animal-mini-detail .animal-picture .image-container {
    background: none;
    display: table;
    border: 1px solid #e0e2e1;
    vertical-align: middle;
    text-align: center;
    height: 81px;
    width: 81px;
}

.progress-report #welfare-view-compare .container-selected-entity .section-card-picture .image-inner-container,
.animal-mini-detail .animal-picture .image-inner-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    width: 80px;
}

.progress-report #welfare-view-compare .container-selected-entity .section-card-picture img,
.animal-mini-detail .animal-picture .image-inner-container img {
    width: auto;
    height: auto;
    margin: auto;
    display: block;
    max-width: 100%;
    padding: 2px;
    max-height: 80px;
}

.animal-mini-detail .animal-description .name > span,
.animal-mini-detail .animal-description .name > a.animal-name {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
}

.animal-mini-detail .animal-description .name.show-external-link > .animal-name {
    max-width: 95% !important;
}

.animal-mini-detail .animal-description .name.show-external-link .external-link {
    margin-left: 5px;
}

.animal-mini-detail .animal-description .name .section-tag i {
    margin-right: 3px;
}

.animal-mini-detail .animal-description .name > .animal-name {
    font-weight: 600;
}

.animal-mini-detail .animal-description .name.show-icon-template a,
.animal-mini-detail .animal-description .name.show-icon-template span {
    width: auto !important;
    max-width: 90%;
}

.animal-mini-detail .animal-description .name.show-icon-template i {
    vertical-align: top;
    line-height: 1.2em;
}

.animal-mini-detail .animal-description .canonical-name {
    font-size: 13px;
    white-space: normal;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 3px;
}

.animal-mini-detail .animal-description .common-name {
    font-size: 13px;
    width: 100%;
    color: #999;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal;
    display: -webkit-box;
}

.progress-report #welfare-view-compare .section-description,
.animal-mini-detail .animal-description {
    padding-top: 0;
    display: inline-block;
    width: calc(100% - 120px);
    padding-left: 0px;
    vertical-align: top;
}

.select-animal-custom-format .select2-results__option[role="treeitem"] [id="0"] {
    padding-block: 15px;
}


.select-animal-custom-format .select2-dropdown .image-inner-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.select-animal-custom-format .image-inner-container img {
    height: auto;
    width: auto;
    margin: 0;
}

.select-animal-custom-format .select2-dropdown .animal-picture {
    width: 80px;
    display: inline-block;
    margin-right: 15px;
}

.select-welfare-template-for-animal-in-section .select2-dropdown .select2-option-section,
.select-welfare-template-for-animal-group .select2-dropdown .select2-option-animal-group {
    padding-top: 5px;
    padding-bottom: 5px;
}


.select-welfare-template-for-animal-in-section .select2-dropdown .select2-option-section,
.select-animal-custom-format .select2-dropdown .select2-option-animal,
.select-welfare-template-for-animal-group .select2-dropdown .select2-option-animal-group {
    display: flex;
}

.select-animal-custom-format .select2-dropdown .select2-option-animal .animal-info-container,
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-option-section .section-info-container,
.select-welfare-template-for-animal-group .select2-dropdown .select2-option-animal-group .animal-group-info-container {
    flex: 1;
}

.select-welfare-template-for-animal-in-section .select2-dropdown .select2-option-section .checkbox,
.select-welfare-template-for-animal-group .select2-dropdown .select2-option-animal-group .checkbox {
    margin: 0;
}

.select-animal-custom-format .select2-dropdown .select2-results__option[role="treeitem"] .checkbox {
    margin-top: 0;
}

.select-animal-custom-format .select2-dropdown .select2-results__group .checkbox {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.select-animal-custom-format .select2-dropdown .select2-results__option .checkbox,
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-option-section .checkbox,
.select-welfare-template-for-animal-group .select2-dropdown .select2-option-animal-group .checkbox {
    margin-right: 5px;
}

.select-animal-custom-format .select2-dropdown .select2-results__option .checkbox label,
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-option-section .checkbox label,
.select-welfare-template-for-animal-group .select2-dropdown .select2-option-animal-group .checkbox label {
    padding-left: 0px;
}

.select-animal-custom-format .select2-dropdown .select2-results__option[aria-disabled=true]:not(.loading-results),
.select-welfare-template-for-animal-group .select2-dropdown .select2-results__option[aria-disabled=true]:not(.loading-results),
.select-section-custom-format.select-section-template .select2-dropdown .select2-results__option[aria-disabled=true]:not(.loading-results),
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option[aria-disabled=true]:not(.loading-results),
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option.disabled,
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option.disabled[aria-selected=true],
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option:has(.disabledByParent),
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option:has(.disabledByParent)[aria-selected=true],
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option.select2-results__option--highlighted.disabled {
    background-color: #f8f8f8 !important;
    cursor: default !important;
}

.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option[aria-disabled=true] .section-name-container,
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option.disabled .section-name-container,
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option.disabled[aria-selected=true] .section-name-container,
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option .disabledByParent .section-name-container,
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option.select2-results__option--highlighted.disabled .section-name-container {
    color: #999 !important;
}


.select-animal-custom-format .select2-dropdown .select2-results__option[aria-disabled=true] input[type="checkbox"],
.select-welfare-template-for-animal-group .select2-dropdown .select2-results__option[aria-disabled=true] input[type="checkbox"],
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option[aria-disabled=true] input[type="checkbox"],
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option.disabled input[type="checkbox"],
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option.disabled[aria-selected=true] input[type="checkbox"],
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option .disabledByParent input[type="checkbox"] {
    pointer-events: none;
}

.select-animal-custom-format:not(.dropdown-section) .select2-dropdown .select2-results__option[role="treeitem"] {
    border-top: 1px solid #eee;
}

.select-animal-custom-format .select2-dropdown .select2-results__option[role="treeitem"] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.select-animal-custom-format .select2-dropdown .select2-results__option[aria-disabled=true] .checkbox label,
.select-welfare-template-for-animal-in-section .select2-dropdown .select2-results__option[aria-disabled=true] .checkbox label,
.select-welfare-template-for-animal-group .select2-dropdown .select2-results__option[aria-disabled=true] .checkbox label {
    cursor: not-allowed;
}

.select-animal-custom-format .select2-dropdown .select2-results__group {
    background-color: #666;
    color: #fff;
}

.select-animal-custom-format.multiple .select2-dropdown .select2-results__group,
.select-animal-custom-format.show-checkbox .select2-dropdown .select2-results__group {
    padding-bottom: 3px;
}

.select-animal-custom-format.multiple .select2-dropdown .select2-results__option:not([aria-disabled=true]) .select2-results__group,
.select-animal-custom-format.show-checkbox .select2-dropdown .select2-results__option:not([aria-disabled=true]) .select2-results__group {
    cursor: pointer;
}

.select-animal-custom-format .checkbox {
    display: none;
}

.select-animal-custom-format.multiple .checkbox,
.select-animal-custom-format.show-checkbox .checkbox {
    display: block !important;
}

.select-animal-custom-format .checkbox input[type="checkbox"] {
    pointer-events: none;
}

.select-animal-custom-format.multiple .checkbox input[type="checkbox"],
.select-animal-custom-format.show-checkbox .checkbox input[type="checkbox"] {
    pointer-events: auto !important;
}

.select-animal-custom-format .select2-dropdown .select2-results__option[aria-disabled=true] .checkbox label:before {
    background-color: #eeeeee;
    cursor: not-allowed;
    pointer-events: none;
}

.select-animal-custom-format .animal-description {
    display: inline-block;
    width: calc(100% - 110px);
    vertical-align: top;
}

.select-animal-custom-format .animal-description.no-picture {
    padding-top: 0px !important;
    width: 100% !important;
}

.select-animal-custom-format.select-copy-animal .animal-description {
    display: inline-block;
    width: calc(100% - 110px);
    vertical-align: top;
}

.select-animal-custom-format .animal-description .name span {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
    vertical-align: top;
}

.select-entities-custom-format .icon-template {
    color: #74ac0a;
    vertical-align: top;
    margin-left: 3px;
    line-height: 1em;
}

.select-animal-custom-format .animal-description span.animal-disposition {
    vertical-align: top;
    margin-top: 2px;
}

.select-entities-custom-format .select2-results__option--highlighted:not([aria-disabled="true"]):not([aria-selected="true"]) .show-icon-template .icon-template,
.select-entities-custom-format .select2-results__option--highlighted .show-icon-template:not(.force-show) .icon-template {
    color: #fff;
}

.select-animal-custom-format .animal-description .name.show-icon-template span {
    width: auto;
    max-width: 90%;
}

.select-entities-custom-format .assigned-template {
    display: flex !important;
    margin-block: 3px;
    gap: 3px;
    width: 100%;
}

.select-entities-custom-format .assigned-template span {
    font-weight: 400;
    color: #bbb;
}

.select-entities-custom-format .select2-results__option[aria-disabled="true"] .show-icon-template span.name {
    color: #888;
}

.select-entities-custom-format .info-container span.name {
    display: flex;
    align-items: center;
    gap: 2px;
}

.select2-container.search-for-disposition .select2-search--dropdown {
    display: flex;
}

.select2-container .select2-search--dropdown .select2-search-field-container {
    flex: 1;
    position: relative;
}

.select2-container .select2-search--dropdown .select2-search-field-container .reset-textbox {
    color: #aaa;
    font-size: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.select2-container .select2-search--dropdown .select2-search-field-container .select2-search__field {
    height: 37px;
    padding-left: 10px;
    padding-right: 30px;
}

.select2-container.search-for-disposition .select2-search--dropdown .select2-search-field-container .select2-search__field {
    height: 43px !important;
}


@media(min-width: 768px) {
    .select2-container.search-for-disposition .select2-search--dropdown {
        flex-direction: row;
    }

    .select2-container.search-for-disposition .select2-search--dropdown .disposition-group-btn {
        width: 185px;
    }

    .select2-container.search-for-disposition .select2-search--dropdown .select2-search__field {
        border-left: none;
    }

    .select2-container.search-for-disposition .select2-search--dropdown .disposition-group-btn .btn-disposition {
        display: flex;
        align-items: center;
    }

    .select2-container.search-for-disposition .select2-search--dropdown .disposition-group-btn .caret {
        margin-left: auto;
    }
}

@media(max-width: 767px) {
    .select2-container.search-for-disposition .select2-search--dropdown {
        flex-direction: column;
    }

    .select2-container.search-for-disposition .select2-search--dropdown .disposition-group-btn {
        width: 100%;
    }

    .select2-container.search-for-disposition .select2-search--dropdown .disposition-group-btn .caret {
        margin-left: 5px;
    }

    .select2-container.search-for-disposition .select2-search--dropdown .select2-search__field {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.select-animal-custom-format .animal-description .canonical-name,
.select-animal-custom-format .animal-description .common-name {
    margin-top: 2px;
}


.select-animal-custom-format .animal-description .canonical-name,
.select-animal-custom-format .animal-description .assigned-template span,
.select-animal-custom-format .animal-description .common-name,
.select-welfare-template-for-animal-in-section .assigned-template span,
.select-welfare-template-for-animal-group .assigned-template span,
.select-animal-custom-format .animal-description .name span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-inline-box;
}

.select-animal-custom-format .animal-description .canonical-name,
.select-animal-custom-format .animal-description .assigned-template span,
.select-animal-custom-format .animal-description .common-name,
.select-entities-custom-format .assigned-template span {
    font-size: 13px;
}

.select-animal-custom-format.multiple .animal-description .name span,
.select-animal-custom-format .animal-description .assigned-template,
.select-welfare-template-for-animal-in-section .assigned-template,
.select-welfare-template-for-animal-group .assigned-template span {
    max-width: 100%;
}


.select-animal-custom-format .animal-description .canonical-common-name {
    display: flex;
}

.select-animal-custom-format.select-welfare-template-for-animal .animal-description .canonical-common-name {
    width: 100%;
    flex-direction: row;
    align-items: center;
}

.select-animal-custom-format:not(.select-welfare-template-for-animal) .animal-description .canonical-common-name {
    flex-direction: column;
}

.select-animal-custom-format .animal-description .common-name {
    color: #999;
}

.select-animal-custom-format.select-welfare-template-for-animal .animal-description .common-name:before {
    content: "|";
    margin-left: 5px;
    margin-right: 5px;
}

.select-animal-custom-format .select2-results__option--highlighted .common-name,
.select-animal-custom-format [aria-selected="true"] .common-name {
    color: #fff !important;
}

.template-page-container .container-dropdown-template-for-animal .select2-selection__choice {
    position: relative;
    padding: 3px 20px 3px 7px;
    font-size: 14px;
    margin-right: 7px;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-bottom: 3px;
}

.template-page-container .container-dropdown-template-for-animal .select2-selection__choice span {
    color: #333;
}

.template-page-container .container-dropdown-template-for-animal .select2-container--focus .select2-selection--multiple {
    border: 1px solid #cccccc;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.template-page-container .container-dropdown-template-for-animal span.result-tag {
    font-weight: 600;
}

.template-page-container .container-dropdown-template-for-animal .select2-selection__choice__remove {
    position: absolute;
    right: 3px;
}

.template-page-container .container-dropdown-template-for-animal .select2-selection__choice i.fa,
.dropdown-animal-type-animal .select2-selection--multiple .select2-selection__choice > span,
.dropdown-animal-type-animal .select2-selection--multiple .select2-selection__choice i.fa,
.dropdown-entity-type-section .select2-selection--multiple .select2-selection__choice > span,
.dropdown-entity-type-section .select2-selection--multiple .select2-selection__choice i.fa,
#report-form .measurementItemIds-container .select2-selection--multiple .select2-selection__choice > span {
    margin-right: 6px;
    font-size: 14px;
}

#report-form .measurementItemIds-container .select2-selection--multiple .select2-selection__choice > div {
    display: inline;
}

.editor-goal-container .template-goal-container .input-control-inactive .input-control,
.editor-goal-container .template-goal-container .input-control-active .add-input-control,
.editor-template-container .template-goal-container .template-goal.row:not(.highlight) .frequency-not-exists > .frequency-result,
.editor-template-container .template-goal-container .frequency-exists .btn-add-frequency,
.editor-template-container .template-goal-container .template-frequency-result {
    display: none;
}


.editor-goal-container .template-goal-container .input-control-active .input-control,
.editor-template-container .template-goal-container .frequency-not-exists .add-input-control,
.editor-template-container .template-goal-container .frequency-exists .frequency-result {
    display: block;
}

.editor-goal-container .template-goal-container .input-control-inactive .add-input-control {
    display: inline-block;
}

.editor-template-container .template-goal-container .frequency-exists .freq-action-container .copy-frequency::after {
    margin-left: 6px;
    margin-right: 4px;
}

.editor-template-container .template-goal-container .freq-action-container .copy-frequency::before {
    margin-left: 4px;
    margin-right: 6px;
}

.editor-template-container .template-goal-container .freq-action-container .copy-frequency::before,
.editor-template-container .template-goal-container .frequency-exists .freq-action-container .copy-frequency::after {
    content: '|';
    color: #aaa;
    font-size: 16px;
}

.editor-template-container .template-goal-container .container-frequency-name {
    display: flex;
    align-items: baseline;
    width: 100%;
}

.editor-template-container .template-goal-container .container-frequency-name .frequency-name {
    font-weight: 600;
}

.editor-template-container .template-goal-container .container-frequency-name .reminder-unit-detail {
    margin-left: 10px;
    font-size: 13px;
}

.editor-template-container .template-goal-container .container-frequency-name .reminder-unit-detail i {
    margin-right: 1px;
}

.editor-template-container .template-goal-container .container-frequency-name .reminder-unit-detail.empty {
    display: none
}

@media(max-width: 991px) {
    .editor-goal-container a.remove-input-control {
        margin-left: 5px;
        vertical-align: top;
        margin-top: 2px;
    }
}

@media(min-width: 992px) {
    .editor-goal-container a.remove-input-control {
        margin-left: 10px;
        vertical-align: middle;
    }


    .select-animal-custom-format.select-welfare-template-for-animal.select2-container--open .select2-dropdown--above,
    .select-animal-custom-format.select-welfare-template-for-animal.select2-container--open .select2-dropdown--below,
    .select-welfare-template-for-animal-in-section.select2-container--open .select2-dropdown--above,
    .select-welfare-template-for-animal-in-section.select2-container--open .select2-dropdown--below,
    .select-welfare-template-for-animal-group.select2-container--open .select2-dropdown--above,
    .select-welfare-template-for-animal-group.select2-container--open .select2-dropdown--below {
        width: 50vw !important;
    }
}

.editor-goal-container a.remove-input-control {
    font-size: 18px;
    color: #333;
}

.editor-goal-container a.remove-input-control.disabled {
    display: none;
}

.editor-template-container .template-goal-container .frequency-detail ul {
    padding-left: 20px;
    margin-top: 4px;
    margin-bottom: 0px;
}

.editor-template-container .template-goal-container .frequency-detail li {
    font-size: 14px;
    margin-bottom: 2px;
}

.editor-goal-container .template-goal-container a:hover,
.editor-goal-container .template-goal-container a:focus {
    text-decoration: none;
}

.editor-goal-container .search-template-assignment-container .selected-counter {
    font-size: 13px;
    margin-top: 3px;
}

.editor-goal-container .search-template-assignment-container button {
    text-align: left;
}

.editor-goal-container .template-assignment-result.filtered .template-assignment-checkbox:not(.selected) {
    display: none;
}

#default-view .welfare-detail-container .checklist-title-container .title,
#default-view .welfare-detail-container .note-title-container .title,
#default-view .welfare-detail-container .measurement-title-container .title,
.template-page-container .row-goal .title-goal span.title,
#default-view .label-header-sticky span {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.1em;
    text-transform: uppercase;
}

#default-view .welfare-detail-container .measurement-title-container .title a {
    margin-left: 5px;
    vertical-align: middle;
}

.template-page-container .row-goal .title-goal a {
    font-size: 13px;
    margin-left: 5px;
}

#default-view .welfare-detail-container .checklist-title-container label,
#default-view .welfare-detail-container .note-title-container label,
#default-view .welfare-detail-container .measurement-title-container label,
.template-page-container .row-goal .title-goal label,
#default-view .label-header-sticky label {
    width: 18px;
    height: 1.1em;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.template-page-container .row-description {
    margin-bottom: 30px;
}

.template-page-container .welfare-record-status {
    padding-left: 15px;
}

.template-page-container .row-goal hr {
    margin-top: 10px;
}

.template-page-container .row-goal .drag-handle {
    cursor: move;
    padding: 0;
    background-position-x: left;
    background-position-y: bottom;
    height: 27px;
    float: left;
}

.template-page-container.copy-freq-mode .template-goal-container .template-goal.source-copy,
.template-page-container.copy-freq-mode .template-goal-container .template-goal.selected {
    border-bottom: 1px solid #fff;
}

.template-page-container .template-goal-container .template-goal {
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}

.template-page-container .template-goal-container .add i,
.template-page-container .template-goal-container .add span {
    vertical-align: middle;
}

.template-page-container .template-goal-container .add i {
    margin-right: 3px;
}

.editor-goal-container .template-goal-container .template-goal {
    padding-top: 15px;
    padding-bottom: 15px;
}

.editor-template-container .template-goal-container .template-goal {
    padding-top: 20px;
    padding-bottom: 20px;
}

.editor-template-container .template-fields-container {
    display: inline-block;
    width: calc(100% - 10px);
    padding-left: 10px;
}

.editor-template-container.copy-freq-mode .row-measurement .template-goal-container .template-goal,
.editor-template-container.copy-freq-mode .row-notes .template-goal-container .template-goal,
.editor-template-container.copy-freq-mode .row-checklist .template-goal-container .template-goal {
    display: flex;
}


.editor-template-container .template-goal-container .target-drag-handle,
.editor-template-container .template-goal.row.source-copy .label-source-copy,
.editor-template-container.copy-freq-mode .select-copy {
    display: block;
}


.editor-template-container.copy-freq-mode .template-goal.row:not(.highlight):not(.selected) .frequency-container.frequency-not-exists .frequency-result {
    display: block !important;
}


.editor-template-container.copy-freq-mode .template-goal.row:not(.highlight) .frequency-copy-result.frequency-not-exists .frequency-detail,
.editor-template-container.copy-freq-mode .template-goal.row:not(.selected) .frequency-container.frequency-not-exists .frequency-detail {
    padding-left: 15px;
}

@media(max-width: 991px) {
    .editor-template-container.copy-freq-mode .select-copy {
        right: 2px;
    }
}


@media(min-width: 992px) {
    .editor-template-container.copy-freq-mode .select-copy {
        left: 2px;
    }
}

.editor-template-container.copy-freq-mode .template-goal .select-copy span,
.editor-template-container.copy-freq-mode .select-copy {
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.editor-template-container.copy-freq-mode .select-copy {
    height: 34px;
    width: 34px;
    top: 1px;
    z-index: 2;
    position: absolute;
}

.editor-template-container.copy-freq-mode .template-goal .select-copy span {
    color: #ccc;
    height: 29px;
    width: 29px;
    border: 1px solid #ccc;
}

.editor-template-container.copy-freq-mode .template-goal.row.selected .select-copy span {
    color: #2780e3;
    border: 1px solid #2780e3;
}

.editor-template-container.copy-freq-mode .template-goal .select-copy span i {
    font-size: 17px;
}

.editor-template-container.copy-freq-mode .select-copy:hover,
.editor-template-container.copy-freq-mode .select-copy:focus {
    text-decoration: none;
}

.editor-template-container.copy-freq-mode .row-copy-config {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 30px;
    position: sticky;
    z-index: 3;
    margin-left: 0;
    margin-right: 0;
}

.editor-template-container .template-goal.row.source-copy {
    padding-top: 25px;
}

.editor-template-container .template-goal.row.source-copy .label-source-copy {
    background-color: #009e0f;
    color: #fff;
    padding: 1px 5px;
    z-index: 2;
    position: absolute;
    font-size: 11px;
    text-transform: uppercase;
    top: 0;
}


.editor-template-container.copy-freq-mode .template-goal.row .wrapper-copy {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    cursor: pointer;
}

.editor-template-container.copy-freq-mode .template-goal.row.source-copy .wrapper-copy,
.editor-template-container.copy-freq-mode .template-goal.row.template-goal-calculated-measurement .wrapper-copy {
    cursor: default !important;
}


.editor-template-container.copy-freq-mode .template-goal.row.source-copy .wrapper-copy {
    background-color: #B6D7A8;
    opacity: 50%;
}

.editor-template-container.copy-freq-mode .template-goal.row:not(.selected):not(.source-copy):not(.highlight) .wrapper-copy {
    background-color: #fff;
    opacity: 35%;
}


.editor-template-container.copy-freq-mode .template-goal.row.selected .wrapper-copy {
    background-color: #e8f2ff;
    opacity: 50%;
}

.editor-template-container.copy-freq-mode .template-goal.row.highlight .wrapper-copy {
    background-color: #f4f4f4;
    opacity: 50%;
}


.editor-template-container.copy-freq-mode .template-goal-container .target-drag-handle,
.editor-template-container .row-copy-config,
.editor-template-container.copy-freq-mode .template-goal-container .freq-action-container,
.editor-template-container.copy-freq-mode .template-goal-container .add-frequency,
.editor-template-container .label-source-copy,
.editor-template-container .select-copy,
.editor-template-container.copy-freq-mode .template-goal.row.source-copy .select-copy,
.editor-template-container.copy-freq-mode .add-new-measurement,
.editor-template-container.copy-freq-mode .add-new-calculated-measurement,
.editor-template-container.copy-freq-mode .add-new-note,
.editor-template-container.copy-freq-mode .add-new-checklist,
.editor-template-container.copy-freq-mode .freq-action-container {
    display: none;
}

.editor-template-container.copy-freq-mode .template-goal.source-copy .template-fields-container {
    padding-left: 15px;
}

.editor-template-container .measurement-custom-level span.label-custom-level,
.editor-template-container .measurement-other-unit .other-unit-name,
.editor-template-container .measurement-time .unit-container span.label-time,
.editor-template-container .measurement-template span.label-measurement-template {
    display: block !important;
}


.editor-template-container .copy-config-container {
    width: 100%;
    width: 100%;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.editor-template-container .copy-config-container{
    background-color: #ddd !important;
}

@media(max-width: 479px) {
    .editor-template-container .copy-config-container,
    #default-view .wrapper-daily-report-welfare.copy-mode .copy-entry-config {
        flex-direction: column;
    }

    .editor-template-container .copy-config-container .btn-copy-container,
    #default-view .wrapper-daily-report-welfare.copy-mode .copy-entry-config .btn-copy-container {
        margin-top: 10px;
    }

    .welfare-edit .title-page .top-btn-container,
    .welfare-add .title-page .top-btn-container {
        width: 100%;
        justify-content: right;
        margin-top: 5px;
    }

    .editor-template-container.copy-freq-mode .row-copy-config {
        top: 168px;
    }
}

@media(min-width: 480px) {
    .editor-template-container .copy-config-container .btn-copy-container {
        margin-left: 25px;
    }

    .editor-template-container.copy-freq-mode .row-copy-config {
        top: 128px;
    }
}



.editor-template-container .copy-config-container .btn-copy-container a.apply,
#default-view .wrapper-daily-report-welfare.copy-mode .copy-entry-config .btn-copy-container a.apply {
    margin-right: 3px;
}

#default-view .wrapper-daily-report-welfare.copy-mode .copy-entry-config .btn-copy-container {
    margin-left: 25px;
}

.editor-template-container .copy-config-container .btn-copy-container,
#default-view .wrapper-daily-report-welfare.copy-mode .btn-copy-container {
    display: flex;
    gap: 6px;
}

.editor-template-container .copy-config-container .btn-copy-container a,
#default-view .wrapper-daily-report-welfare.copy-mode .btn-copy-container a {
    padding: 4px 12px;
}

.editor-template-container .copy-config-container .btn-copy-container a {
    width: 89px;
}


@media(max-width: 991px) {
    .editor-template-container .template-fields-container .checklist-flex {
        display: flex;
        flex-flow: column-reverse;
    }

    .editor-template-container .checklist-flex .container-checklist-type,
    .editor-template-container .checklist-flex .entity-type {
        width: 100%;
    }
}

.editor-template-container .unit-container span.label-custom-level,
.editor-template-container .unit-container span.label-time,
.editor-template-container .unit-container span.label-measurement-template {
    display: none;
}

.editor-template-container .unit-container .other-unit-name {
    padding: 10px 15px;
    margin-top: 5px;
    display: none;
}

.editor-template-container .template-goal-measurement.measurement-custom-level .custom-level,
.editor-template-container .template-goal-measurement.measurement-template .measurement-template-detail {
    display: block !important;
}

.editor-template-container .template-goal-measurement .custom-level,
.editor-template-container .template-goal-measurement .measurement-template-detail {
    display: none;
}

.editor-template-container .measurement-custom-level select.unit-id,
.editor-template-container .measurement-time select.unit-id,
.editor-template-container .measurement-template select.unit-id {
    display: none !important;
}

.editor-template-container .unit-container select.unit-id {
    display: block;
}

.editor-template-container .template-goal-measurement .measurement-template-detail ul {
    padding-left: 17px;
    color: #888;
}

.editor-template-container .template-goal-measurement .measurement-template-detail li {
    margin-top: 8px;
}

.editor-template-container .edit-measurement-container {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    position: relative;
}

.editor-template-container .edit-measurement-container .Typeahead-spinner {
    left: 30px;
    top: 3px;
    width: 15px;
    height: 15px;
}

.editor-goal-container .template-fields-container:before {
    content: ' ';
    display: block;
    clear: both;
}

.editor-goal-container .template-goal-container .template-goal-content {
    display: inline-block;
    width: 100%;
}

.editor-goal-container .show-input-control .entity-type {
    padding-top: 11px;
}

.editor-goal-container .row-measurement .entity-type > .measurement-name {
    display: flex;
    align-items: baseline;
    width: 100%;
}

.editor-goal-container .row-measurement .entity-type > .custom-level {
    padding-left: 20px;
}

.editor-goal-container .row-measurement .entity-type > .measurement-name > label {
    margin-bottom: 0;
}

.select-welfare-checklist-multiple .select2-results__option[aria-selected=true] {
    display: none;
}


.select-animal-custom-format.multiple .select2-results__option[aria-selected=true],
.select-welfare-template-for-animal-in-section.multiple .select2-results__option[aria-selected=true],
.select-welfare-template-for-animal-group.multiple .select2-results__option[aria-selected=true] {
    background-color: #fff !important;
}

.select2-container--default.select-animal-custom-format.multiple .select2-results__option--highlighted[aria-selected="true"],
.select2-container--default.select-welfare-template-for-animal-group.multiple .select2-results__option--highlighted[aria-selected="true"],
.select-welfare-template-for-animal-in-section.multiple .select2-results__option.select2-results__option--highlighted[aria-selected="true"] {
    background-color: #7fb6f2 !important;
}

.select-animal-custom-format.multiple .select2-results__option.select2-results__option--highlighted[aria-selected="true"] .animal-description .name span,
.select-animal-custom-format.multiple .select2-results__option.select2-results__option--highlighted[aria-selected="true"] .animal-description .canonical-name,
.select-animal-custom-format.multiple .select2-results__option.select2-results__option--highlighted[aria-selected="true"] .animal-description .common-name,
.select-animal-custom-format.multiple .select2-results__option.select2-results__option--highlighted[aria-selected="true"] .animal-description .common-name:before,
.select-welfare-template-for-animal-group.multiple .select2-results__option.select2-results__option--highlighted[aria-selected="true"] .animal-group-name-container,
.select-welfare-template-for-animal-in-section.multiple .select2-results__option.select2-results__option--highlighted[aria-selected="true"] .section-name-container {
    color: #fff !important;
}


.select-welfare-template-for-animal-in-section.multiple .select2-results__option[aria-selected=true] .section-name-container,
.select-welfare-template-for-animal-group.multiple .select2-results__option[aria-selected=true] .animal-group-name-container {
    color: #333 !important;
}

.editor-template-container .row-section .fa {
    margin-top: 12px;
    font-size: 18px;
}

.editor-template-container .container-dropdown-template-for-section,
.editor-template-container .container-selected-section,
.editor-template-container .container-selected-section .row-section {
    float: left;
    width: 100%;
}

.editor-template-container .container-selected-section .row-section {
    margin-bottom: 15px;
}

.editor-template-container .row-section .fa:focus,
.editor-template-container .row-section .fa:hover {
    text-decoration: none;
}

.editor-template-container .container-selected-section .row-section.template {
    display: none;
}

.editor-goal-container .row-measurement-calculated .template-goal-container .template-goal:nth-child(odd),
.editor-goal-container .row-checklist .template-goal-container .template-goal:nth-child(odd),
.editor-goal-container .template-goal-container .template-goal.even {
    background-color: #f4f4f4;
}

.editor-goal-container .template-goal-container .template-goal.odd {
    background-color: #fff !important;
}

.template-page-container .template-goal-container {
    display: inline-block;
    width: 100%;
}

.editor-template-container .row-checklist .container-input-checklist {
    width: calc(100% - 28px);
    display: inline-block;
    margin-right: 9px;
}

.editor-template-container .row-checklist a.search-checklist {
    color: #333;
    vertical-align: top;
    margin-top: 15px;
}

.editor-template-container .row-checklist a.search-checklist:hover {
    color: #2780e3;
}

.editor-goal-container .search-template-assignment .input-group-btn,
.editor-goal-container .search-template-assignment input,
.editor-goal-container .target-goal-container .input-target-container {
    display: inline-block;
}

.editor-goal-container .target-goal-container .unit.percantage {
    font-size: 16px;
}

#searchWelfareChecklistModal .search-checklist-container {
    margin-bottom: 20px;
}

#searchWelfareChecklistModal .search-checklist-result-container {
    overflow-y: auto;
}

@media(min-width: 1200px) {
    #searchWelfareChecklistModal .search-checklist-result-container {
        max-height: 370px;
    }
}

@media(max-width: 1199px) and (min-width: 768px) {
    #searchWelfareChecklistModal .search-checklist-result-container {
        max-height: 350px;
    }
}

@media (min-width: 480px) (max-width: 767px) {
    #searchWelfareChecklistModal .search-checklist-result-container {
        max-height: 310px;
    }
}

@media (min-width: 375px) and (max-width: 479px) {
    #searchWelfareChecklistModal .search-checklist-result-container {
        max-height: 250px;
    }
}

@media(max-width: 374px) {
    #searchWelfareChecklistModal .search-checklist-result-container {
        max-height: 200px;
    }
}

#searchWelfareChecklistModal .search-checklist-result-container::-webkit-scrollbar {
    width: 7px;
}

#searchWelfareChecklistModal .search-checklist-result-container::-webkit-scrollbar-track {
    background: #eee;
}

#searchWelfareChecklistModal .search-checklist-result-container::-webkit-scrollbar-thumb {
    background: #aaa;
    height: 10px;
    border: 1px solid #ccc;
}

#searchWelfareChecklistModal .header-search-checklist-result {
    margin-bottom: 5px;
}

#searchWelfareChecklistModal .search-checklist-result-container,
#searchWelfareChecklistModal .search-checklist-container,
#searchWelfareChecklistModal .header-search-checklist-result,
#searchWelfareChecklistModal .no-record-found {
    padding-left: 5px;
    padding-right: 15px;
}

#searchWelfareChecklistModal a.expand-checklist-result {
    color: #333;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 3px;
    display: inline-block;
}

#searchWelfareChecklistModal a.expand-checklist-result:hover,
#searchWelfareChecklistModal a.expand-checklist-result:focus {
    text-decoration: none;
    color: #2780e3;
}

#searchWelfareChecklistModal .checklist-result-template-container {
    display: none;
}

#searchWelfareChecklistModal .checklist-result-content .checklist-name {
    font-size: 15px;
    font-weight: 600;
    color: #4179e4;
    cursor: pointer;
}

#searchWelfareChecklistModal .checklist-description .ellipsis {
    margin-left: -3px;
}

#searchWelfareChecklistModal .checklist-description,
#searchWelfareChecklistModal .checklist-audit-detail {
    margin-bottom: 3px;
}

#searchWelfareChecklistModal .checklist-audit-detail.exists {
    padding-left: 5px;
}

#searchWelfareChecklistModal .checklist-description,
#searchWelfareChecklistModal .checklist-audit-detail,
#searchWelfareChecklistModal .no-record-found {
    font-size: 14px;
}

#searchWelfareChecklistModal .checklist-audit-detail span.label-checklist-audit-detail {
    display: inline-block;
    margin-right: 4px;
}

#searchWelfareChecklistModal .label-divider:before {
    content: "•";
    color: #999;
    margin-right: 7px;
}

#searchWelfareChecklistModal .label-divider:after {
    content: "•";
    color: #999;
    margin-left: 7px;
}

#searchWelfareChecklistModal .checklist-result:not(.expand) .checklist-detail {
    display: none;
}

#searchWelfareChecklistModal .checklist-result.expand a.expand-checklist-result {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#searchWelfareChecklistModal .checklist-result {
    margin-bottom: 15px;
}

#searchWelfareChecklistModal .mark-checklist-name {
    background-color: #fff !important;
    color: #ff944d;
    padding: 0 !important;
}

.editor-template-container .wrapper-checklist-detail .drag-handle,
.editor-template-container .wrapper-checklist-detail textarea {
    display: inline-block;
}

.editor-template-container .wrapper-checklist-detail {
    background-color: #eee;
}

.editor-template-container .wrapper-checklist-detail .container-checklist-detail-title {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.editor-template-container .wrapper-checklist-detail .container-checklist-detail-title h4 {
    font-size: 15px;
    margin-top: 0;
    font-weight: 400;
    color: #999;
    display: inline-block;
}

.editor-template-container .wrapper-checklist-detail .container-checklist-detail-title .sort {
    color: #2780e3;
    float: right;
    cursor: pointer;
}

.editor-template-container .wrapper-checklist-detail .container-checklist-detail-title .sort:hover {
    color: #1967be;
}

.editor-template-container .wrapper-checklist-detail .container-checklist-detail-title .sort.desc .fa-sort-alpha-asc,
.editor-template-container .wrapper-checklist-detail .container-checklist-detail-title .sort .fa-sort-alpha-desc {
    display: none
}

.editor-template-container .wrapper-checklist-detail .container-checklist-detail-title .sort.desc .fa-sort-alpha-desc {
    display: inline-block;
}

.editor-template-container .wrapper-checklist-detail .drag-handle {
    margin-right: 15px;
}

.editor-template-container .wrapper-checklist-detail textarea {
    width: calc(100% - 70px);
}

.editor-template-container .wrapper-checklist-detail a.remove-checklist-detail {
    color: #666;
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 15px;
    transform: translateY(-50%);
}

.editor-template-container .wrapper-checklist-detail .checklist-detail {
    position: relative;
    margin-bottom: 5px;
}

.editor-template-container .wrapper-checklist-detail .checklist-detail span.text-danger {
    width: 100%;
    margin-left: 25px;
    display: none;
}

.editor-template-container .wrapper-checklist-detail .checklist-detail span.text-danger.field-validation-error {
    display: inline-block !important;
}

.editor-template-container .container-checklist-detail-template {
    display: none;
}

.editor-goal-container .checklist-detail-container .radio {
    padding-top: 8px;
}

.editor-goal-container .checklist-detail-container .radio label:before,
.editor-template-container .template-for-animal-assignment-type .radio label:before {
    top: 3px;
}

.editor-goal-container .checklist-detail-container .radio label:after,
.editor-template-container .template-for-animal-assignment-type .radio label:after {
    top: 6px;
}

.editor-goal-container .row-checklist .clear-checklist {
    font-size: 14px;
    margin-left: 5px;
}

.editor-goal-container .row-checklist .target-goal-container {
    position: relative;
}

.editor-goal-container .row-checklist .spinner {
    position: absolute;
    left: 15px;
    top: 50%;
}

.editor-goal-container .row-goal .label-target-goal {
    display: inline-block;
    vertical-align: top;
}

.editor-goal-container .checklist-detail-container .checklist-detail-checkbox,
.editor-goal-container .checklist-detail-container .checkbox-label {
    display: inline-block;
    vertical-align: top;
}

.editor-goal-container .checklist-detail-container .checkbox-label {
    width: calc(100% - 45px);
    margin-top: 9px;
}

.editor-template-container .row-measurement .custom-level li.selected {
    display: list-item !important;
}

.editor-template-container .row-measurement .custom-level li {
    display: none;
}

.editor-template-container .row-measurement .custom-level {
    margin-top: 8px;
}

.template-page-container .custom-level ul {
    list-style: none;
    padding-left: 0;
}

.template-page-container .custom-level ul li {
    padding-left: 30px;
    color: #888;
}

.editor-template-container .row-measurement .custom-level li {
    margin-bottom: 8px;
}

.template-page-container .custom-level span.single-digit {
    margin-left: -30px;
    margin-right: 0px;
}


#welfare-view-graph .legend-chart-result span.legend-text .level-number.double-digit {
    margin-left: -6px;
}

.template-page-container .custom-level span.double-digit {
    margin-left: -36px;
    margin-right: 3px;
}

.welfare-goal .template-page-container .custom-level span.double-digit {
    margin-left: -35px;
}


.template-page-container .custom-level .level-number:before,
#measurement-tab .level-number:before,
#welfare-view-graph .legend-chart-result span.legend-text .level-number:before {
    content: "#";
}

.template-page-container .custom-level .level-number:after,
#measurement-tab .level-number:after,
#welfare-view-graph .legend-chart-result span.legend-text .level-number:after {
    content: " - ";
}

.template-page-container .custom-level span.double-digit:after {
    margin-left: 5px;
}

.template-page-container .custom-level span.single-digit:after {
    margin-left: 3px;
}

.editor-goal-container .editor-welfare-goal {
    border: 1px solid #ddd;
    padding-top: 15px;
    padding-bottom: 30px;
    background-color: #fff;
}


.editor-goal-container .assignment-welfare-goal .container-assignment {
    background-color: #fff;
    border: 1px solid #ddd;
}

.editor-goal-container .assignment-welfare-goal .header-assignment {
    border-bottom: 1px solid #aaa;
}

.editor-goal-container .assignment-welfare-goal .content-assignment {
    height: 500px;
    overflow-y: auto;
    width: 100%;
}

.editor-goal-container .assignment-welfare-goal .content-assignment::-webkit-scrollbar {
    width: 5px;
}

.editor-goal-container .assignment-welfare-goal .content-assignment::-webkit-scrollbar-thumb {
    background: #ccc;
    height: 10px;
    border: 1px solid #ccc;
}

.editor-goal-container .assignment-welfare-goal .title-assignment {
    font-weight: bold;
    text-transform: uppercase;
}

.editor-goal-container .assignment-welfare-goal .counter-assignment {
    background-color: #999;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 0 5px;
    border-radius: 3px;
    margin-left: 5px;
    text-align: center;
}

.editor-goal-container .assignment-welfare-goal .counter-assignment[data-count] {
    background-color: #2780e3 !important;
}

.editor-goal-container .assignment-welfare-goal .entity-container {
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
}

.editor-goal-container .assignment-welfare-goal .animal-group-container .name,
.editor-goal-container .assignment-welfare-goal .section-container .name {
    padding-left: 15px;
    padding-right: 15px;
}

.animal-mini-detail .animal-picture {
    padding-left: 15px;
    width: 110px;
    display: inline-block;
}

.copy-goal-to-container .animal-mini-detail .animal-picture {
    padding-left: 0px !important;
    width: 85px !important;
}

.editor-goal-container .assignment-welfare-goal .entity-container.active {
    background-color: #eee;
}

.editor-goal-container .assignment-welfare-goal .entity-container:not(:first-child),
.welfareCopyGoalModal .checkbox-entity-container:not(:first-child) {
    border-top: 1px solid #ddd;
}

.editor-goal-container .assignment-welfare-goal .entity-container:not(:first-child),
.welfareCopyGoalModal .checkbox-entity-container:not(:first-child):not(.disabled) {
    cursor: pointer;
}

.editor-goal-container .title-goal-for {
    padding-left: 15px;
    padding-right: 15px;
}


.editor-goal-container .title-goal-for .title {
    font-size: 26px;
    font-weight: 600 !important;
}

.editor-goal-container .header-editor-welfare-goal {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.editor-goal-container .header-editor-welfare-goal .container-help-icon {
    padding-top: 8px;
}

.editor-goal-container .header-editor-welfare-goal .caret {
    margin-left: 5px;
}

.editor-goal-container .grey-messagebox > div {
    display: flex !important;
    align-items: center;
}

.editor-goal-container .grey-messagebox .status {
    text-transform: lowercase !important;
}

.editor-goal-container .grey-messagebox {
    margin-top: 0;
    margin-bottom: 40px;
    margin-left: 15px;
    margin-right: 15px;
}

.editor-goal-container .header-editor-welfare-goal .input-group-btn {
    display: inline-block;
    width: calc(100% - 90px);
    margin-left: 15px;
}

.editor-goal-container .header-editor-welfare-goal .dropdown-menu {
    width: 100%;
}

.editor-goal-container .row-measurement .spinner,
.editor-goal-container .row-measurement-calculated .spinner {
    display: inline-block;
    text-align: left;
    margin-left: 15px;
}

.welfareCopyGoalModal .checkbox-entity-container .checkbox,
.welfareCopyGoalModal .checkbox-entity-container .checkbox-label {
    display: inline-block;
}

.welfareCopyGoalModal .checkbox-entity-container.disabled input[type=checkbox].checkbox-nolabel {
    cursor: default;
}

.welfareCopyGoalModal .form-copy-goal {
    display: none;
}

.welfareCopyGoalModal input[type="checkbox"]:checked ~ label::after {
    color: #fff !important;
}

.welfareCopyGoalModal input[type="checkbox"]:checked ~ label::before {
    background-color: #5cb85c !important;
    border-color: #5cb85c !important;
}

.welfareCopyGoalModal .copy-goal-to-container .checkbox-label {
    width: calc(100% - 30px);
}

.welfareCopyGoalModal .copy-goal-to-container .checkbox-animal .checkbox {
    vertical-align: top;
    padding-top: 0;
}

.welfareCopyGoalModal .checkbox-animal {
    padding-top: 15px;
    padding-bottom: 15px;
}

.welfareCopyGoalModal .checkbox-section,
.welfareCopyGoalModal .checkbox-animal-group {
    padding-top: 5px;
    padding-bottom: 10px;
}

.welfareCopyGoalModal .copy-goal-to-container {
    overflow-y: auto;
    max-height: 300px;
    padding-left: 2px;
}

.container.dailyreport-edit,
.container.dailyreport-view {
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
}

.wrapper-daily-report-welfare {
    display: flex;
    flex-flow: row;
    position: relative;
}

.wrapper-daily-report-welfare.chart-mode {
    flex-flow: column;
}

.wrapper-daily-report-welfare.chart-mode.no-access-chart .btn-compare,
.wrapper-daily-report-welfare.chart-mode.no-access-chart .container-filter-all-chart,
.wrapper-daily-report-welfare.chart-mode.no-access-chart .graph-chart {
    display: none !important;
}


.wrapper-daily-report-welfare.chart-mode .chart-header .messages-no-access {
    margin-top: 20px;
    display: inline-block;
}

.wrapper-daily-report-welfare.expand-right {
    padding-left: 15px;
}

.daily-report-container {
    display: table;
    width: 100%;
}

.daily-report-container .daily-report-body-container {
    display: table-cell;
}

.daily-report-container .daily-report-wrapper-container {
    background: #222222;
}

.daily-report-container .list-group .wrapper-container a {
    text-align: center;
    color: #ccc;
    background: #222222;
    border: 0px;
    cursor: pointer;
}

.daily-report-container:not(.daily-info-selected) .list-group .wrapper-container.selected a,
.daily-report-container.daily-info-selected .list-group .wrapper-container.daily-report-info a {
    color: #fff;
    background: #2680e3 !important;
}

.daily-report-container .list-group .wrapper-container a i {
    vertical-align: middle;
}

.daily-report-container .list-group .wrapper-container a span.fa {
    position: absolute;
    font-size: 12px;
    top: 20px;
    right: 5px;
}

.daily-report-container.daily-info-selected .list-group .wrapper-container a i,
.daily-report-container .list-group .wrapper-container.selected a i {
    color: #fff !important;
}

.daily-report-container #daily-report-body i.welfare-show-hide-sidebar {
    display: none;
    padding: 5px;
    background: #000;
    color: #fff;
    top: 0;
    left: 0;
    position: absolute;
    cursor: pointer;
}

.daily-report-container.daily-info-selected .list-group .wrapper-container.selected a {
    background: #222222 !important;
}

.daily-report-container .icon-template {
    display: inline-block;
}

.daily-report-container .sidebar-container .icon-template,
#measurement-template-container .accordion-target .icon-template,
.section-index .grid-hierarchy-node .icon-template,
.section-layout .list-section-menu .icon-template,
#default-view #templates-container .icon-template,
#default-view #list-welfare-entities .icon-template {
    color: #74ac0a;
    vertical-align: middle;
    font-weight: normal;
}

.daily-report-container .sidebar-container .icon-template,
#measurement-template-container .accordion-target .icon-template {
    margin-left: 6px;
}

#measurement-template-container .measurement-template .editor-measurement-template-container.panel.panel-default.active .measurement-template-wrapper .panel.panel-default {
    margin-bottom: 0;
}

.section-index .grid-hierarchy-node .icon-template:hover,
.section-index .grid-hierarchy-node .icon-template:focus {
    text-decoration: none;
}

.daily-report-container .sidebar-container .grid-item:hover .icon-template,
.daily-report-container .sidebar-container .grid-item.selected .icon-template {
    color: #fff;
}

.body-dailyreport-edit footer#layout-footer {
    display: none !important;
}

.sidebar-sections-list .nav-filters {
    margin-top: 8px;
    margin-bottom: 15px;
}

.sidebar-sections-list .nav-filters li {
    padding: 0;
    min-width: 30px;
    text-align: center;
    border-bottom: none;
}

.sidebar-sections-list .nav-filters li + li {
    border-color: #ccc;
}

.sidebar-sections-list .nav-filters li a {
    padding-top: 0;
    padding-bottom: 0;
    color: #aaaaaa;
    font-weight: 600;
    padding: 0 10px;
}

.sidebar-sections-list .nav-filters li a:focus,
.sidebar-sections-list .nav-filters li a:hover {
    background-color: unset;
    color: #000;
}

.sidebar-sections-list .nav-filters li.selected::after {
    content: "";
    display: block;
    height: 3px;
    width: 84%;
    background: #1abb9c;
    margin-left: 8%;
    margin-top: 5px;
}

.sidebar-sections-list .nav-filters li.selected a {
    color: #000;
}

.sidebar-sections-list .search-filter {
    position: relative;
}

.sidebar-sections-list .search-filter .search-arrow {
    position: absolute;
    right: 40px;
    top: 10px;
    display: none;
}

.sidebar-sections-list.on-search .search-filter .search-arrow {
    display: block;
}

.sidebar-sections-list .search-filter .search-arrow i {
    cursor: pointer;
    color: #888;
    padding: 3px 1px;
}

.sidebar-sections-list .search-filter .search-arrow i:hover {
    color: #333;
}

.sidebar-sections-list .section-information {
    margin-top: 10px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    display: none;
    flex-flow: row nowrap;
    color: #666;
    background-color: #f8f8f8;
}

.hide-subsection-without-animal .sidebar-sections-list .section-information {
    display: flex;
}

.sidebar-sections-list .section-information i {
    vertical-align: top;
    top: 4px;
    margin-right: 5px;
}

.sidebar-sections-list .section-information span {
    display: inline-block;
    line-height: 1.2em;
}

.sidebar-sections-list .list-container {
    margin-top: 15px;
    font-weight: 600;
    height: calc(100vh - 355px);
}

.welfare-template-list .list-template-container {
    height: calc(100vh - 185px);
}

.sidebar-sections-list .list-container,
.welfare-template-list .list-template-container {
    overflow-y: auto;
}

.sidebar-sections-list .list-container.height-auto {
    height: auto;
}

.sidebar-sections-list .list-container .grid-item {
    cursor: pointer;
}

.sidebar-sections-list .list-container > .sections .grid-item,
.sidebar-sections-list .list-container > .animals .grid-item {
    border-bottom: 1px solid #ccc;
}

.sidebar-sections-list .list-container .grid-hierarchy.parent-only > .grid-item {
    padding-left: 5px;
}

.sidebar-sections-list .list-container > .sections .grid-item:last-child,
.sidebar-sections-list .list-container > .animals .grid-item:last-child {
    border-bottom: none;
}

.sidebar-sections-list .search-filter i.fa-search {
    right: 15px;
}

.welfare-menu-list .navbar-nav > li > a {
    color: #333;
}

.sidebar-sections-list .list-container ul a:hover,
.welfare-menu-list .navbar-nav > li > a:hover,
#default-view .sticky-header-templates .template-title a:hover {
    background-color: #7fb6f2;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

.sidebar-sections-list .list-container ul a:focus,
.sidebar-sections-list .list-container ul a:active {
    text-decoration: none;
}

.sidebar-sections-list .list-container li.active > a,
.welfare-menu-list .navbar-nav > li.active > a,
#default-view .sticky-header-templates .template-title a.selected {
    background-color: #2780e3;
}

.sidebar-sections-list .list-container li.active > a,
.welfare-menu-list .navbar-nav > li.active > a,
.daily-report-container .sidebar-container .welfare-menu-list li.active .icon-template,
#default-view .sticky-header-templates .template-title a.selected {
    color: #fff;
}

.sidebar-sections-list .list-container ul {
    padding: 0;
}

.sidebar-sections-list .list-container ul li {
    list-style: none;
}

.sidebar-sections-list .list-container .animals li {
    border-bottom: 1px solid #ccc;
}

.sidebar-sections-list .list-container .animals li:last-child {
    border: none;
}

.sidebar-sections-list .list-container .list.animals .grid-item {
    padding-left: 5px;
}

.sidebar-sections-list .list-container ul a {
    padding: 10px 10px 10px 0;
    position: relative;
    color: #333;
    display: inline-block;
    width: 100%;
}

.sidebar-sections-list .list-container ul .grid-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
    position: relative;
}

.sidebar-sections-list .grid-container .expander {
    visibility: visible;
    padding: 5px;
    text-align: right;
    margin-right: 2px;
}

.sidebar-sections-list .grid-container .expander.fa-chevron-right {
    padding-right: 8px;
    margin-right: 0;
}

.sidebar-sections-list .grid-container .expander.fa-chevron-down {
    margin-right: 0;
}

.sidebar-sections-list .show-menu {
    display: block !important;
}

.sidebar-sections-list .grid-container .expander.animal {
    margin-right: 5px;
}

.sidebar-sections-list .grid-container .name .species-name,
.sidebar-sections-list .grid-container .name .canonical-name,
.timeline-list .timeline-content .animal-name-detail .species-name,
.timeline-list .timeline-content .animal-name-detail .canonical-name {
    display: block;
    display: -webkit-box;
    font-size: 13px;
    font-weight: normal;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sidebar-sections-list .grid-container .name .canonical-name,
.timeline-list .timeline-content .animal-name-detail .canonical-name {
    opacity: 0.6;
    -webkit-line-clamp: 1;
    font-style: italic;
}

.sidebar-sections-list .grid-container .name .species-name,
.timeline-list .timeline-content .animal-name-detail .species-name {
    opacity: 0.8;
    -webkit-line-clamp: 2;
    margin-top: 3px;
}

.device-ie .sidebar-sections-list .grid-container .name .species-name,
.device-ie .timeline-content .animal-name-detail .species-name {
    display: none !important;
}

@media(max-width: 991px) {
    .sidebar-sections-list .grid-container .name .species-name,
    .timeline-content .animal-name-detail .species-name {
        display: none !important;
    }
}

.sidebar-sections-list .grid-container .animal-border-line {
    height: 25px;
    width: 6px;
    position: absolute;
    top: 0;
    left: -6px;
}

.sidebar-sections-list .list.animals .grid-container .animal-border-line,
.sidebar-sections-list .list.all .grid-container .species-name,
.sidebar-sections-list .list.all .grid-container .canonical-name {
    display: none;
}

.sidebar-sections-list .grid-container .expander.fa-chevron-right,
.sidebar-sections-list .grid-container .expander.fa-chevron-down {
    margin-top: 1px;
}

.sidebar-sections-list .list-container .fa-chevron-down,
.sidebar-sections-list .list-container .fa-chevron-right {
    font-size: .7em;
}

.sidebar-sections-list .list-container .grid-hierarchy .grid-item.selected .expander:not(.animal) {
    color: #fff;
}

.dailyreport-view .notes-container {
    margin-bottom: 30px
}

.welfare-detail-container .title-container {
    padding-bottom: 10px;
    border-bottom: solid 1px;
}

.welfare-detail-container .title-container.title-with-sort-button {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.welfare-sort-by-container.sort-by-container {
    display: flex;
    align-items: center;
}


#default-view .template-mode .welfare-entries-view.section-template .welfare-sort-by-container.sort-by-container {
    display: none !important;
}

@media(max-width: 991px) {
    .welfare-sort-by-container.sort-by-container {
        margin-bottom: 10px;
        padding-top: 10px;
        border-top: 1px solid #ccc;
        margin-top: 10px;
    }

    .welfare-detail-container .title-container.title-with-sort-button {
        width: 100%;
        flex-direction: column;
    }

    .welfare-detail-container .title-container.title-with-sort-button .entry-time-select select {
        padding: 5px 17px 5px 10px !important;
        height: 35px !important;
    }

    .welfare-detail-container .title-container.title-with-sort-button .entry-time-select {
        width: 100px;
    }
}

@media(min-width: 992px) {
    .welfare-sort-by-container.sort-by-container {
        justify-content: flex-end;
    }

    #default-view .wrapper-daily-report-welfare.template-mode .welfare-entries-view.animal-template .hr-header {
        margin-bottom: 10px;
    }

    .welfare-detail-container .title-container.title-with-sort-button {
        justify-content: space-between;
        align-items: center;
    }

    #default-view .template-mode .welfare-entries-view.animal-template .animal-header-container {
        margin-bottom: 10px;
    }

    #default-view .template-mode .welfare-entries-view.animal-template .welfare-sort-by-container.sort-by-container {
        margin-bottom: 20px;
    }
}

.welfare-sort-by-container.sort-by-container > .dropdown {
    display: flex;
    margin-left: 8px;
}

.welfare-sort-by-container.sort-by-container > .dropdown .caret {
    margin-left: 3px;
}

.welfare-detail-container #templates-container .title-container {
    display: flex;
    align-items: center;
}

.welfare-detail-container #templates-container .templates-content-view {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    flex-wrap: wrap;
}

.welfare-detail-container #templates-container .templates-content-view .input-group {
    border: 1px solid #ccc;
    border-radius: 25px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.welfare-detail-container #templates-container .templates-content-view .input-group:not(.open):hover {
    background-color: #dee7ef !important;
}

.welfare-detail-container #templates-container .templates-content-view .dropdown-template-name {
    display: flex;
    align-items: center;
    padding: 2px 10px;
    cursor: pointer;
}

.welfare-detail-container #templates-container .templates-content-view .input-group i.fa {
    margin-left: 10px;
}

.welfare-sort-by-container.sort-by-container .dropdown .dropdown-menu {
    right: 0;
    left: auto;
}

.welfare-detail-container #templates-container .templates-content-view .template-name {
    max-width: 300px;
    text-align: justify;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal;
    display: -webkit-box;
}

.welfare-detail-container .measurements-container .title-container {
    border-color: #333;
    display: flex;
}

@media(max-width: 767px) {
    .welfare-detail-container .measurements-container .title-container {
        flex-direction: column;
    }
}

@media(min-width: 768px) {
    .welfare-detail-container .measurements-container .title-container {
        align-items: center;
    }

    .wrapper-daily-report-welfare .measurements-container .measurement-sort-by-container {
        margin-left: auto;
    }

    .welfare-detail-container .measurements-container .measurement-title-container .btn-group {
        margin-left: auto;
    }
}

@media(min-width: 992px) {
    .welfare-detail-container #templates-container .templates-content-view .input-group .dropdown-menu {
        right: 0;
        left: auto;
    }
}

@media(max-width: 991px) {
    .welfare-detail-container #templates-container .templates-content-view .input-group .dropdown-menu {
        right: auto;
        left: 0;
        width: 125px;
        min-width: 0;
    }
}

.welfare-detail-container .measurements-container .measurement-title-container label {
    background-color: #333;
    margin-bottom: 0 !important;
}

.welfare-detail-container .measurements-container .measurement-title-container .title {
    color: #333;
    margin-left: 3px;
}

.welfare-detail-container .measurements-container .measurement-title-container .view-measurement {
    margin-top: 4px;
    margin-left: 8px;
    font-size: 18px;
}

.welfare-detail-container .measurements-container .measurement-title-container .view-measurement:hover {
    text-decoration: none;
}

.welfare-detail-container .measurements-container .measurement-title-container #btn-group-add .dropdown-menu {
    right: 0;
    left: auto;
}

.sidebar-sections-list .list-container .parent.show-children {
    display: block;
}

.animal.template-measurements-container .template-measurements-container .measurement-timeline-view,
.sidebar-sections-list .list-container .parent {
    display: none;
}

#default-view .detail-row .field-container .measurement-name-text {
    padding: 10px 10px 5px;
}

#default-view .detail-row .field-container .measurement-name-text,
.measurement-timeline-view .measurement-for-timeline {
    width: 100%;
    margin: 0;
    display: table;
}

.measurement-timeline-view .measurement-for-timeline {
    padding: 12px 10px 5px;
}

.measurement-timeline-view .measurement-for-timeline .target-container .created-by {
    display: none;
}

.measurement-timeline-view .measurement-for-timeline .target-container {
    margin-bottom: 5px;
}

.measurement-timeline-view .measurement-for-timeline .target-container.has-measurement-value {
    margin-bottom: 0 !important;
}

.measurement-timeline-view .measurement-for-timeline .target-container.has-measurement-value .created-by {
    display: block !important;
}

#default-view .welfare-container,
.daily-report-detail-container {
    background-color: #fff;
    border: 1px solid #cccccc;
}

#default-view .template-mode .welfare-container,
#default-view .timeline-mode .welfare-container,
#default-view .section-mode .template-entry-view,
#default-view .section-mode .welfare-container.no-entry {
    min-height: calc(100vh - 70px);
}

#default-view .container-entry-view .welfare-entries-view {
    margin-bottom: 20px;
}

#default-view .welfare-note-detail-container .note-default-placeholder {
    color: #2680e3;
    font-style: normal;
}

#default-view .welfare-container .welfare-detail-container {
    padding: 0 40px;
}

.wrapper-daily-report-welfare .daily-report-detail-container {
    padding: 30px 40px 40px;
}

.wrapper-daily-report-welfare .welfare-detail-container .no-record-found,
.wrapper-daily-report-welfare .daily-report-detail-container .no-records-found-container {
    padding-bottom: 30px;
}

.wrapper-daily-report-welfare .welfare-detail-container .notes-container .no-record-found,
.wrapper-daily-report-welfare .welfare-detail-container .measurements-container .no-record-found,
.wrapper-daily-report-welfare .daily-report-detail-container .no-records-found-container {
    padding-top: 15px;
}

#default-view .welfare-detail-container .table-measurement,
#default-view .detail-checklist template-view-detail {
    width: 100%;
    display: inline-block;
    position: relative;
}

#default-view .welfare-container .welfare-detail-container .welfare-entry-note .entry-name-container {
    display: flex;
}

#default-view .welfare-container .welfare-detail-container .welfare-entry-note .entry-name,
#default-view .welfare-container .welfare-detail-container .welfare-entry-note .canonical-name,
#default-view .welfare-container .welfare-detail-container .welfare-entry-note .common-name {
    display: inline-block;
}

#default-view .template-mode .welfare-entry-note .canonical-name,
#default-view .template-mode .welfare-entry-note .common-name {
    vertical-align: top;
    margin-top: 2px;
}

#default-view .template-mode .welfare-animal-view .welfare-entry-note .canonical-name,
#default-view .template-mode .welfare-animal-view .welfare-entry-note .common-name {
    vertical-align: top;
    margin-top: 0;
}

#default-view .welfare-container .welfare-detail-container .welfare-entry-note .fa-puzzle-piece,
#default-view .welfare-container .welfare-detail-container .welfare-entry-note.for-section .fa-paw,
#default-view .welfare-container .welfare-detail-container .welfare-entry-note.for-section .canonical-name,
#default-view .welfare-container .welfare-detail-container .welfare-entry-note.for-section .common-name {
    display: none;
}

#default-view .welfare-container .welfare-detail-container .welfare-entry-note.for-section .fa-puzzle-piece {
    display: inline-block;
}

#default-view .template-view .notes-container .animal-container {
    margin-bottom: 75px;
}

#default-view .welfare-container .welfare-detail-container .welfare-note-detail {
    margin-bottom: 50px;
}

#default-view .welfare-container .welfare-detail-container .welfare-note-detail + .welfare-note-detail,
#default-view .template-view .notes-container .animal-container + .animal-container {
    margin-top: 25px;
}

#default-view .welfare-container .welfare-detail-container .welfare-note-detail .edit-field-container {
    padding: 30px;
    border: 2px solid #dadada;
    border-radius: 7px;
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

#default-view .welfare-container .welfare-detail-container .welfare-note-detail .save-container {
    margin-top: 30px;
}

#default-view .welfare-detail-container .welfare-animal-checklist {
    width: 100%;
}

#default-view .template-mode .detail-checklist.template-view-detail {
    position: relative;
}

#default-view .welfare-container .welfare-detail-container .welfare-note-detail .control-label {
    padding-bottom: 5px;
    padding-top: 10px;
}

.measurements-container .measurement-content-view:not(:last-child),
.notes-container .note-welfare-container:not(:last-child),
#default-view .welfare-detail-container .welfare-checklist-detail:not(:last-child),
.referral-referfriends .list-referral-details .row-referral-details:not(:last-child) {
    border-bottom: solid 1px #eee;
}


@media(min-width: 480px) {
    #default-view .welfare-detail-container .welfare-checklist-detail {
        padding-top: 20px;
    }
}

@media(max-width: 479px) {
    #default-view .welfare-detail-container .welfare-checklist-detail {
        padding-top: 10px;
    }
}

@media(min-width: 992px) {
    #default-view .template-mode .welfare-template-calculated-measurement .field-container {
        display: flex;
        align-items: center;
        text-align: center;
    }

    #default-view .welfare-detail-container .welfare-checklist-detail {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width: 991px) {
    #default-view .welfare-detail-container .welfare-checklist-detail {
        padding-left: 0px;
        padding-right: 0px;
    }

    #default-view .welfare-detail-container .welfare-checklist-detail.required {
        padding-left: 10px;
        padding-right: 10px;
    }
}

#default-view .row-measurement-entity .schedule-measurement,
#default-view .welfare-note-detail-container .time-schedule-template-info,
#default-view .welfare-detail-container .welfare-checklist-detail .time-schedule-template-info {
    display: block;
    color: #aaa;
    font-size: 13px;
}

.dailyreport-edit #default-view .row-measurement-entity .template-info,
.dailyreport-view #default-view .row-measurement-entity .schedule-measurement-info {
    line-height: 1.1em;
}

#default-view .welfare-detail-container .welfare-checklist-detail label {
    padding-top: 0;
    vertical-align: top;
    margin-bottom: 0;
    line-height: 1.3em;
}

.dailyreport-view .welfare-checklist-detail .instruction-container {
    display: block;
}

.dailyreport-edit .welfare-checklist-detail .instruction-container {
    display: inline-block;
}

#default-view .welfare-checklist-detail .required-checklist {
    margin-left: 5px;
}

#default-view .welfare-detail-container .welfare-checklist-detail .instruction-container {
    margin-right: 5px;
}

.dailyreport-edit .welfare-checklist-detail .instruction-container {
    margin-left: 5px;
}

.dailyreport-view .welfare-checklist-detail .instruction-container {
    margin-left: 15px;
}

#default-view .instruction-container i.glyphicon-info-sign {
    color: #333;
}

#default-view .table-entry .goal-calculated-measurement-warning,
#default-view .welfare-checklist-detail .required-checklist {
    display: none;
}

#default-view .table-entry .invalid .goal-calculated-measurement-warning,
#default-view .welfare-checklist-detail.invalid .required-checklist {
    display: inline-block !important;
}

#default-view .welfare-detail-container .welfare-checklist-detail .checklist-detail-container .checklist-detail .checkbox label::after,
#default-view .welfare-detail-container .welfare-checklist-detail .checklist-detail-container .checklist-detail .checkbox label::before,
#default-view .welfare-detail-container .welfare-checklist-detail .checklist-detail-container .checklist-detail .radio label::after,
#default-view .welfare-detail-container .welfare-checklist-detail .checklist-detail-container .checklist-detail .radio label::before {
    margin-top: 2.5px;
}

#default-view .welfare-detail-container .welfare-checklist-detail .checklist-detail-container .checklist-detail .radio label::after {
    background-color: #5cb85c;
}

#default-view .welfare-detail-container .welfare-checklist-detail .checklist-detail-container .radio-checklist.checked .radio label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

#default-view .welfare-detail-container .welfare-checklist-detail .checklist-detail-container .checklist-detail .radio {
    padding-top: 0;
}

#default-view .welfare-detail-container .welfare-checklist-detail .created-by {
    font-size: 12px;
    color: #888;
    display: block;
}

.dailyreport-view .no-record-container.no-record-section {
    margin-bottom: 30px;
}

.dailyreport-view .welfare-checklist-detail .created-by {
    margin-left: 0;
}

.dailyreport-edit .welfare-checklist-detail .created-by {
    margin-left: 5px;
}

#default-view .welfare-detail-container .mention-tagging-container .created-by {
    float: right;
    text-align: right;
    margin-top: 3px;
    width: 100%;
    line-height: 0.8em;
    font-size: 12px;
    color: #888;
}

#default-view .welfare-detail-container .breadcrumb {
    padding: 15px;
    min-height: 60px;
}

#default-view .welfare-detail-container .welfare-note-detail-add span,
#default-view .welfare-detail-container .breadcrumb .breadcrumb-link {
    cursor: pointer;
}

@media(min-width: 480px) {
    #default-view .template-mode .welfare-note-detail-add,
    #default-view .timeline-mode .welfare-note-detail-add {
        padding-left: 25px;
    }
}


#default-view .template-mode .welfare-note-detail-add,
#default-view .timeline-mode .welfare-note-detail-add {
    width: auto;
    border-top: solid 1px #eee;
    padding-top: 25px !important;
}

#default-view .template-mode .welfare-note-detail-add > a,
#default-view .timeline-mode .welfare-note-detail-add > a {
    font-weight: 600;
}

#default-view .template-mode .welfare-note-detail-add > span,
#default-view .timeline-mode .welfare-note-detail-add > span {
    font-size: 13px;
    font-weight: normal;
    margin-left: 7px;
    cursor: text;
}

#default-view .breadcrumb-container li {
    font-size: 20px;
    color: #2780e3;
}

#default-view .breadcrumb-container .breadcrumb content i {
    font-size: 25px;
    vertical-align: middle;
    padding-right: 10px;
    color: #2680e3;
}

#default-view .breadcrumb-container .breadcrumb > li + li:before {
    color: #2680e3;
}

#default-view .new-list-editor-notes-sv .list-editor-note-sv {
    padding-top: 15px;
}

#default-view .new-list-editor-notes-sv .list-editor-note-sv .realtime-row {
    margin: 0 !important;
    position: relative;
}

#default-view .welfare-detail-container .welfare-note-detail-add {
    position: relative;
    padding-top: 15px;
}

#default-view .welfare-detail-container .welfare-note-detail-add i {
    position: absolute;
    right: 15px;
    top: 25px;
    color: #e3e3e3;
    font-size: 25px;
    cursor: pointer;
}

#default-view .welfare-detail-container .welfare-note-detail-add span.show-placeholder:before {
    content: attr(placeholder);
    display: block;
    color: #999;
}

#default-view .welfare-detail-container .welfare-section-animals-container {
    margin-top: 30px;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
}

#default-view .welfare-detail-container .welfare-section-animals-container h4 {
    font-weight: 600;
    margin-top: 10.5px;
    margin-bottom: 30px;
    color: #aaa;
    margin-left: 15px;
}

#default-view .welfare-detail-container .welfare-section-animals-container .animal-container .welfare-note-detail,
#default-view .welfare-detail-container .welfare-section-animals-container .animal-container .panel-title {
    padding-bottom: 0;
    padding-top: 0;
}

#default-view .welfare-detail-container .welfare-section-animals-container .animal-container .panel-title {
    padding-left: 0;
}

#default-view .welfare-detail-container .welfare-section-animals-container .animal-notes-list {
    margin: 0 15px;
}

#default-view .welfare-detail-container .welfare-section-animals-container .animal-container .panel-title span {
    cursor: pointer;
    color: #2680e3;
    font-weight: 700;
    margin-right: 3px;
}

#default-view .wrapper-daily-report-welfare .container-btn-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

#default-view .wrapper-daily-report-welfare .btn-sidebar {
    background-color: #2780e3;
    border-radius: 0 3px 3px 0;
    text-align: center;
    padding: 6px 7px;
    color: #fff;
    z-index: 701;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
}


#default-view .welfare-detail-container .animal-header-container,
#default-view .sidebar-container {
    padding-right: 0;
    flex-basis: 25%;
    width: auto !important;
}

#default-view .section-mode .container-entry-view {
    display: inline-block;
    width: 100%;
}


#default-view .welfare-entries-view:not(.show-all-data) .welfare-detail-container .animal-header-container {
    position: sticky;
}

#default-view .welfare-entries-view.show-all-data > .welfare-detail-container > .welfare-content > .animal-header-container hr {
    display: none;
}

#default-view .welfare-detail-container .animal-header-container {
    z-index: 12;
}

#default-view .template-mode .welfare-detail-container .animal-header-container {
    top: 49px;
}

#default-view .section-mode .static .animal-header-container {
    position: static;
}

.device-ios #default-view .welfare-detail-container .section-header-container,
.device-ios #default-view .welfare-detail-container .animal-header-container,
.device-ios #default-view .welfare-detail-container .template-header-container {
    top: 0px;
}

#default-view .wrapper-daily-report-welfare .form-content {
    flex-grow: 1;
}

#default-view .form-content .no-welfare-entry {
    padding-top: 60px;
}

#default-view .form-content .no-welfare-entry p {
    font-size: 20px;
    margin-bottom: 5px;
}

@media(min-width: 992px) {
    #default-view .wrapper-daily-report-welfare .form-content {
        flex-basis: 75%;
        width: 0;
        min-height: calc(100vh - 50px);
    }

    #default-view .wrapper-daily-report-welfare.expand-right .form-content {
        flex-basis: 100%;
    }

    #default-view .wrapper-daily-report-welfare .welfare-detail-container .animal-header-container {
        padding-top: 12px;
    }


    #default-view .timeline-mode .template-entry-section .welfare-detail-container .animal-header-container,
    #default-view .section-mode .section-view-entry:not(.animal-entry) .animal-header-container {
        padding-top: 10px;
    }


    #default-view .timeline-mode .welfare-detail-container .animal-header-container {
        top: 49px;
    }
}

@media(max-width: 991px) {
    #default-view .welfare-detail-container .animal-header-container {
        padding-top: 15px;
    }

    #default-view .section-mode .welfare-detail-container .animal-header-container {
        padding-top: 12px;
    }

    #default-view .template-mode .template-entry-section .welfare-detail-container .animal-header-container,
    #default-view .section-mode .section-view-entry:not(.animal-entry) .animal-header.sticky .welfare-detail-container .animal-header-container {
        padding-top: 5px;
    }


    .device-ios #default-view .section-mode .welfare-detail-container .animal-header-container {
        top: 0 !important;
    }

    #default-view .section-mode .welfare-entries-view:not(.show-all-data) .welfare-detail-container .animal-header-container,
    #default-view .timeline-mode .welfare-detail-container .animal-header-container {
        margin-bottom: 0 !important;
    }

    #default-view .welfare-detail-container .animal-header-container,
    #default-view .sidebar-container {
        width: auto !important;
        z-index: 12;
    }
}

@media(min-width: 1200px) {
    #default-view .section-mode .welfare-detail-container .animal-header-container {
        top: 101px;
    }

    .device-ios .section-mode .welfare-detail-container .animal-header-container {
        top: 50px !important;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #default-view .section-mode .welfare-detail-container .animal-header-container {
        top: 132px;
    }

    .device-ios .section-mode .welfare-detail-container .animal-header-container {
        top: 79px !important;
    }
}

#default-view .sidebar-container .sub-menu {
    display: flex;
    justify-content: center;
}

#default-view .sidebar-sections-list .header-section {
    display: flex;
    align-items: center;
}

#default-view .sidebar-sections-list .btn-group {
    margin-left: auto;
}

#default-view .sidebar-sections-list .btn-inactive {
    background-color: #fff;
}


#default-view .sidebar-container .sub-menu .btn-inactive:focus {
    outline: none;
}

#default-view .welfare-detail-container .section-header-container,
#default-view .welfare-detail-container .animal-header-container {
    background: #fff;
}


#default-view .template-mode .welfare-detail-container .animal-header-container {
    margin-bottom: 15px;
}

#default-view .animal-timeline-template .animal-header {
    padding: 20px !important;
}


#default-view .welfare-detail-container .section-card-detail .section-detail-container,
#default-view .welfare-detail-container .animal-card-detail .animal-name-container {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    display: flex;
}

#default-view .welfare-detail-container .section-card-detail > .text-muted {
    line-height: 1.2em;
}

#default-view .welfare-detail-container .section-card-detail .section-detail-container,
#default-view .welfare-detail-container .animal-card-detail .animal-name-container {
    align-items: center;
}

#default-view .welfare-detail-container .animal-card-detail .animal-name-container a {
    display: block;
    text-decoration: none;
}

#default-view .welfare-detail-container .animal-card-detail .animal-name-container a .animal-name {
    vertical-align: top;
}

.dailyreport-view #default-view .welfare-detail-container .section-card-detail .section-name {
    font-size: 20px;
    font-weight: bold;
}

.dailyreport-view #default-view .welfare-detail-container .section-card-detail a.section-name {
    color: #2780e3 !important;
}

.dailyreport-view .header-container {
    display: flex;
    margin-bottom: 30px;
}

.dailyreport-view .header-container.section {
    align-items: center;
}

.dailyreport-view .header-container.animal {
    align-items: flex-start;
}

.dailyreport-view .daily-report-detail-container > .welfare-entries-animal {
    margin-top: 20px;
}


#default-view .welfare-detail-container .section-card-detail .section-name {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-inline-box;
    line-height: 1em;
}

#default-view .container-detail-compare .compare-entity-detail .animal-description > .name {
    display: flex;
}

#default-view .container-detail-compare .compare-entity-detail .animal-description .common-name,
#default-view .container-detail-compare .compare-entity-detail .animal-description .canonical-name,
#default-view .container-detail-compare .compare-entity-detail .animal-description .animal-description-detail {
    text-align: justify;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal;
    display: -webkit-box;
}

#default-view .welfare-detail-container .section-card-detail .section-name,
#default-view .container-detail-compare .compare-entity-detail .animal-description .common-name,
#default-view .container-detail-compare .compare-entity-detail .animal-description .canonical-name {
    max-width: 100%;
}

#default-view .welfare-detail-container .animal-card-detail .animal-name-container .fa-paw {
    margin-right: 5px;
}

#default-view .welfare-container .welfare-detail-container .welfare-entry-note .entry-name-container.pointer {
    cursor: pointer;
}

#default-view .welfare-container .welfare-detail-container .welfare-entry-note .entry-name-container.pointer:hover .entry-name,
#default-view .section-mode .welfare-detail-container .animal-header .section-card-detail .section-name.pointer:hover .entry-name {
    text-decoration: underline;
}

@media(min-width: 992px) {
    #default-view .wrapper-daily-report-welfare .welfare-header-inner-container {
        margin-right: 30px;
    }

    #default-view .timeline-mode .welfare-header-detail {
        display: flex;
        width: 100%;
    }
}

#default-view .wrapper-daily-report-welfare .welfare-header-inner-container .common-name {
    line-height: 1.2em;
    color: #666;
    margin-top: 3px;
}

#default-view .welfare-detail-container .section-card-picture i.fa-puzzle-piece,
#default-view #list-welfare-entities .detail-section-card i.fa-puzzle-piece {
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-left: 4px;
}

#default-view .welfare-entities-container > ul > li.animal > .detail-animal-card > .entity-card {
    margin-left: 10px;
}

#default-view .welfare-detail-container .animal-card-picture img,
#default-view #list-welfare-entities img.entity-picture,
#default-view .welfare-detail-container .section-card-picture img,
#default-view .general-note-wrapper .image-wrapper .image-inner-container .image,
#default-view .item-card-wrapper .image-wrapper .image-inner-container .image,
#default-view .welfare-detail-container .section-card-picture .icon-view-container .section-icon-container,
#default-view #list-welfare-entities .section-icon-container {
    border-radius: 50%;
    width: 46px;
    height: 46px;
    object-fit: cover;
    vertical-align: middle;
}

#default-view .welfare-detail-container .section-card-picture .icon-view-container .section-icon-container {
    display: flex;
}

#default-view .welfare-detail-container .section-card-picture .icon-view-container .section-icon-container,
#default-view #list-welfare-entities .section-icon-container {
    background: #7d7d7d;
    align-items: center;
    justify-content: center;
}


#default-view .welfare-detail-container .measurements-container .header-measurement-details,
.referral-referfriends .header-list-referral-container .header-referral-details {
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
    padding-bottom: 10px;
}

#default-view .welfare-detail-container .measurements-container .header-measurement-details:after,
.referral-referfriends .header-list-referral-container .header-referral-details:after {
    content: ' ';
    display: block;
    clear: both;
}

#default-view .welfare-detail-container .measurements-container.no-record .header-measurement-details {
    display: none;
}

#default-view .welfare-detail-container .measurements-container .no-record-found {
    padding: 15px 15px 15px 0px;
}

#default-view .welfare-detail-container .measurements-container.no-record .no-record-found {
    display: block !important;
}

.dailyreport-edit #default-view .section-mode .welfare-detail-container .measurements-container {
    margin-bottom: 35px;
    margin-top: 15px;
}

.dailyreport-view #default-view .section-mode .welfare-detail-container .measurements-container {
    margin-top: 10px;
}


#default-view .section-mode .welfare-detail-container .template-measurements-container,
#default-view .template-mode .welfare-detail-container .template-measurements-container {
    padding-top: 15px;
}


.dailyreport-edit .welfare-detail-container #templates-container {
    padding-bottom: 10px;
}

.dailyreport-edit #default-view .timeline-mode .welfare-detail-container .measurements-container,
.dailyreport-edit #default-view .welfare-detail-container .template-measurements-container,
.dailyreport-edit #default-view .welfare-detail-container .template-calculated-measurements-container,
.dailyreport-edit #default-view .welfare-entries-view:not(.show-all-data) .welfare-detail-container .notes-container,
.dailyreport-edit #default-view .welfare-detail-container .checklist-container,
.dailyreport-edit #default-view .section-mode .welfare-detail-container .measurements-container {
    padding-bottom: 40px;
}


#default-view .welfare-entry-content,
#default-view .timeline-mode .welfare-detail-container .template-measurements-container,
#receiving-resource-checkout .summary-selected-resource-checkout {
    position: relative;
}

#default-view .welfare-entries-view.show-all-data .welfare-entry-content .navigation-entry {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 70px;
}

#default-view .welfare-entry-content .navigation-entry > button {
    padding: 3px 10px;
    width: 95px;
    border-radius: 3px;
}

#default-view .welfare-entry-content .navigation-entry > button + button {
    margin-left: 15px;
}

#default-view .welfare-entry-content .navigation-entry > button.btn-prev i {
    margin-right: 3px;
}

#default-view .welfare-entry-content .navigation-entry > button.btn-next i {
    margin-left: 3px;
}

#default-view .show-all-data .welfare-entry-content .welfare-entities-container {
    z-index: 11;
}

#default-view .show-all-data .welfare-entry-content .welfare-entities-container {
    position: sticky;
}

#default-view .tab-welfare-content {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: transparent;
    position: sticky;
    top: 30px;
    z-index: 12;
    padding-top: 15px;
    padding-bottom: 15px;
}

#default-view .tab-welfare-content .btn-group {
    display: flex;
}

#default-view .tab-welfare-content.fixed {
    position: fixed;
    top: 49px;
    width: 100%;
    left: 0;
    background-color: #eee;
    border-bottom: 1px solid #aaa;
    transition: transform 330ms ease-in-out;
}

#default-view .section-mode.sticky-load-more .tab-welfare-content.fixed {
    border-bottom: 1px solid #ccc;
}

#default-view .tab-welfare-content a {
    color: #333;
    padding: 5px 10px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    background-color: #fff;
    width: 131px;
    text-align: center;
}

.device-ios #default-view .tab-welfare-content.fixed {
    top: 0;
}

#default-view .tab-welfare-content a:hover,
#default-view .tab-welfare-content a:focus {
    text-decoration: none;
}

#default-view .tab-welfare-content a:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#default-view .tab-welfare-content a:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#default-view .tab-welfare-content .active {
    color: #fff;
    background-color: #2780e3;
    border-color: #2780e3;
}

#default-view .section-mode .section-mode-editor-configuration {
    position: sticky;
    z-index: 11;
}

@media(min-width: 992px) {
    #default-view .welfare-entry-content .welfare-entities-container {
        top: 101px;
        transition: transform 330ms ease-in-out;
    }

    .device-ios #default-view .welfare-entry-content .welfare-entities-container {
        top: 53px;
        transition: transform 330ms ease-in-out;
    }

    .device-ios #default-view .section-mode .section-mode-editor-configuration {
        top: 0 !important;
    }

    #default-view .section-mode .section-mode-editor-configuration {
        top: 49px;
    }
}

@media(max-width: 991px) {
    #default-view .section-mode .section-mode-editor-configurations,
    #default-view .section-mode .welfare-detail-container .animal-header-container,
    #default-view .welfare-entry-content .welfare-entities-container,
    #default-view .timeline-mode .welfare-detail-container .animal-header-container {
        transition: transform 330ms ease-in-out;
    }

    #default-view .section-mode .section-mode-editor-configurations {
        top: 49px;
    }

    #default-view .section-mode.sticky-load-more .section-mode-editor-configuration,
    #default-view .section-mode .welfare-detail-container .animal-header-container,
    #default-view .welfare-entry-content .welfare-entities-container,
    #default-view .timeline-mode .welfare-detail-container .animal-header-container {
        top: 111px;
    }

    #default-view .section-mode.sticky-load-more .welfare-detail-container .animal-header-container,
    #default-view .section-mode.sticky-load-more .welfare-entry-content .welfare-entities-container {
        top: 165px;
    }

    .device-ios #default-view .welfare-entry-content .welfare-entities-container,
    .device-ios #default-view .section-mode .welfare-detail-container .animal-header-container,
    .device-ios #default-view .section-mode.sticky-load-more .section-mode-editor-configuration {
        top: 62px !important;
    }

    .device-ios #default-view .section-mode.sticky-load-more .welfare-detail-container .animal-header-container,
    .device-ios #default-view .section-mode.sticky-load-more .welfare-entry-content .welfare-entities-container {
        top: 116px !important;
    }
}

#default-view .welfare-header-detail .animal-card-detail a.view-animal,
#default-view .welfare-header-detail .section-detail-container a.view-section {
    margin-left: 8px;
    font-size: 17px;
    margin-top: 3px;
}

#default-view .welfare-header-detail .section-detail-container a.view-section:hover,
#default-view .welfare-header-detail .animal-card-detail a.view-animal:hover {
    text-decoration: none;
}

#default-view .welfare-detail-container ul#animal-flag,
#default-view .welfare-detail-container ul#section-flag {
    line-height: 0.5em;
}


#default-view .wrapper-daily-report-welfare.scrolled .editor-configuration {
    padding-bottom: 12px;
}


#default-view .welfare-entities-container.sticky .taxonomic,
#default-view .welfare-entities-container.sticky .canonical-name {
    display: none;
    transition: all 330ms ease;
}

@media(max-width: 479px) {
    #default-view .welfare-entities-container.sticky .image-inner-container {
        width: 40px !important;
        height: 40px !important;
    }

    #default-view .welfare-entities-container.sticky img.entity-picture,
    #default-view .welfare-entities-container.sticky .section-icon-container {
        width: 35px !important;
        height: 35px !important;
    }

    #default-view .welfare-entities-container.sticky .icon-template-container {
        width: 20px !important;
        height: 20px !important;
        font-size: 11px !important;
    }

    #default-view .welfare-entities-container.sticky > ul > li .detail-animal-card,
    #default-view .welfare-entities-container.sticky > ul > li .detail-section-card {
        padding-top: 8px !important;
        padding-bottom: 7px !important;
    }

    #default-view .welfare-entities-container.sticky .detail-section-card i.fa-puzzle-piece {
        font-size: 18px !important;
    }

    #default-view .welfare-entities-container .control-container a {
        top: 45%;
    }
}

#default-view .animal-header-container.sticky .animal-card-detail,
#default-view .welfare-entities-container.sticky .detail-animal-card .entity-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 330ms ease;
}

#default-view .section-mode .section-view-entry:not(.animal-entry) .welfare-header-detail .welfare-header-inner-container,
#default-view .timeline-mode .template-entry-section .welfare-header-detail .welfare-header-inner-container,
#default-view .timeline-mode.scrolled .animal-header-container .welfare-header-inner-container,
#default-view .animal-header-container.sticky .welfare-header-inner-container {
    align-items: center !important;
}

#default-view .welfare-entities-container {
    position: relative;
    display: flex;
    background-color: #eee;
    padding-top: 15px;
    padding-bottom: 10px;
}

#default-view .welfare-detail-container .table-entry .entity-card,
#default-view .welfare-entities-container > ul .entity-card {
    flex: 1;
    min-width: 0;
}

#default-view .welfare-entities-container {
    margin-bottom: 30px;
}

@media(min-width: 992px) {
    #default-view .section-mode .welfare-header-detail,
    #default-view .timeline-mode .welfare-header-detail {
        display: flex;
        width: 100%;
    }
}

@media(max-width: 991px) {
    #default-view .welfare-entities-container .animal-parent-mergesplit {
        display: inline-block;
    }
}


@media(min-width: 375px) {
    #default-view .welfare-entities-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media(max-width: 374px) {
    #default-view .welfare-entities-container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

#default-view .template-mode .welfare-header .detail-animal-card {
    align-items: center;
}

#default-view .template-mode .welfare-header .detail-animal-card,
#default-view .welfare-detail-container .table-entry .detail-animal-card,
#default-view .welfare-entities-container .detail-animal-card {
    display: flex;
}

#default-view .animal-header .add-measurement {
    display: -webkit-box;
    margin-top: 2px;
}

#default-view .welfare-header .add-measurement i {
    margin-right: 1px;
}

#default-view .section-mode .welfare-header-detail .welfare-header-inner-container,
#default-view .timeline-mode .welfare-header-detail .welfare-header-inner-container {
    display: flex;
    align-items: flex-start;
}


#default-view .section-mode .welfare-header-detail .welfare-header-inner-container .animal-name,
#default-view .section-mode .welfare-header-detail .welfare-header-inner-container .common-name,
#default-view .section-mode .welfare-header-detail .welfare-header-inner-container .species {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: break-spaces;
}

#default-view .section-mode .welfare-header-detail .welfare-header-inner-container .animal-name,
#default-view .section-mode .welfare-header-detail .welfare-header-inner-container .common-name,
#default-view .section-mode .welfare-header-detail .welfare-header-inner-container .species {
    -webkit-line-clamp: 1;
}


#default-view .welfare-detail-container .measurements-container.show-no-records-found .no-record-found {
    display: block;
}

#default-view .welfare-detail-container .measurements-container .no-record-found,
#default-view .welfare-detail-container .measurements-container.on-add-measurement .no-record-found,
#default-view .welfare-detail-container .measurements-container.show-no-records-found .header-measurement-details {
    display: none;
}

.dailyreport-view .wrapper-daily-report-welfare .daily-report-detail-container .welfare-entries-animal .entity-entries {
    border: 1px solid #ccc;
    margin-bottom: 40px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    background-color: #fafafa;
}

.dailyreport-view #default-view .entity-entries > div:not(:first-child):not(:last-child) {
    padding-bottom: 50px;
}

.wrapper-daily-report-welfare .daily-report-detail-container .welfare-entries-animal .notes-container {
    padding-bottom: 0 !important;
}

#default-view .welfare-detail-container .measurement-editor {
    padding: 15px;
    margin-top: 15px;
    background: #eeeeee;
}

#default-view .welfare-note-container.add-note .welfare-note-detail-add {
    display: none;
}


#default-view .welfare-detail-container .template-measurements-container .detail-measurement,
#default-view .welfare-detail-container .welfare-template-checklist .template-view-detail,
#default-view .welfare-detail-container .welfare-template-calculated-measurement .template-view-detail {
    margin: 0;
}

@media(min-width: 992px) {
    #default-view .welfare-detail-container .template-measurements-container .detail-measurement,
    #default-view .welfare-detail-container .welfare-template-checklist .template-view-detail,
    #default-view .welfare-detail-container .welfare-template-calculated-measurement .template-view-detail {
        display: flex;
        flex-direction: row;
    }

    #default-view .welfare-detail-container .template-measurements-container .detail-measurement .measurement-list-container .field-container span.select2-selection {
        width: 208px;
    }



    #default-view .welfare-detail-container .template-measurements-container .detail-measurement .measurement-list-container .field-container span.select2-selection {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: bottom;
    }
}

@media(max-width: 991px) {
    #default-view .section-mode .template-measurements-container .detail-measurement .detail-row {
        position: relative;
    }
}

#default-view .section-mode .measurement-header-name .measurement-content {
    text-align: center;
}

#default-view .template-mode .detail-measurement .measurement-column-header .measurement-content .detail-animal-card,
#default-view .welfare-template-checklist .checklist-row-header .detail-animal-card,
#default-view .welfare-template-calculated-measurement .calculated-measurement-row-header .calculated-measurement-row-header .detail-animal-card {
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    flex-flow: column;
}

#default-view .section-mode .welfare-container .welfare-detail-container .welfare-note-detail .welfare-entry-note,
#default-view .timeline-mode .welfare-container .welfare-detail-container .welfare-note-detail .welfare-entry-note {
    display: none;
}

#default-view .section-mode .measurement-header-name .measurement-content span {
    font-weight: 600;
    font-size: 20px;
    color: #666;
}

@media(max-width: 991px) {
    #default-view .welfare-detail-container .template-measurements-container .detail-measurement .measurement-list-container .field-container span.select2-selection {
        width: 100%;
    }
}

@media (max-width: 374px) {
    #default-view .table-measurement .target-container input,
    #default-view .table-measurement .target-container select,
    #default-view .table-measurement .target-container .select2-container,
    #default-view .select-checklist select,
    #default-view .select-checklist .select2-container {
        display: inline-block;
        width: 90% !important;
    }

    #default-view .welfare-detail-container .invalid .label-prev-day {
        right: 42px;
    }

    #default-view .welfare-detail-container .label-prev-day {
        right: 55px;
    }
}

@media (min-width: 375px) {
    #default-view .welfare-detail-container .invalid .label-prev-day {
        right: 80px;
    }

    #default-view .welfare-detail-container .label-prev-day {
        right: 100px;
    }

    #default-view .table-measurement .target-container input,
    #default-view .table-measurement .target-container select,
    #default-view .table-measurement .target-container .select2-container,
    #default-view .select-checklist select,
    #default-view .select-checklist .select2-container {
        display: inline-block;
    }
}

@media(min-width: 375px) and (max-width: 480px) {
    #default-view .table-measurement .target-container input,
    #default-view .table-measurement .target-container select,
    #default-view .table-measurement .target-container .select2-container,
    #default-view .select-checklist select,
    #default-view .select-checklist .select2-container {
        width: 93% !important;
    }
}

@media(min-width: 481px) and (max-width: 767px) {
    #default-view .table-measurement .target-container input,
    #default-view .table-measurement .target-container select,
    #default-view .table-measurement .target-container .select2-container,
    #default-view .select-checklist select,
    #default-view .select-checklist .select2-container {
        width: 96% !important;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #default-view .table-measurement .target-container input,
    #default-view .table-measurement .target-container select,
    #default-view .table-measurement .target-container .select2-container,
    #default-view .select-checklist select,
    #default-view .select-checklist .select2-container {
        width: 97% !important;
    }
}

@media(min-width: 992px) {
    #default-view .table-measurement .target-container input,
    #default-view .table-measurement .target-container select,
    #default-view .table-measurement .target-container .select2-container,
    #default-view .select-checklist select,
    #default-view .select-checklist .select2-container {
        width: 93% !important;
    }
}

#default-view .editing-wrapper.locked span.select2-selection {
    width: 213px !important;
    background-color: #e6e6e6;
}

#default-view .welfare-detail-container .template-measurements-container .detail-measurement .measurement-list-container .field-container span.empty-span {
    height: 43px;
    display: table-cell;
}

#default-view .table-measurement i.glyphicon-option-vertical,
#default-view .select-checklist i.glyphicon-option-vertical {
    position: absolute;
    cursor: pointer;
    color: #aaa;
}

#default-view .table-measurement .note-exists i.glyphicon-option-vertical {
    color: #2780e3;
}

#default-view .table-entry .hide-dropdown #dropdown-entry-icon {
    display: none;
}

@media(max-width: 991px) {
    #default-view .template-mode .table-measurement i.glyphicon-option-vertical,
    #default-view .template-mode .select-checklist i.glyphicon-option-vertical {
        right: 0;
    }

    #default-view .template-mode .table-measurement i.glyphicon-option-vertical {
        top: 70px;
        width: 30px;
        text-align: right
    }

    #default-view .section-mode .table-measurement i.glyphicon-option-vertical {
        top: 90px;
    }

    #default-view .template-mode .select-checklist i.glyphicon-option-vertical {
        top: 65px;
        width: 30px;
        text-align: right
    }


    #default-view .section-mode .table-measurement i.glyphicon-option-vertical {
        right: 0px;
        width: 25px;
        text-align: right;
        padding-right: 3px;
    }

    #default-view .timeline-mode .table-measurement i.glyphicon-option-vertical {
        right: 0;
    }
}

@media(min-width: 992px) {
    #default-view .template-mode .table-measurement i.glyphicon-option-vertical,
    #default-view .template-mode .select-checklist i.glyphicon-option-vertical {
        right: 15px;
    }


    .welfare-detail-container .template-measurements-container .title-container,
    #default-view .template-mode .checklist-title-container,
    .welfare-detail-container .template-calculated-measurements-container .title-container {
        margin-bottom: 15px;
    }

    #default-view .section-mode .table-measurement i.glyphicon-option-vertical {
        right: 15px;
    }

    #default-view .timeline-mode .table-measurement i.glyphicon-option-vertical {
        right: 10px;
    }
}


#default-view .timeline-mode .table-measurement i.glyphicon-option-vertical {
    top: 15px;
}

#default-view .timeline-mode .table-measurement .dropdown-entry ul {
    top: 30px;
}

#default-view .section-mode .table-measurement .dropdown-entry ul,
#default-view .template-mode .table-measurement .dropdown-entry ul,
#default-view .template-mode .select-checklist .dropdown-entry ul {
    right: 20px;
}

#default-view .timeline-mode .table-measurement .dropdown-entry ul {
    right: 15px;
}

#default-view .table-entry .dropdown-menu-entry a:hover i,
#default-view .table-entry .dropdown-menu-entry a:hover {
    color: #fff !important;
}

#default-view .table-entry .dropdown-menu-entry a,
#default-view .timeline-mode .template-measurements-container .dropdown-menu-entry a {
    padding-left: 10px;
    padding-right: 10px;
    display: flex !important;
    align-items: center;
}

#default-view .table-entry .dropdown-menu-entry a i,
#default-view .timeline-mode .template-measurements-container .dropdown-menu-entry a i {
    margin-right: 5px;
    width: 15px;
}

#default-view .table-entry .dropdown-menu-entry:not(.dropdown-note-only) li#menu-measurement-note:after {
    content: '';
    border-bottom: 1px solid #e5e5e5;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

#default-view .template-mode .table-checklist {
    position: relative;
}

#default-view #modal-welfare-template .template-option {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

#default-view #modal-welfare-template .all-template-option .template-option + .template-option {
    border-top: 1px solid #eee;
}

#default-view #modal-welfare-template .template-option .input-group {
    margin-left: auto;
}

#default-view #modal-welfare-template .dropdown-menu {
    right: 0;
    left: auto !important;
}

#default-view #modal-copy-value .warning {
    display: none;
}

#default-view #modal-copy-value .checklist-name,
#default-view #modal-copy-value .measurement-welfare-name > label {
    display: flex;
    align-items: center;
}

#default-view #modal-copy-value .measurement-welfare-name > label#label-measurement-welfare-name {
    margin-top: 5px;
    margin-bottom: 10px;
}

#default-view .template-mode #modal-copy-value .label-section-view,
#default-view .section-mode #modal-copy-value .label-template-view,
#default-view #modal-copy-value.animal-type .label-section,
#default-view #modal-copy-value.section-type .label-animal,
#default-view #modal-copy-value.copy-entire-row .label-copy-across,
#default-view #modal-copy-value.copy-entire-row .label-copy-selective,
#default-view #modal-copy-value.copy-across .label-copy-entire-row,
#default-view #modal-copy-value.copy-across .label-copy-selective,
#default-view #modal-copy-value.copy-selective .label-copy-entire-row,
#default-view #modal-copy-value.copy-selective .label-copy-across,
#default-view #modal-copy-value.copy-entire-row .label-copy-across-selective {
    display: none;
}

@media(min-width: 992px) {
    #default-view .welfare-entities-container .control-container a.prev {
        left: -23px;
    }

    #default-view .welfare-entities-container .control-container a.next {
        right: -22px;
    }
}


@media(min-width: 375px) and (max-width: 991px) {
    #default-view .welfare-entities-container .control-container a.prev {
        left: -14px;
    }

    #default-view .welfare-entities-container .control-container a.next {
        right: -14px;
    }
}

@media(min-width: 480px) and (max-width: 991px) {
    #default-view .welfare-entities-container .control-container a.next {
        right: -14px;
    }
}

@media(max-width: 374px) {
    #default-view .welfare-entities-container .control-container a.prev {
        left: 0;
    }

    #default-view .welfare-entities-container .control-container a.next {
        right: 0px;
    }
}

@media(min-width: 375px) and (max-width: 479px) {
    #default-view .welfare-entities-container .control-container a.next {
        right: -8px;
    }
}


#default-view #modal-copy-value .row-destination .control-container a.prev {
    left: -33px;
}

#default-view #modal-copy-value .row-destination .control-container a.next {
    right: -35px;
}

#default-view .welfare-entities-container .control-container a {
    top: 50%;
    transform: translateY(-50%) !important;
    z-index: 1;
}

#default-view .template-mode #modal-copy-value.animal-type .row-destination .control-container a {
    top: 30%;
    transform: translateY(-30%);
}

#default-view .section-mode #modal-copy-value .row-destination .control-container a,
#default-view .template-mode #modal-copy-value.section-type .row-destination .control-container a {
    top: 25%;
    transform: translateY(-25%);
}

@media (max-width: 767px) {
    #default-view #modal-copy-value .row-destination .control-container a.prev {
        left: -16px;
    }

    #default-view #modal-copy-value .row-destination .control-container a.next {
        right: -16px;
    }
}

#default-view #modal-copy-value .row-destination .destination {
    position: relative;
    margin-top: 8px;
    background-color: #eee;
    padding: 15px 15px 0 15px;
}


#default-view #modal-copy-value .welfare-measurement-detail .measurement-welfare-name-container {
    margin-bottom: 15px;
}

#default-view #modal-copy-value .welfare-measurement-detail .note-container {
    margin-top: 15px;
}

#default-view #modal-copy-value .welfare-measurement-detail .note {
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

#default-view #modal-copy-value .row-destination .destination > ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    white-space: nowrap;
    overflow-x: auto;
    display: flex;
    min-width: 0;
    padding-bottom: 12px;
}

#default-view #modal-copy-value .row-destination .destination > ul > li {
    display: inline-block;
    position: relative;
    width: 215px;
    background-color: #fff;
    padding: 7px 15px 5px;
    border: 1px solid #ccc;
    margin-right: 7px;
    flex-shrink: 0;
}

#default-view .template-mode #modal-copy-value .row-destination .destination > ul > li {
    padding: 7px 15px 5px;
    width: 215px
}

#default-view .template-mode #modal-copy-value .row-destination .destination > ul > li.active {
    background-color: khaki;
}

#default-view .template-mode #modal-copy-value .row-destination .destination > ul > li .detail-animal-card {
    flex-direction: column;
}


#default-view .template-mode #modal-copy-value .row-destination .destination > ul > li .detail-entity-card {
    display: flex;
}

#default-view .section-mode #modal-copy-value .row-destination .destination > ul > li {
    padding: 10px 15px;
    width: 175px
}

#default-view #modal-copy-value .row-destination .destination > ul > li .source {
    position: absolute;
    color: #fff;
    background-color: #333;
    padding: 0px 3px;
    font-size: 11px;
    top: 5px;
    right: 5px;
}

#default-view #modal-copy-value .row-destination .destination > ul > li:last-child {
    margin-right: 0 !important;
}

#default-view #modal-copy-value .measurement-welfare-name > label > .name-text {
    font-weight: normal;
}

#default-view #modal-copy-value .row-destination {
    margin-top: 30px;
}

#default-view #modal-copy-value .checklist-name-text {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    font-weight: normal;
}

#default-view #modal-copy-value .header-copy-entry {
    margin-bottom: 5px;
}

#default-view #modal-copy-value .header-copy-entry > label {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    padding-left: 0;
    text-transform: uppercase;
    width: 100%;
}

#default-view #modal-copy-value.invalid .warning {
    display: inline-block;
    color: #ff9900;
    margin-left: 5px;
}

@media(max-width: 991px) {
    #default-view .timeline-mode .template-measurements-container .dropdown-menu-entry,
    #default-view .table-entry .dropdown-menu-entry {
        width: auto;
        left: auto;
        right: 0;
    }
}

@media(min-width: 992px) {
    #default-view .section-mode .table-measurement i.glyphicon-option-vertical,
    #default-view .template-mode .table-measurement i.glyphicon-option-vertical {
        top: 25px;
    }

    #default-view .template-mode .select-checklist i.glyphicon-option-vertical {
        top: 30px;
    }


    #default-view .section-mode .table-measurement .dropdown-entry ul,
    #default-view .template-mode .table-measurement .dropdown-entry ul,
    #default-view .template-mode .select-checklist .dropdown-entry ul {
        top: 50px;
    }

    #default-view .section-mode .table-measurement .dropdown-menu-top ul,
    #default-view .template-mode .table-measurement .dropdown-menu-top ul,
    #default-view .template-mode .table-checklist .dropdown-menu-top ul {
        top: -15px !important;
    }
}

#default-view .target-container.invalid input {
    padding-right: 35px;
}

#default-view .welfare-detail-container .template-measurements-container .detail-measurement .measurement-list-container .field-container span.text-danger {
    font-size: 12.5px;
    white-space: normal;
}

#default-view .welfare-template-checklist .checklist-row-header .checklist-header-name {
    display: table-cell;
    vertical-align: middle;
    height: 20px;
    text-align: center;
    white-space: normal;
    font-weight: bold;
    width: 215px;
}

.detail-measurement .measurement-column-header .measurement-header-name .card-detail-template .animal-detail-ellipsis {
    margin: 0;
    font-weight: 400;
}

#default-view .welfare-template-checklist .checklist-column-header,
#default-view .welfare-detail-container .template-measurements-container .detail-measurement .measurement-column-header,
#default-view .welfare-template-calculated-measurement .calculated-measurement-column-header {
    display: flex;
    align-items: center;
    justify-content: left;
}

#default-view .welfare-template-checklist .checklist-column-header {
    min-height: 83px;
}

#default-view .section-mode .animal-measurement-time .measurement-list-container,
#default-view .welfare-detail-container .template-measurements-container .measurement-wrapper .measurement-container {
    display: flex;
    flex-direction: column;
}

#default-view .template-view-detail.detail-measurement .measurement-column-header label {
    color: unset;
}

@media(min-width: 992px) {
    #default-view .welfare-template-checklist .detail-row.template-view-detail,
    #default-view .section-mode .template-measurements-container .detail-measurement .detail-row,
    #default-view .welfare-detail-container .template-measurements-container .detail-measurement .detail-row,
    #default-view .welfare-template-calculated-measurement .detail-row {
        width: 0;
    }

    #default-view .expand-right .welfare-template-checklist .detail-row.template-view-detail,
    #default-view .expand-right .welfare-detail-container .template-measurements-container .detail-measurement .detail-row,
    #default-view .expand-right .welfare-template-calculated-measurement .detail-row {
        flex-basis: 85%;
    }

    #default-view .entry-header-sticky .entry-time-select {
        display: flex;
        align-items: center;
    }

    #default-view .welfare-template-checklist .detail-row.template-view-detail,
    #default-view .welfare-detail-container .template-measurements-container .detail-measurement .detail-row,
    #default-view .welfare-template-calculated-measurement .detail-row {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        flex-grow: 1;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #default-view .welfare-template-checklist .detail-row.template-view-detail,
    #default-view .section-mode .template-measurements-container .detail-measurement .detail-row,
    #default-view .welfare-detail-container .template-measurements-container .detail-measurement .detail-row,
    #default-view .welfare-template-calculated-measurement .detail-row {
        flex-basis: 70%;
    }

    #default-view .expand-right .welfare-template-checklist .detail-row.template-view-detail,
    #default-view .expand-right .welfare-detail-container .template-measurements-container .detail-measurement .detail-row,
    #default-view .expand-right .welfare-template-calculated-measurement .detail-row {
        flex-basis: 75%;
    }
}

@media(min-width: 1200px) {
    #default-view .welfare-template-checklist .detail-row.template-view-detail,
    #default-view .section-mode .template-measurements-container .detail-measurement .detail-row,
    #default-view .welfare-detail-container .template-measurements-container .detail-measurement .detail-row,
    #default-view .welfare-template-calculated-measurement .detail-row {
        flex-basis: 80%;
    }

    #default-view .expand-right .welfare-template-checklist .detail-row.template-view-detail,
    #default-view .expand-right .welfare-detail-container .template-measurements-container .detail-measurement .detail-row,
    #default-view .expand-right .welfare-template-calculated-measurement .detail-row {
        flex-basis: 85%;
    }
}

.input-validation-error,
.wrapper-daily-report-welfare .checklist-container .detail-checklist .detail-row .select-checklist.value-required .select2-container:not(.select2-container--disabled) .select2-selection,
.mention-tagging.value-required, .wrapper-daily-report-welfare .measurement-value.value-required input,
.wrapper-daily-report-welfare .measurement-value.value-required .select2-selection,
.wrapper-daily-report-welfare .measurement-value.value-required select,
#default-view .welfare-detail-container .template-measurements-container .field-container.value-required input,
#default-view .welfare-detail-container .template-measurements-container .field-container.value-required .select2-selection,
#default-view .welfare-detail-container .template-measurements-container .field-container.value-required select,
.wrapper-daily-report-welfare .checklist-container .detail-checklist .detail-row .select-checklist.value-required select,
.user-userprofile input.error,
#duplicate-single-item input.error {
    border: 1px solid #ffa9bc;
    background-color: #fff7f8;
}

#default-view .entry-header-sticky .entry-list-header {
    display: flex;
    align-items: center;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #fff;
    height: 76px;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
    border-bottom: 2px solid #aaa;
    flex-direction: row;
    width: 0;
}

#default-view .entry-header-sticky .entry-list-header .animal-detail-ellipsis {
    line-height: 1.2em;
}

#default-view .entry-header-sticky .entry-time-select {
    height: 76px;
    padding-left: 15px;
    background-color: #fff;
}

#default-view .welfare-entries-view .animal-header-container.sticky,
#default-view .template-mode.scrolled .animal-header-container,
#default-view .timeline-mode.scrolled .animal-header-container,
#default-view .welfare-entry-content .welfare-entities-container.sticky {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
}

#default-view .template-mode.scrolled .welfare-header.template-header .description-template,
#default-view .timeline-mode.scrolled .animal-header-container .species,
#default-view .timeline-mode.scrolled .animal-header-container .common-name,
#default-view .template-mode.scrolled .entity-detail-header > .detail-animal-card > .entity-card > .taxonomic,
#default-view .template-mode.scrolled .entity-detail-header > .detail-animal-card > .entity-card > .canonical-name,
#default-view .template-mode.scrolled .entity-detail-header > .detail-animal-card > .entity-card > .animal-flag-container,
#default-view .section-mode .animal-header-container.sticky .species,
#default-view .section-mode .animal-header-container.sticky .common-name {
    display: none !important;
    transition: all 330ms ease-in-out;
}

#default-view .template-mode.scrolled .entity-detail-header > .detail-animal-card {
    padding-bottom: 5px;
}

#default-view .template-mode.scrolled .entity-detail-header > .detail-animal-card,
#default-view .timeline-mode.scrolled .welfare-header-inner-container {
    padding-top: 5px;
}

#default-view .template-mode.scrolled .welfare-header.template-header .welfare-template-name {
    font-size: 23px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

#default-view .template-mode.scrolled .welfare-detail-container .animal-header-container hr {
    margin-bottom: 0;
    margin-top: 3px;
}

#default-view img.original-image {
    display: none;
}

#default-view .label-header-sticky {
    display: none;
}

#default-view .table-entry .target[disabled],
#default-view .table-entry .checklist-detail-template-view[disabled],
#default-view .select-checklist.disabled .select2-selection {
    background-color: #e6e6e6 !important;
    border: 1px solid #ccc !important;
}


#default-view .table-entry .entry-header-sticky {
    display: flex;
    width: 100%;
    position: relative;
}

#default-view .section-mode .table-entry .entry-header-sticky {
    align-items: center;
}

@media(min-width: 992px) {
    #default-view .template-mode .table-entry .entry-header-sticky {
        align-items: center;
    }


    #default-view .template-mode .entry-header-sticky .entry-time-select {
        border-right: 1px solid #e0e0e0;
    }

    #default-view .section-mode .table-entry .entry-header-sticky {
        margin-bottom: 5px;
    }

    #default-view .entry-header-sticky .entry-time-select {
        padding-left: 15px;
    }

    #default-view .entry-header-sticky .entry-time-select {
        border-bottom: 2px solid #aaa;
    }


    #default-view .template-schedule-select {
        width: 70%;
    }

    #default-view .wrapper-daily-report-welfare.template-mode.scrolled:not(.copy-mode) .animal-header-container {
        padding-top: 15px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #default-view .entry-header-sticky .entry-time-select {
        flex-basis: 30%;
    }


    #default-view .entry-header-sticky .entry-list-header {
        flex-basis: 70%;
    }

    #default-view .template-mode.expand-right .entry-time-select {
        flex-basis: 25%;
    }

    #default-view .template-mode.expand-right .entry-list-header {
        flex-basis: 75%;
    }
}

@media(min-width: 1200px) {
    #default-view .entry-header-sticky .entry-time-select {
        flex-basis: 20%;
    }

    #default-view .entry-header-sticky .entry-list-header {
        flex-basis: 80%;
    }

    #default-view .template-mode.expand-right .entry-time-select {
        flex-basis: 15%;
    }

    #default-view .template-mode.expand-right .entry-list-header {
        flex-basis: 85%;
    }
}

@media(max-width: 991px) {
    #default-view .entry-header-sticky .entry-list-header {
        flex-basis: 100%;
    }

    #default-view .template-mode .entry-header-sticky .entry-list-header {
        margin-top: 70px;
        border-top: 1px solid #aaa;
    }

    #default-view .section-mode .entry-time-select {
        display: none;
    }

    #default-view .wrapper-daily-report-welfare.scrolled .welfare-detail-container .animal-header-container {
        padding-top: 5px;
    }

    #default-view .wrapper-daily-report-welfare.scrolled.timeline-mode .template-entry-section .welfare-detail-container .animal-header-container {
        padding-top: 0px;
    }

    #default-view .section-mode.wrapper-daily-report-welfare .welfare-entries-view:not(.show-all-data) .welfare-detail-container .animal-header-container hr,
    #default-view .template-mode.wrapper-daily-report-welfare .welfare-detail-container .animal-header-container hr,
    #default-view .timeline-mode.wrapper-daily-report-welfare .welfare-detail-container .animal-header-container hr {
        margin-top: 10px !important;
    }

    #default-view .section-mode.wrapper-daily-report-welfare .welfare-entries-view:not(.show-all-data) .animal-header-container,
    #default-view .template-mode.wrapper-daily-report-welfare .welfare-detail-container .animal-header-container,
    #default-view .timeline-mode.wrapper-daily-report-welfare .welfare-detail-container .animal-header-container {
        padding-bottom: 0px;
    }

    #default-view .section-mode.wrapper-daily-report-welfare .welfare-entries-view:not(.show-all-data) .welfare-detail-container .animal-header-container hr,
    #default-view .template-mode.wrapper-daily-report-welfare .welfare-detail-container .animal-header-container hr,
    #default-view .timeline-mode.wrapper-daily-report-welfare .welfare-detail-container .animal-header-container hr {
        margin-top: 10px !important;
    }


    #default-view .template-mode.scrolled .entity-detail-header > .detail-animal-card > .taxonomic,
    #default-view .template-mode.scrolled .entity-detail-header > .detail-animal-card > .canonical-name {
        display: none;
    }
}


#default-view .template-mode .entry-list-header::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}

#default-view .template-mode .animal-detail-ellipsis {
    display: block;
}

#default-view .measurement-list-header .measurement-header-name,
#default-view .template-mode .checklist-list-header .checklist-row-header,
#default-view .template-mode .calculated-list-header .calculated-measurement-row-header {
    padding: 10px 15px;
    display: inline-block;
    flex-shrink: 0;
}

#default-view .template-mode .measurement-list-header .measurement-header-name .detail-section-name,
#default-view .template-mode .checklist-list-header .checklist-row-header .detail-section-name,
#default-view .template-mode .calculated-list-header .calculated-measurement-row-header .detail-section-name {
    flex-direction: column;
    flex: 1;
}

#default-view .template-mode .measurement-list-header .measurement-header-name .detail-section-card,
#default-view .template-mode .checklist-list-header .checklist-row-header .detail-section-card,
#default-view .template-mode .calculated-list-header .calculated-measurement-row-header .detail-section-card,
#default-view .template-mode .measurement-list-header .measurement-header-name .detail-section-name,
#default-view .template-mode .checklist-list-header .checklist-row-header .detail-section-name,
#default-view .template-mode .calculated-list-header .calculated-measurement-row-header .detail-section-name,
#default-view .template-mode .measurement-list-header .measurement-header-name .section-name,
#default-view .template-mode .checklist-list-header .checklist-row-header .section-name,
#default-view .template-mode .calculated-list-header .calculated-measurement-row-header .section-name,
#default-view .template-header .entity-detail-header .detail-section-name {
    display: flex;
}

#default-view .template-mode .measurement-list-header .measurement-header-name .detail-section-card,
#default-view .template-mode .checklist-list-header .checklist-row-header .detail-section-card,
#default-view .template-mode .calculated-list-header .calculated-measurement-row-header .detail-section-card {
    flex-direction: row;
}

#default-view .template-mode .measurement-list-header .measurement-header-name .section-full-path,
#default-view .template-mode .checklist-list-header .checklist-row-header .section-full-path,
#default-view .template-mode .calculated-list-header .calculated-measurement-row-header .section-full-path {
    color: #aaa;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: break-spaces;
    line-height: 1.2em;
    -webkit-line-clamp: 2;
    margin-top: 5px;
    margin-bottom: 5px;
}

f
#default-view .template-mode .measurement-list-header .measurement-header-name:not(:last-child),
#default-view .template-mode .checklist-list-header .checklist-row-header:not(:last-child),
#default-view .template-mode .calculated-list-header .calculated-measurement-row-header:not(:last-child) {
    border-right: 1px solid #e0e0e0;
}

#default-view .welfare-detail-container .spinner.loader-upload {
    margin-top: 50px;
}

#default-view .animal-detail .spinner {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    display: none;
}

.dailyreport-edit .daily-report .daily-report-section-title {
    margin-left: 10px;
}

.dailyreport-edit .daily-report .form-report {
    margin-right: 10px;
}

.dailyreport-edit .daily-report {
    margin-bottom: 50px;
}

#default-view .report-container {
    margin-top: 20px;
    margin-right: 20px;
}

#daily-report-header {
    padding: 20px;
}

#daily-report-header h2 {
    margin: 0;
    display: inline-block;
}

#daily-report-header .daily-report-importance,
#daily-report-header .flags-container {
    display: inline-block;
}

#daily-report-header .daily-report-importance label,
#daily-report-header .flags-container label {
    margin-right: 10px;
}

#daily-report-header .daily-report-importance select {
    display: inline-block;
}

.daily-report-header-info-container {
    position: relative;
}

.daily-report-header-info-container:before {
    content: ' ';
    clear: both;
    display: block;
}

#daily-report-header .flags-container {
    float: right;
    max-width: 500px;
}

#daily-report-header .flags-container .dropdown.open .dropdown-menu {
    right: 0;
    left: auto;
}

#daily-report-header .daily-report-importance,
#daily-report-header .daily-report-header-info-container {
    padding: 5px 0;
}

#daily-report-header .flags-container {
    padding: 0;
}

#daily-report-header .daily-report-header-info-container:after {
    content: ' ';
    display: block;
    clear: both;
}

#daily-report-header .daily-report-importance select {
    width: 150px;
}

#daily-report-header .daily-report-importance label,
#daily-report-header .flags-container label {
    padding-top: 6px;
}

#daily-report-body {
    background: #eee;
    padding: 15px;
}

.dailyreport-edit #weather-card-container .form-group .weather-note .mention-tagging {
    min-height: 70px !important;
}

#daily-report-body .dailyreport-wrapper-container {
    padding-left: 0;
}

#daily-report-body .dailyreport-container,
#daily-report-body .dailyreport-calendar-outer-container,
#daily-report-body .dailyreport-medicalreminder-container,
#daily-report-body #dailyreport-weather-cards,
#daily-report-body .dailyreport-weather-container,
#daily-report-body .dailyreport-task-container,
#daily-report-body .item-cards-container,
#daily-report-body .dailyreport-attachment-container {
    background: #fff;
}

#daily-report-body .editing-wrapper .dailyreport-weather-container {
    background: #f9f9f9;
}

#daily-report-body .dailyreport-weather-container .measurement-value-outter-container {
    padding-left: 0;
}

#daily-report-body .dailyreport-weather-container .measurement-value-outter-container .unit-value {
    padding-right: 18px !important;
}

#daily-report-body .dailyreport-col {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    margin-bottom: 15px;
    height: 413px;
}

#daily-report-body .dailyreport-col.dailyreport-general-notes-container {
    width: 75%;
}

@media(min-width: 375px) {
    #daily-report-body .dailyreport-col {
        padding-left: 15px;
    }

    #daily-report-body .dailyreport-wrapper-container {
        padding-right: 15px;
    }
}

@media(max-width: 374px) {
    #daily-report-body .dailyreport-col {
        padding-left: 0px;
    }

    #daily-report-body .dailyreport-wrapper-container {
        padding-right: 0px;
    }
}

/* Auto Expand on hover */
.auto-expand-container {
    transition: all 0.1s ease-in-out;
    transition-delay: 0;
}

.auto-expand-container:hover {
    -webkit-box-shadow: 0px 3px 7px 3px #aaa;
    -moz-box-shadow: 0px 3px 7px 3px #aaa;
    box-shadow: 0px 3px 7px 4px #aaa;
    z-index: 10;
    position: relative;
}

.auto-expand-overflow {
    transition: all 0.2s ease-in-out;
    transition-delay: 0;
}

.auto-expand-container:hover .auto-expand-overflow {
    max-height: 60vh !important;
    transition-delay: 0.4s;
}

/* autoexpand z-index ordering*/
.dailyreport-weather-container .auto-expand-container:hover,
.dailyreport-weather-container .auto-expand-container:hover {
    z-index: 106;
}

.dailyreport-medicalreminder-outer-container .auto-expand-container:hover {
    z-index: 105;
}

.dailyreport-task-outer-container .auto-expand-container:hover {
    z-index: 104;
}

.dailyreport-animal-care-staff-container .auto-expand-container:hover {
    z-index: 103;
}

.dailyreport-attachment-container.auto-expand-container:hover {
    z-index: 102;
}


.dailyreport-general-notes-container .auto-expand-container:hover {
    z-index: 101;
}

.dailyreport-general-notes-container.editable .auto-expand-container,
.dailyreport-animal-care-staff-container.editable .auto-expand-container {
    z-index: unset;
}


#daily-report-body .dailyreport-col.dailyreport-general-notes-container {
    z-index: 100;
}

/* Custom Sizing for Daily Report*/
@media(min-width: 1601px) {
    .hasMedicalModule #daily-report-body .dailyreport-col.dailyreport-general-notes-container {
        width: 50%;
    }
}

@media(max-width: 1600px) {
    /* 3 columnns */
    #daily-report-body .dailyreport-col {
        width: 33.3%;
    }

    #daily-report-body .dailyreport-col #general-note-container {
        height: auto;
        min-height: unset !important;
        max-height: unset !important;
        overflow: visible;
    }

    #daily-report-body .dailyreport-col.dailyreport-general-notes-container {
        width: 100%;
        clear: both;
        margin-bottom: 50px;
        height: auto;
    }

    #daily-report-body .dailyreport-col.dailyreport-general-notes-container .item-cards-container {
        min-height: 413px;
    }
}

@media(max-width: 1200px) {
    /* 2 columnns */
    #daily-report-body .dailyreport-col {
        width: 50%;
    }

    #daily-report-body .dailyreport-col.dailyreport-general-notes-container {
        width: 100%;
    }
}

@media(max-width: 800px) {
    /* 1 columnns */
    #daily-report-body .dailyreport-col {
        width: 100%;
    }

    #daily-report-body .dailyreport-col.dailyreport-general-notes-container {
        width: 100%;
    }
}


#daily-report-body .dailyreport-task-container {
    padding: 10px 10px;
}

#daily-report-body .item-cards-container,
#daily-report-body .dailyreport-attachment-container {
    padding: 15px 25px 20px;
}

#daily-report-body .dailyreport-calendar-outer-container {
    height: 413px;
    padding: 30px;
}

#daily-report-body .dailyreport-container {
    height: 413px;
    padding: 20px 30px;
}

#daily-report-body .dailyreport-calendar-outer-container table.calendar {
    margin-bottom: 0;
}

.dailyreport-calendar-outer-container table.calendar td.disabled {
    background-color: #eee;
}

#daily-report-body .dailyreport-weather-container,
#daily-report-body .dailyreport-medicalreminder-container {
    padding: 10px 10px;
}

.dailyreport-edit #dailyreport-weather-cards,
.dailyreport-edit .daily-report,
.dailyreport-edit .calendar-daily-report,
.dailyreport-edit .daily-report-medical-treatment,
.dailyreport-edit .daily-report-task-checklist {
    background: white;
}

#daily-report-body .dailyreport-weather-container {
    padding: 0;
}

#daily-report-body .dailyreport-outer-container {
    display: flex;
    flex-direction: column;
}

#daily-report-body .dailyreport-weather-container.expanded {
    background: #fff;
    z-index: 101;
    height: unset;
    flex-grow: 1;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

#default-view .dailyreport-general-notes-container.editable .item-cards-container,
#default-view .dailyreport-animal-care-staff-container.editable .item-cards-container,
#daily-report-body .dailyreport-weather-container.expanded {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

#daily-report-body .dailyreport-weather-container #dailyreport-weather-cards {
    padding: 15px 25px;
    min-height: 413px;
}

#daily-report-body .dailyreport-weather-container.expanded #dailyreport-weather-cards {
    padding-bottom: 20px;
}

#daily-report-body .dailyreport-weather-container.not-valid {
    border: 2px solid #ff0039;
}

#daily-report-body .dailyreport-weather-container.expanded #weather-card-container {
    height: auto;
    min-height: unset;
    max-height: unset;
    overflow: hidden;
}

.dailyreport-edit .calendar-daily-report,
.dailyreport-view .calendar-daily-report {
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 3px;
}

.dailyreport-edit .medical-and-task,
.dailyreport-view .medical-and-task {
    padding-bottom: 624px;
    background: #fff;
}

.dailyreport-edit #item-cards,
.dailyreport-view #item-cards {
    margin-bottom: 0;
}

.dailyreport-edit #checklist.list-editor,
.dailyreport-view #checklist.list-editor,
.dailyreport-edit #medical-record-reminder-cards,
.dailyreport-view #medical-record-reminder-cards {
    margin-top: 0px !important;
    margin-bottom: 12px;
}

.dailyreport-edit #item-cards .item-card {
    padding: 5px;
}

.dailyreport-edit #item-cards .item-card:not(:last-child),
.dailyreport-view #item-cards .item-card:not(:last-child) {
    border-bottom: solid 1px #eee;
}

.welfare .animal-template,
.welfare .animal-template {
    background: #fff;
}

.welfare .animal-template .animal-detail .column-animal-picture .image-inner-container,
.welfare .animal-template .animal-detail .column-animal-picture .image-inner-container {
    border: 1px solid #e0e2e1;
    padding: 4px 4px 4px 4px;
    width: 110px;
}

.welfare .animal-template .animal-detail .column-animal-picture .image,
.welfare .animal-template .animal-detail .column-animal-picture .image {
    width: 100px;
    height: 100px;
}

.welfare .animal-template .animal-detail .column-animal-picture,
.welfare .animal-template .animal-detail .column-animal-picture {
    width: auto;
}

.welfare .animal-template .animal-detail .animal-name {
    display: grid;
}

.welfare .animal-template .animal-detail .animal-name .animal-identifier {
    display: inline-block;
}

.dailyreport-edit #medical-reminder-schedule,
.dailyreport-view #medical-reminder-schedule {
    display: none;
}

@media(min-width: 992px) {
    .wrapper-daily-report-welfare .measurement-value {
        width: 260px;
    }
}

.wrapper-daily-report-welfare .measurement-value {
    vertical-align: middle;
}

.wrapper-daily-report-welfare .measurement-title {
    vertical-align: middle;
}

@media(min-width: 992px) {
    .wrapper-daily-report-welfare .measurement-title {
        display: table-cell;
        width: 400px;
        padding-right: 15px;
    }
}

@media(max-width: 991px) {
}

.wrapper-daily-report-welfare .sidebar-container .header-time {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 10;
    background-color: #eee;
    padding: 5px 0;
}

.wrapper-daily-report-welfare .header .hour-time {
    width: 70px;
    font-size: 13px;
    color: #666;
    position: relative;
    z-index: 1;
    background-color: #eee;
    padding-right: 10px;
    font-style: normal;
}

.wrapper-daily-report-welfare .header .hour-time.eastern-time {
    padding-left: 22.5px;
}

.wrapper-daily-report-welfare .header .line {
    background: #eeeeee;
    height: 11px;
    display: block;
    float: right;
    border-bottom: 1px solid #cccccc;
    position: absolute;
    width: 100%;
    top: 6px;
    z-index: 0;
}

.device-ie .wrapper-daily-report-welfare .header .line {
    width: 68%;
    top: 77px;
    left: 60px;
}

.wrapper-daily-report-welfare .sidebar-sections-list .col-lg-10,
.wrapper-daily-report-welfare .sidebar-sections-list .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.wrapper-daily-report-welfare .content-container {
    background-color: #fff;
    border: 1px solid #cccccc;
    padding: 10px;
    margin: 5px 0;
    float: right;
    cursor: pointer;
    color: #333;
    transition: all .25s ease-in-out;
    width: 100%;
}

.wrapper-daily-report-welfare .timeline-content-wrapper .content-container:hover {
    background-color: #dee7ef;
}

.wrapper-daily-report-welfare .content-container .icon-time {
    display: inline-block;
}

.wrapper-daily-report-welfare .content-container .icon-time .timeline-hour {
    font-size: 10px;
    color: #807c7c;
    float: left;
    margin-left: -28px;
    margin-top: 10px;
}

.wrapper-daily-report-welfare .content-container .icon-time .icon {
    margin-top: 5px;
    float: right;
    margin-right: -55px;
}

.wrapper-daily-report-welfare .timeline-template {
    height: calc(100vh - 185px);
    overflow-y: auto;
    padding-right: 10px;
}

.wrapper-daily-report-welfare .animal-timeline-template .animal-view.timeline {
    display: block !important;
}

.wrapper-daily-report-welfare .arrow-next {
    position: absolute;
    top: 74px;
    right: 15px;
    text-align: right;
    z-index: 100;
    background: #eee;
    padding-left: 5px;
    padding-right: 5px;
}

.wrapper-daily-report-welfare .arrow-next a {
    color: #aaa;
    font-size: 14px;
    padding: 5px;
}

.wrapper-daily-report-welfare .arrow-next a:hover {
    color: #2780e3;
}

.wrapper-daily-report-welfare .overdue-checklist .icon {
    color: #ee1212;
}

.wrapper-daily-report-welfare .content-container .timeline-hour {
    float: left;
    font-size: 12px;
    color: #888;
}

.wrapper-daily-report-welfare .content-container .timeline-frequency-type {
    float: left;
    font-size: 12px;
    color: #888;
    padding-right: 4px;
}

.wrapper-daily-report-welfare .content-container .icon {
    float: right;
    margin-top: -4px;
    margin-right: -5px;
}

.wrapper-daily-report-welfare .overdue .timeline-hour,
.wrapper-daily-report-welfare .content-container.overdue .fa-sticky-note-o,
.wrapper-daily-report-welfare .content-container.overdue .fa-check-square-o,
.wrapper-daily-report-welfare .content-container.overdue .fa-balance-scale {
    color: #ed1111;
}

.wrapper-daily-report-welfare .content-container.required .fa-sticky-note-o,
.wrapper-daily-report-welfare .content-container.required .fa-check-square-o,
.wrapper-daily-report-welfare .content-container.required .fa-balance-scale {
    color: #ff9900;
}

.wrapper-daily-report-welfare .content-container .fa-balance-scale,
.wrapper-daily-report-welfare .content-container .fa-sticky-note-o,
.wrapper-daily-report-welfare .content-container .fa-check-square-o {
    color: #cccccc;
    margin-right: 3px;
}

.wrapper-daily-report-welfare .timeline-content-wrapper .time-information i {
    font-size: 12px;
    background: white;
    text-align: center;
    vertical-align: middle;
    padding: 4px 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.wrapper-daily-report-welfare .timeline-content-wrapper .time-information .entry-completed {
    color: #28a745;
}

.wrapper-daily-report-welfare .timeline-content-wrapper .time-information .entry-missing {
    color: #ff7518;
}

.wrapper-daily-report-welfare .timeline-content-wrapper .time-information .entry-overdue {
    color: #ff0039;
}

.wrapper-daily-report-welfare .sticky-header-timeline.current .header-time .hour-time {
    color: #2780e3;
}

.wrapper-daily-report-welfare .sticky-header-timeline.current .header-time .line {
    border-bottom: 1px solid #2780e3;
}

.wrapper-daily-report-welfare .header-section .label-section,
.wrapper-daily-report-welfare .header-timeline .label-timeline,
.wrapper-daily-report-welfare .header-template .label-template {
    font-size: 20px;
    font-weight: 600;
}

.wrapper-daily-report-welfare .header-section .btn-group {
    float: right;
}

.wrapper-daily-report-welfare .header-section .btn-group button {
    min-width: 72px;
}

.wrapper-daily-report-welfare .header-section .btn-group .btn-inactive {
    background-color: #fff;
}

.wrapper-daily-report-welfare .header-section .btn-group .btn-inactive[disabled] {
    border-color: #fff;
}

.wrapper-daily-report-welfare .header-section .btn-group.loading:before {
    content: ' ';
    background: url("/Content/images/ajax-loader.gif") no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    left: -25px;
    top: 6px;
}

.wrapper-daily-report-welfare .header-section .btn-group button:focus {
    outline: none;
}

.wrapper-daily-report-welfare .sidebar-sections-list hr,
.wrapper-daily-report-welfare .header-timeline hr,
.wrapper-daily-report-welfare .header-template hr {
    border-top: 2px solid #cccccc;
}

.wrapper-daily-report-welfare .header-template hr {
    margin-bottom: 10px;
}

.wrapper-daily-report-welfare .sticky-header-templates .template-title a {
    padding: 8px 10px;
    font-weight: 600;
    font-size: 16px;
    color: #080808;
    margin-bottom: 3px;
    margin-top: 3px;
}

.wrapper-daily-report-welfare .template-view .template-measurements-container .detail-measurement .detail-row,
.wrapper-daily-report-welfare .template-view .checklist-container .detail-checklist .detail-row {
    padding: 10px 0;
}

.modal .welfare-template-detail .row .text-muted {
    text-align: right;
}

.modal .welfare-template-detail .row {
    padding-bottom: 10px;
}

#default-view .template-view-detail .entry-name,
#default-view .template-view-detail .animal-name,
#default-view .template-view-detail .section-name {
    font-weight: 800;
}

#default-view .template-view .details-container .welfare-template-name,
#default-view .template-header h2,
#default-view .chart-compare-goal .chart-header-title span {
    font-weight: 600;
}

#default-view .template-header .welfare-template-name-container {
    display: flex;
}

#default-view .template-header .entity-detail-header {
    display: flex;
    align-items: center;
    flex-direction: row;
}

#default-view .template-header .entity-detail-header .section-name {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-left: 5px;
}


#default-view .template-header .entity-detail-header.no-entity {
    justify-content: center;
}

#default-view .template-header .entity-detail-header a.btn-option {
    color: #333;
    margin-left: auto;
}

#default-view .template-header .entity-detail-header .dropdown-menu > li {
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
}

#default-view .template-header .entity-detail-header .dropdown-menu li .detail-entity-card {
    width: 100%;
    display: flex !important;
}

#default-view .template-header .entity-detail-header.section .dropdown-menu li .detail-section-card {
    padding-bottom: 10px;
    padding-top: 12px;
}

#default-view .template-header .entity-detail-header.animal .dropdown-menu li .detail-entity-card {
    padding-top: 12px;
    padding-bottom: 12px;
}

#default-view .template-header .entity-detail-header.animal .dropdown-menu li .section-flag-container {
    margin-top: 3px;
}

#default-view .template-header .entity-detail-header .detail-animal-card .dropdown-menu li .detail-entity-card {
    display: block !important;
}

#default-view .template-header .entity-detail-header .detail-section-card .dropdown-menu li .detail-entity-card {
    display: flex !important;
}

#default-view .template-header .entity-detail-header .detail-section-card .dropdown-backdrop {
    display: none;
}

#default-view .template-header .entity-detail-header.section .dropdown-menu li + li .detail-section-card,
#default-view .template-header .entity-detail-header.animal .dropdown-menu li + li .detail-entity-card {
    border-top: 1px solid #e0e0e0;
}

#default-view .template-header .entity-detail-header {
    margin-top: 20px;
    position: relative;
}

#default-view .template-header .entity-detail-header .dropdown-menu {
    width: 100%;
    margin: 0;
    padding: 0;
    max-height: 300px;
    overflow-y: auto;
}

#default-view .template-header .entity-detail-header .nav-entity > a {
    color: #333;
    border: 1px solid;
    padding-top: 1px;
    text-align: center;
    padding-bottom: 1px;
    border-radius: 3px;
    font-size: 17px;
}

#default-view .template-header .entity-detail-header .nav-entity.disabled > a {
    cursor: default;
    border: 1px solid #999;
    background-color: #ccc;
    color: #666;
}

#default-view .template-mode.scrolled .welfare-header.template-header .entity-detail-header {
    margin-top: 10px !important;
    padding-bottom: 10px;
}

#default-view .template-header .entity-detail-header .nav-entity.prev-entity {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

#default-view .template-header .entity-detail-header .nav-entity.next-entity {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}


#default-view .template-header .entity-detail-header .nav-entity.prev-entity > a {
    padding-left: 7px;
    padding-right: 9px;
}

#default-view .template-header .entity-detail-header .nav-entity.next-entity > a {
    padding-left: 9px;
    padding-right: 7px;
}

#default-view .template-header .entity-detail-header .entity-card.highlight,
#default-view #modal-copy-value .row-destination .destination > ul > li.active {
    background-color: khaki;
}

#default-view #modal-copy-value .row-destination .detail-section-card .entry-name {
    flex: 1;
    font-size: 15px;
    font-weight: normal;
}

#default-view #modal-copy-value .row-destination .detail-section-card {
    color: #333;
    display: flex;
    align-items: center;
    height: 70px;
}

#default-view #modal-copy-value .row-destination .detail-section-card .section-name {
    margin-left: 5px;
}

#default-view .template-header .entity-detail-header > .detail-section-card {
    display: flex;
}

@media(max-width: 991px) {
    #default-view .template-header .entity-detail-header > .detail-section-card {
        align-items: center;
    }
}

@media(min-width: 992px) {
    #default-view .template-header .entity-detail-header > .detail-section-card {
        align-items: baseline;
    }
}

#default-view .template-header .entity-detail-header > .detail-section-card .entry-name {
    flex: 1;
}

#default-view .template-header .entity-detail-header > .detail-section-card .entry-name,
#default-view .template-header .entity-detail-header > .detail-section-card .fa-puzzle-piece {
    color: #333 !important;
}

#default-view .template-header .entity-detail-header .dropdown-menu .detail-section-card .entry-name {
    font-weight: normal;
    font-size: 15px;
    max-width: 90%;
}

#default-view .template-header .entity-detail-header .dropdown-menu .detail-animal-card .entry-name {
    font-size: 17px;
    width: 85%;
}

#default-view #modal-copy-value .detail-animal-card > entity-card,
#default-view .template-header .entity-detail-header > .detail-animal-card .entity-card {
    width: 90%;
}

#default-view .template-header .entity-detail-header.animal > .detail-section-card,
#default-view .template-header .entity-detail-header.section > .detail-animal-card {
    display: none;
}


#default-view .template-header .entity-detail-header > .detail-animal-card,
#default-view .template-header .entity-detail-header > .detail-section-card {
    border: 1px solid #ccc;
    position: relative;
}

#default-view .template-header .entity-detail-header > .detail-animal-card .entity-card {
    flex: 1;
    padding-right: 10px;
}

#default-view .welfare-entities-container > ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    white-space: nowrap;
    overflow-x: auto;
    padding-bottom: 5px;
    display: flex;
}

#default-view .welfare-entities-container .select-entity {
    cursor: pointer;
}

#default-view .welfare-entities-container > ul > li {
    margin-right: 7px;
    height: 100%;
}

#default-view .welfare-entities-container > ul > li .indicator-container {
    font-size: 13px;
    display: flex;
    align-items: baseline;
    margin-left: auto;
    padding-left: 5px;
}

#default-view .welfare-entities-container > ul > li.missing-required .indicator-container > span.count-missing,
#default-view .welfare-entities-container > ul > li.has-data .indicator-container > span.has-data-icon {
    display: inline-block;
}

#default-view .welfare-entities-container > ul > li .indicator-container > span.count-missing,
#default-view .welfare-entities-container > ul > li .indicator-container > span.has-data-icon {
    display: none;
}


#default-view .welfare-entities-container > ul > li .indicator-container span.has-data-icon {
    height: 11px;
    width: 11px;
    position: relative;
}

#default-view .welfare-entities-container > ul > li .indicator-container span.has-data-icon > span {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #28a745;
    border: 2px solid #85db85;
    display: inline-block;
    position: absolute;
}

#default-view .welfare-entities-container > ul > li.section .indicator-container {
    height: 100%;
}

#default-view .welfare-entities-container > ul > li .indicator-container .count-missing {
    padding: 0 3px;
    border: 1px solid red;
    background-color: red;
    color: #fff;
    font-size: 11px;
    border-radius: 3px;
    margin-left: 5px;
    min-width: 15px;
    text-align: center;
    height: 17px;
    font-weight: bold;
}

#default-view .welfare-entities-container > ul > li .detail-animal-card {
    height: 100%;
}


#default-view .welfare-entities-container > ul > li .detail-section-card {
    display: flex;
    align-items: center;
    height: 100%;
    color: #333 !important;
}

@media(min-width: 992px) {
    #default-view .welfare-entities-container > ul > li .detail-animal-card {
        width: 290px;
    }

    #default-view .welfare-entities-container > ul > li .detail-section-card {
        width: 250px;
    }
}

@media(max-width: 991px) {
    #default-view .welfare-entities-container > ul > li .detail-animal-card {
        width: 250px;
    }

    #default-view .welfare-entities-container > ul > li .detail-section-card {
        width: 200px;
    }
}

#default-view .welfare-entities-container > ul > li .detail-animal-card,
#default-view .welfare-entities-container > ul > li .detail-section-card {
    border: 1px solid #ccc;
    padding: 11px 15px 10px;
    position: relative;
    background-color: #fff;
    border-radius: 10px;
}

#default-view .welfare-entities-container > ul > li.active .detail-animal-card,
#default-view .welfare-entities-container > ul > li.active .detail-section-card,
#default-view .welfare-entities-container > ul > li.active .taxonomic,
#default-view .welfare-entities-container > ul > li.active .canonical-name,
#receiving-resource-checkout .tags-content .tags-label.selected {
    color: #fff !important;
}

#default-view .welfare-entities-container > ul > li.active > .detail-section-card,
#default-view .welfare-entities-container > ul > li.active > .detail-animal-card,
#receiving-resource-checkout .tags-content .tags-label.selected {
    background-color: #2780e3;
}

#default-view .welfare-entities-container > ul > li > .detail-section-card .detail-section-name {
    margin-left: 10px;
}

#default-view .welfare-entities-container > ul > li:not(.active):hover > .detail-section-card,
#default-view .welfare-entities-container > ul > li:not(.active):hover > .detail-animal-card {
    background-color: #dee7ef !important;
}

#receiving-resource-checkout .modal-body {
    display: flex;
}

#receiving-resource-checkout .modal-body > form {
    display: flex;
    flex: 1;
    flex-direction: column;
}

#receiving-resource-checkout .carousel {
    overflow-y: auto;
}

#receiving-resource-checkout .tags-content .tags-label {
    font-weight: 600 !important;
    margin-right: 5px;
    padding-top: 3px;
    padding-bottom: 5px;
    max-width: 200px;
    flex-shrink: 0;
}

.receiving-item-container .notes-container,
#receiving-resource-checkout.cancellation .resource-outstanding:not(.list-summary) {
    margin-top: 11px;
}

.receiving-item-container .notes-container .control-label {
    padding-top: 0;
}

.force-complete-container .row-small-device {
    margin-bottom: 10px;
}

#receiving-resource-checkout .tags-content .tags-label,
#receiving-resource-checkout .glyphicon-file {
    cursor: pointer;
}

#default-view .welfare-entities-container > ul > li.section .entry-name {
    text-transform: uppercase;
    font-size: 13px !important;
}

#default-view .welfare-entities-container > ul > li.animal .entry-name {
    font-size: 15px !important;
}

#default-view .template-header .entity-detail-header .detail-animal-name,
#default-view .welfare-detail-container .table-entry .detail-animal-name {
    -webkit-line-clamp: 1;
}

#default-view #modal-copy-value .detail-animal-name,
#default-view .template-header .entity-detail-header .detail-animal-name,
#default-view .welfare-entities-container > ul > li .detail-animal-name,
#default-view .welfare-detail-container .table-entry .detail-animal-name {
    display: flex;
}

#default-view #modal-copy-value .row-destination .detail-section-card .entry-name,
#default-view .template-mode .welfare-header .detail-section-card .entry-name,
#default-view .welfare-entities-container > ul > li.section .entry-name {
    line-height: 1.2em;
    margin-left: 0 !important;
}

#default-view #modal-copy-value .row-destination .detail-section-card .entry-name,
#default-view .template-mode .welfare-header .detail-section-card .entry-name,
#default-view .welfare-entities-container > ul > li.section .entry-name,
#default-view #modal-copy-value .row-destination .detail-section-card .section-full-path,
#default-view .template-mode .welfare-header .detail-section-card .section-full-path,
#default-view .welfare-entities-container > ul > li.section .section-full-path,
.timeline-list .timeline-content .animal-name-detail .section-full-path {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: break-spaces;
    -webkit-line-clamp: 2;
}

#default-view #modal-copy-value .row-destination .detail-section-card .section-full-path,
#default-view .template-mode .welfare-header .detail-section-card .section-full-path,
#default-view .welfare-entities-container > ul > li.section .section-full-path {
    line-height: 1.1em;
}

.timeline-list .timeline-content .animal-name-detail .section-full-path {
    line-height: 1.2em;
}

#default-view #modal-copy-value .row-destination .detail-section-card .section-full-path,
#default-view .template-mode .welfare-header .detail-section-card .section-full-path,
#default-view .welfare-entities-container > ul > li.section .section-full-path,
.timeline-list .timeline-content .animal-name-detail .section-full-path {
    font-size: 13px;
    color: #aaa;
    font-weight: normal;
}


#default-view #modal-copy-value .detail-animal-name .entry-name,
#default-view .template-header .entity-detail-header .detail-animal-name .entry-name,
#default-view .welfare-detail-container .table-entry .detail-animal-name .entry-name {
    white-space: normal;
    margin-left: 3px;
}

#default-view .welfare-entities-container > ul > li.animal .entry-name {
    white-space: normal;
}

#default-view .welfare-entities-container > ul > li.animal .fa-paw {
    margin-right: 3px;
}



#default-view .section-mode .form-content.fetch-data {
    padding-bottom: 100px;
}

#default-view .section-mode .form-content.fetch-data .spinner-load-more {
    display: block !important;
}

#default-view .section-mode .form-content .spinner-load-more {
    position: absolute;
    position: absolute;
    bottom: 35px;
    left: 50%;
    display: none;
}

#default-view .timeline-mode .form-content .spinner-load-more,
#default-view .template-mode .form-content .spinner-load-more,
#default-view .chart-mode .form-content .spinner-load-more {
    display: none !important;
}

#default-view .welfare-entities-container > ul > li .animal-detail-ellipsis {
    padding-left: 0;
    align-items: baseline;
}

#default-view .welfare-entities-container > ul > li .taxonomic {
    line-height: 1.2em;
}


#default-view .welfare-entities-container > ul > li .canonical-name {
    line-height: 1.1em;
}

#default-view .welfare-detail-container .table-entry .detail-animal-card {
    flex-direction: column;
}

#default-view .template-header .entity-detail-header > .detail-animal-card {
    padding: 15px;
}

#default-view .template-header .entity-detail-header > .detail-section-card {
    padding: 8px 15px;
}

@media(max-width: 399px) {
    #default-view .template-header .entity-detail-header > .detail-animal-card {
        width: 220px;
    }

    #default-view .template-header .entity-detail-header > .detail-section-card {
        width: 230px;
    }
}

@media(min-width: 480px) {
    #default-view .template-header .entity-detail-header > .detail-animal-card,
    #default-view .template-header .entity-detail-header > .detail-section-card {
        width: 350px;
    }
}

@media(min-width: 400px) and (max-width: 479px) {
    #default-view .template-header .entity-detail-header > .detail-animal-card,
    #default-view .template-header .entity-detail-header > .detail-section-card {
        width: 280px;
    }
}

@media(max-width: 991px) {
    #default-view .section-mode-editor-configuration .editor-configuration {
        display: none;
    }

    #default-view .section-mode-editor-configuration .editor-configuration.show-load-more {
        padding-top: 15px !important;
        padding-bottom: 10px !important;
        display: block;
        text-align: center;
    }

    #default-view .section-mode-editor-configuration .editor-configuration.show-load-more .load-more {
        justify-content: center;
    }


    #default-view .section-mode-editor-configuration .load-more .load-more-prev {
        top: -15px;
    }
}

@media(min-width: 992px) {
    #default-view .section-mode-editor-configuration .load-more {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #default-view .section-mode-editor-configuration .load-more .load-more-prev {
        top: -14px;
    }
}

#default-view .wrapper-daily-report-welfare .copy-entry-config,
#default-view .wrapper-daily-report-welfare.copy-mode.copy-across .copy-entry-config .apply,
#default-view .wrapper-daily-report-welfare.copy-mode.copy-across .copy-entry-config .copy-selective-message,
#default-view .wrapper-daily-report-welfare.copy-mode.copy-selective .copy-entry-config .copy-across-message {
    display: none;
}

#default-view .wrapper-daily-report-welfare.copy-mode.copy-measurement .template-measurements-container .copy-entry-config,
#default-view .wrapper-daily-report-welfare.copy-mode.copy-checklist.template-mode .checklist-container .copy-entry-config {
    display: flex;
}



#default-view .wrapper-daily-report-welfare.copy-mode .copy-entry-config {
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px;
    background-color: #ddd;
}

#default-view .wrapper-daily-report-welfare.copy-mode.template-mode .copy-entry-config {
    margin-bottom: 25px;
}


#default-view .section-mode-editor-configuration .load-more .load-more-prev {
    background-color: #2780e3;
    color: #fff;
    border: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 5px 20px;
    position: relative;
    font-weight: 600;
    top: -14px;
    text-transform: uppercase;
    font-size: 13px;
}

#default-view .section-mode-editor-configuration .load-more .load-more-prev i.fa {
    margin-left: 3px;
}

#default-view .section-mode-editor-configuration .load-more .load-more-prev .fa-spinner,
#default-view .section-mode-editor-configuration .load-more .load-more-prev.on-process .fa-arrow-up {
    display: none;
}

#default-view .section-mode-editor-configuration .load-more .load-more-prev.on-process .fa-spinner {
    -webkit-animation: infinite-spinning 1s ease-out 0s infinite normal;
    animation: infinite-spinning 1s ease-out 0s infinite normal;
    display: inline-block !important;
}

#default-view .section-mode-editor-configuration .load-more .load-more-prev:hover {
    padding-top: 10px !important;
    top: -11px !important;
    box-shadow: 0px 2px 9px 0px #999;
}

#default-view .template-header .entity-detail-header > .detail-section-card > .fa,
#default-view .template-header .entity-detail-header > .detail-section-card .entry-name,
#default-view .template-header .entity-detail-header > .detail-section-card > .btn-option {
    vertical-align: middle;
}

#default-view .template-header h2 {
    margin: 0;
}

#default-view .chart-view .details-container .chart-header-title span {
    font-weight: 600;
    font-size: 26px;
    line-height: 1.1;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.wrapper-daily-report-welfare .canonical-name,
#default-view .template-header h5 {
    font-weight: 500;
}

#default-view .template-header h2 {
    display: inline-block;
}

.wrapper-daily-report-welfare .template-view .template-measurements-container .detail-measurement .detail-row .value-measurement {
    padding: 10px;
    position: relative;
}

.wrapper-daily-report-welfare .checklist-container .detail-checklist .detail-row .drop-down-checklist .required-checklist {
    position: absolute;
}

.wrapper-daily-report-welfare .required-checklist {
    color: #ff9900;
}

.wrapper-daily-report-welfare .container-select-multiple.invalid .select2-selection__rendered {
    padding-left: 35px;
}

.wrapper-daily-report-welfare .container-select-single.invalid .select2-selection__rendered {
    padding-left: 32px;
}

.wrapper-daily-report-welfare .select-checklist.invalid .required-checklist {
    display: block !important;
}

.wrapper-daily-report-welfare .select-checklist .required-checklist {
    display: none;
}

@media(min-width: 992px) {
    .wrapper-daily-report-welfare .container-select-multiple.invalid .required-checklist {
        top: 28px;
    }

    .wrapper-daily-report-welfare .container-select-single.invalid .required-checklist {
        top: 30px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .wrapper-daily-report-welfare .container-select-multiple.invalid .required-checklist,
    .wrapper-daily-report-welfare .container-select-single.invalid .required-checklist {
        top: 71px;
    }
}

@media(max-width: 767px) {
    .wrapper-daily-report-welfare .container-select-single.invalid .required-checklist {
        top: 68px;
    }


    .wrapper-daily-report-welfare .container-select-multiple.invalid .required-checklist {
        top: 64px;
    }
}

.wrapper-daily-report-welfare .container-select-single.invalid select {
    padding-left: 32px;
}

.wrapper-daily-report-welfare .template-view .notes-container .detail-note-container .panel-heading {
    padding: 0;
}

#default-view .template-view .notes-container .animal-detail .animal-name {
    max-width: 30%;
}

#default-view .template-view .notes-container .animal-detail span {
    float: left;
}

#default-view .template-view .notes-container .animal-detail .species {
    vertical-align: bottom;
    padding-left: 15px;
}

.wrapper-daily-report-welfare .template-view .notes-container .animal-detail .taxonomic {
    color: #ccc !important;
    width: 130px !important;
}

.wrapper-daily-report-welfare .template-view .notes-container .animal-detail .taxonomic,
.wrapper-daily-report-welfare .template-view .notes-container .animal-detail .canonical-name {
    color: #989494;
    width: 150px;
    font-size: 13px;
}

#default-view .template-view .notes-container .detail-note-container {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    margin-left: 10px !important;
    border-left: 10px solid #aaa;
}

#default-view .template-view .note-container .welfare-note-detail .control-label {
    padding-left: 15px;
    padding-top: 10px;
}

#default-view .template-view .note-container .welfare-note-detail .mention-tagging,
#default-view .template-view .note-container .welfare-note-detail .add.welfare-note-detail {
    margin-left: 15px;
    width: 90%;
}

#default-view .welfare-list .template-title {
    height: 500px;
    overflow-y: auto;
}

#default-view .template-view .template-header,
#default-view .chart-view .chart-header {
    padding-top: 10px;
}

#default-view .chart-view .chart-header {
    padding-bottom: 10px;
}

#default-view .wrapper-daily-report-welfare.chart-mode .form-content {
    width: 100%;
}

#default-view .wrapper-daily-report-welfare.chart-mode .form-content .button-expand {
    display: none;
}

#default-view .chart-view a.btn-compare {
    padding: 5px 20px;
    border: 1px solid #2b78e4;
    color: #2b78e4;
    background-color: #fff;
    margin-top: 3px;
    text-decoration: none;
}

#default-view .chart-view .animal-title label {
    display: inline;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
}

#default-view .chart-view .animal-name-container {
    margin-top: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 13px;
    display: inline-block;
    width: 100%;
}

#default-view .chart-view .arrow-animal {
    font-size: 25px;
    margin-top: -2px;
}

#default-view .chart-view .arrow-animal:hover,
#default-view .chart-view .arrow-animal:focus {
    text-decoration: none;
}

#default-view .chart-view .arrow-animal.next-animal {
    float: right;
    margin-left: 15px;
}

#default-view .chart-view .arrow-animal.previous-animal {
    float: left;
    margin-right: 15px;
}

#default-view .chart-view .animal-name-container.animal-exists {
    height: 35px;
}

#default-view .chart-view .animal-name-container-template,
#default-view .chart-compare-goal .container-detail-compare-template,
#default-view .chart-compare-goal .list-measurement-items-template {
    display: none;
}

#default-view .template-view .template-header h5 {
    color: #aaa;
}

#default-view .progress-report.compare-report .chart-header-title {
    margin-top: 9px;
}

#default-view .progress-report .chart-header-title {
    border-bottom: 2px solid #d0cece;
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

#default-view .chart-view .container-filter-all-chart {
    margin-top: 30px;
    border-bottom: 2px solid #d0cece;
    padding-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.select-daily-report-chart span.container-icon-text {
    display: flex;
}

.select-daily-report-chart span.container-icon-text span {
    width: 15px;
    height: 15px;
    margin-right: 8px;
    color: #74ac0a;
}

.container-detail-compare .icon-template {
    margin-left: 3px;
    color: #74ac0a;
}

.select-daily-report-chart .select2-results__option,
.welfare-progress-section .select2-results__option {
    padding-left: 8px;
    padding-right: 15px;
}

#default-view .chart-view .filter-date-container .btn-chart-time button:focus,
#default-view .chart-view .filter-date-container .btn-chart-time button:active {
    border: none;
    outline: none;
}

.welfare-progress .btn-chart-time .active,
.progress-report .btn-chart-time .active,
.progress-report #welfare-view-compare .btn-chart-type button.active {
    border-bottom: 3px solid #2780e3 !important;
}


#default-view .wrapper-daily-report-welfare .content-container .animal-detail {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
    position: relative;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    line-height: 1.1em;
}

#default-view .wrapper-daily-report-welfare .animal-detail .animal-name-detail {
    padding-left: 5px;
}

#default-view .wrapper-daily-report-welfare .animal-detail .animal-name {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

#default-view .wrapper-daily-report-welfare .content-container .animal-detail .fa-paw {
    margin-right: 3px;
    vertical-align: top;
    margin-top: 1px;
}

#default-view .wrapper-daily-report-welfare .content-container .animal-detail .fa-puzzle-piece {
    margin-top: 2px;
}

#default-view .welfare-container .welfare-detail-container .welfare-note-detail .welfare-entry-note {
    margin-top: 30px;
    background-color: #666;
    padding: 10px 15px;
    color: #fff;
}

#default-view .chart-view .chart-header hr {
    border-top: 2px solid #d0cece;
}

#default-view .template-header,
#default-view .animal-timeline-template .header-content {
    background: #fff;
}

#default-view .chart-view .header-content {
    background: #eeeeee;
    z-index: 12;
}

#default-view .timeline-list .content-container.selected .timeline-hour,
#default-view .timeline-list .content-container.selected .timeline-frequency-type,
#default-view .timeline-list .content-container.selected .animal-detail,
#default-view .timeline-list .content-container.selected .section-full-path {
    color: #fff !important;
}

#welfare-view-graph .chart-custom-level .chart-option-result {
    display: inline-block;
}

#welfare-view-graph .chart-custom-level .legend-chart-result.legend-custom-level {
    font-size: 14px;
    overflow-y: auto;
}

#welfare-view-graph .chart-result .chart-result-canvas {
    position: relative;
    margin-bottom: 5px;
}

#welfare-view-graph .chart-measurement:not(.graph-measurement-time) .chart-result .chart-result-canvas,
#welfare-view-graph .chart-calculated-measurement:not(.graph-measurement-time) .chart-result .chart-result-canvas {
    margin-right: 30px;
}

.progress-report #welfare-view-compare .box-chart.line .box-chart-content .chart-result-canvas {
    width: 95% !important;
}


#welfare-view-graph .chart-mesurement .chart-result .chart-result-canvas,
#welfare-view-graph .chart-calculated-measurement .chart-result .chart-result-canvas {
    flex: 1;
}

.progress-report #welfare-view-compare .box-chart.line .box-chart-content .chart-result-canvas {
    height: 530px;
}

#welfare-view-graph .chart-checklist .chart-result .chart-result-canvas {
    flex-basis: 55%;
}

#welfare-view-graph .chart-note .chart-result .chart-result-canvas {
    margin-left: 23px;
    flex: 1;
}

#welfare-view-graph .chart-custom-level .chart-result-canvas {
    margin-right: 0;
}

#welfare-view-graph .graph-measurement-time .chart-result .chart-result-canvas {
    width: 90% !important;
    margin-right: 0;
}

#welfare-view-graph .graph-measurement-time.scatter .chart-result .chart-result-canvas {
    padding-left: 18px;
}

#welfare-view-compare .box-chart .btn-dropdown-container > .text-muted,
#welfare-view-graph .box-chart .btn-dropdown-container > .text-muted,
#welfare-view-graph .box-chart .clear-filter-chart-time {
    display: none;
}

#welfare-view-graph .box-chart.filter-by-date-range.chart-checklist .clear-filter-chart-time {
    margin-right: 5px;
    line-height: 1.5;
    padding-top: 2px;
    font-size: 13px;
}


#welfare-view-graph .box-chart.filter-by-date-range.chart-checklist .clear-filter-chart-time,
#welfare-view-graph .box-chart.filter-by-date-range .btn-chart-time button,
#welfare-view-compare .box-chart.filter-by-date-range .btn-chart-time button {
    display: flex;
    align-items: baseline;
    height: 29px;
}

#welfare-view-compare .box-chart.filter-by-date-range .btn-chart-time button,
#welfare-view-graph .box-chart.filter-by-date-range .btn-chart-time button {
    padding-top: 0px;
}

#welfare-view-compare .box-chart.filter-by-date-range .btn-dropdown-container > .text-muted,
#welfare-view-graph .box-chart.filter-by-date-range .btn-dropdown-container > .text-muted {
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
}

#welfare-view-compare .filter-date-range-detail,
#welfare-view-compare .btn-dropdown-container,
#welfare-view-graph .box-chart .filter-date-range-detail,
#welfare-view-graph .box-chart .btn-dropdown-container {
    display: flex;
}

#welfare-view-compare .box-chart.filter-by-date-range .btn-dropdown-container,
#welfare-view-graph .box-chart.filter-by-date-range .btn-dropdown-container {
    align-items: baseline;
    padding-right: 10px;
}

#welfare-view-compare .box-chart.filter-by-date-range .filter-date-range-detail,
#welfare-view-graph .box-chart.filter-by-date-range .filter-date-range-detail {
    justify-content: center;
    padding-top: 5px
}


#welfare-view-compare .box-chart.filter-by-date-range .filter-date-range-detail .date-range,
#welfare-view-graph .box-chart.filter-by-date-range .filter-date-range-detail .date-range {
    font-size: 14px !important;
}


@media(min-width: 1200px) {
    #welfare-view-graph .chart-custom-level .legend-chart-result.legend-custom-level {
        margin-left: 30px;
    }

    .progress-report #welfare-view-compare .box-chart.radar .box-chart-content .chart-result-canvas {
        flex-basis: 85% !important;
    }

    .progress-report #welfare-view-compare .box-chart.radar .box-chart-content .legend-chart-result {
        flex-basis: 15% !important;
    }
}


@media(min-width: 992px) {
    #welfare-view-graph .chart-custom-level .chart-result-canvas {
        flex-basis: 60%;
    }

    #welfare-view-graph .chart-custom-level .legend-chart-result.legend-custom-level {
        padding-left: 30px;
        flex-basis: 37%;
    }

    #welfare-view-graph .chart-note .box-chart-content .chart-result {
        padding-bottom: 0;
    }

    .progress-report #welfare-view-compare .box-chart.radar .box-chart-content .chart-result-canvas {
        flex-basis: 70%;
    }

    .progress-report #welfare-view-compare .box-chart.radar .box-chart-content .legend-chart-result {
        flex-basis: 30%;
        overflow-y: auto;
    }

    #welfare-view-graph .chart-note .chart-result .chart-result-canvas {
        width: 95%;
    }


    #welfare-view-graph .chart-custom-level .legend-chart-result.legend-custom-level {
        height: 250px;
    }
}

@media(max-width: 991px) {
    #welfare-view-graph .chart-custom-level .chart-result {
        flex-direction: column;
    }

    #welfare-view-graph .chart-custom-level .legend-chart-result.legend-custom-level {
        margin-left: 30px;
        margin-top: 30px;
        margin-right: 15px;
    }

    #welfare-view-graph .chart-custom-level .legend-chart-result.legend-custom-level {
        height: 100px;
    }

    #welfare-view-graph .chart-custom-level .chart-result {
        height: 100%;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #welfare-view-graph .chart-note .chart-result .chart-result-canvas {
        width: 93%;
    }
}

@media(min-width: 768px) {
    #welfare-view-graph .chart-checklist .chart-legend {
        flex-basis: 40%;
    }


    #welfare-view-graph .chart-checklist .arrow-container {
        top: 35%;
        transform: translate(0, -35%);
    }


    .progress-report #welfare-view-compare .box-chart.radar .box-chart-content .chart-result {
        overflow: hidden;
    }


    #welfare-view-graph .chart-measurement:not(.graph-measurement-time) .chart-result .chart-result-canvas,
    #welfare-view-graph .chart-calculated-measurement:not(.graph-measurement-time) .chart-result .chart-result-canvas {
        width: 93% !important;
    }
}


@media(max-width: 767px) {
    .progress-report #welfare-view-compare .box-chart-content .chart-result,
    #welfare-view-graph .box-chart-content .chart-result {
        display: flex;
        flex-direction: column;
    }

    #welfare-view-graph .chart-checklist .arrow-container {
        top: 30%;
        transform: translate(0, -30%);
    }


    #welfare-view-graph .chart-measurement .chart-result canvas,
    #welfare-view-graph .chart-calculated-measurement .chart-result canvas,
    #welfare-view-graph .chart-note .chart-result canvas,
    .progress-report #welfare-view-compare .box-chart-content .chart-result-canvas canvas {
        flex: 1;
    }

    #welfare-view-graph .chart-checklist .chart-legend {
        flex: 1;
        margin-left: 30px;
        margin-right: 15px;
    }


    #welfare-view-graph .chart-measurement:not(.graph-measurement-time) .chart-result .chart-result-canvas,
    #welfare-view-graph .chart-calculated-measurement:not(.graph-measurement-time) .chart-result .chart-result-canvas {
        width: 90% !important;
    }
}

.time-schedule-template-info .template-info .template-name:before {
    content: '|';
    padding-right: 6px;
}

@media(min-width: 480px) and (max-width: 767px) {
    #welfare-view-graph .chart-note .chart-result .chart-result-canvas {
        width: 90%;
    }
}

@media(min-width: 480px) {
    #welfare-view-graph .chart-custom-level .chart-result-canvas {
        margin-left: 15px;
    }
}

@media(max-width: 479px) {
    #welfare-view-graph .chart-note .chart-result .chart-result-canvas {
        width: 85%;
    }
}

#welfare-view-graph .chart-checklist.checklist-single .container-chart-legend::-webkit-scrollbar,
#welfare-view-graph .chart-checklist.checklist-multiple .chart-legend ul::-webkit-scrollbar,
#welfare-view-graph .chart-custom-level .legend-chart-result.legend-custom-level::-webkit-scrollbar {
    width: 7px;
}

#welfare-view-graph .chart-checklist.checklist-single .container-chart-legend::-webkit-scrollbar-thumb,
#welfare-view-graph .chart-checklist.checklist-multiple .chart-legend ul::-webkit-scrollbar-thumb,
#welfare-view-graph .chart-custom-level .legend-chart-result.legend-custom-level::-webkit-scrollbar-thumb {
    background: #ccc;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#welfare-view-graph .chart-checklist.checklist-single .container-chart-legend::-webkit-scrollbar-track,
#welfare-view-graph .chart-checklist.checklist-multiple .chart-legend ul::-webkit-scrollbar-track,
#welfare-view-graph .chart-custom-level .legend-chart-result.legend-custom-level::-webkit-scrollbar-track {
    background: none;
}

#welfare-view-graph .checklist-single .counter-result {
    top: 40%;
    left: 0;
    width: 100%;
    font-size: 28px;
    text-align: center;
    position: absolute;
}


.dygraph-legend {
    width: auto !important;
}

.container-dygraph-legend .audit-field {
    margin-top: 3px;
}

.container-dygraph-legend .graph-data label {
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 0px;
}

.progress-report #welfare-view-compare .tooltip label {
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    vertical-align: middle;
    margin-right: 4px;
    margin-bottom: 0px;
}

.progress-report #welfare-view-compare i.fa {
    margin-right: 3px;
}

.progress-report #welfare-view-compare .tooltip-inner {
    text-align: left;
}

.progress-report #welfare-view-compare .tooltip-date,
.progress-report #welfare-view-compare .tooltip-entity {
    font-weight: bold;
}

.progress-report #welfare-view-compare .measurement-note,
.container-dygraph-legend .graph-data .measurement-note {
    margin-left: 5px;
}

#default-view .progress-report .header-progress-compare a {
    margin-right: 10px;
    padding: 0;
    font-size: 22px;
}

#default-view .progress-report .header-progress-compare a.fa {
    padding-top: 5px;
}

#default-view .progress-report .header-progress-compare a:hover {
    color: #165ba8;
}

#default-view .progress-report .header-progress-compare a:hover,
#default-view .progress-report .header-progress-comparea:focus {
    text-decoration: none;
}

#default-view .progress-report .header-progress-compare span {
    font-size: 26px;
    font-weight: 600;
}

#welfare-view-graph .chart-checklist .chart-result {
    position: relative;
    min-height: 0;
}

#welfare-view-graph .box-chart .title-span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    flex: 1;
}

#welfare-view-graph .container-legend-aggregation .legend-chart-result ul {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    padding-left: 0;
    scrollbar-width: thin;
    scrollbar-color: #aaa #ddd;
    text-align: center;
    scrollbar-width: thin;
    scrollbar-color: #aaa #ddd;
}


@media (max-width: 1279px) {
    #default-view .compare-chart .box-chart-title .container-dropdown,
    #welfare-view-compare .container-dropdown-measurement-item {
        width: 100%;
    }
}

@media (max-width: 1279px) and (min-width: 480px) {
    #default-view .chart-compare-goal .box-chart .box-chart-title {
        height: 99px;
        vertical-align: middle;
    }
}

@media (max-width: 991px) {
    #welfare-view-graph .chart-measurement .legend-chart-result,
    #welfare-view-graph .chart-calculated-measurement .legend-chart-result {
        margin-top: 15px;
    }

    #welfare-view-graph .chart-measurement .dropdown-aggregation-function,
    #welfare-view-graph .chart-calculated-measurement .dropdown-aggregation-function {
        float: right;
    }


    #welfare-view-graph .chart-measurement .dropdown-aggregation-function,
    #welfare-view-graph .chart-calculated-measurement .dropdown-aggregation-function {
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }

    .chart-checklist .btn-time::after {
        top: 6px;
    }

    #welfare-view-graph .box-chart.chart-custom-level {
        height: 500px;
    }
}


@media(min-width: 768px) and (max-width: 991px) {
    #welfare-view-graph .chart-checklist .title,
    #welfare-view-graph .chart-checklist .chart-option {
        width: 40%;
    }
}

@media(min-width: 992px) {
    #welfare-view-graph .box-chart.chart-custom-level {
        height: 420px;
    }
}


@media (min-width: 768px) {
    #welfare-view-graph .box-chart:not(.chart-custom-level) {
        height: 420px;
    }

    #welfare-view-compare .box-chart.filter-by-date-range .filter-date-range-detail,
    #welfare-view-graph .box-chart.filter-by-date-range .filter-date-range-detail {
        flex-direction: column-reverse;
        align-items: flex-end;
    }


    .chart-checklist .btn-time::after {
        top: 20px;
    }

    #welfare-view-graph .box-chart .box-chart-title .chart-option .dropdown-menu {
        top: 55px;
    }
}

@media (max-width: 767px) {
    #welfare-view-graph .chart-calculated-measurement {
        height: 450px !important;
    }

    #welfare-view-graph .checklist-multiple,
    #welfare-view-graph .checklist-single.single-goal,
    #welfare-view-graph .checklist-single.multiple-goal {
        height: 550px;
    }

    .modal .welfare-template-detail .row .text-muted {
        text-align: left;
    }


    #welfare-view-graph .btn-chart-time button {
        padding-bottom: 5px;
    }

    #welfare-view-compare .box-chart .btn-dropdown-container,
    #welfare-view-graph .box-chart .btn-dropdown-container {
        position: relative;
    }

    #welfare-view-graph .box-chart .box-chart-title .chart-option .dropdown-menu {
        top: 30px;
    }
}

.progress-report .box-chart .box-chart-title {
    border-bottom: 1px solid #E6E9ED;
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    position: relative;
}

#welfare-view-graph .box-chart .box-chart-title .title .valign-middle {
    margin-top: 4px;
}

.progress-report .box-chart .box-chart-title .chart-option {
    display: flex;
    position: relative;
}

#welfare-view-graph .box-chart .box-chart-title .chart-option {
    width: 222px;
}


#welfare-view-graph .box-chart .box-chart-title {
    justify-content: flex-end;
}

.progress-report .box-chart .box-chart-title .chart-option .btn-chart-time,
.progress-report .box-chart .box-chart-title .chart-option .btn-dropdown,
.progress-report .box-chart .box-chart-title .chart-option .btn-time {
    display: flex;
}

.progress-report .box-chart .box-chart-title .chart-option .btn-dropdown {
    align-items: center;
    padding-left: 5px;
}

.progress-report #welfare-view-graph .box-chart .box-chart-title .chart-option .btn-dropdown {
    padding-top: 6px;
}

.progress-report #welfare-view-compare .box-chart .box-chart-title .chart-option .btn-dropdown {
    padding-top: 1px;
}

#welfare-view-graph .box-chart .box-chart-title .title-button .dropdown-menu a {
    display: flex !important;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
}

#welfare-view-graph .box-chart .box-chart-title .title-button .dropdown-menu {
    max-width: calc(100% - 250px);
    left: 38px;
    max-height: 300px;
    overflow-y: auto;
}

#welfare-view-graph .box-chart .box-chart-title .title-button .dropdown-menu a span {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    flex: 1;
}

#welfare-view-graph .box-chart .title-button {
    flex: 1;
}

#welfare-view-graph .box-chart .title-button .measurement-item-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

@media(max-width: 767px) {
    #welfare-view-graph .box-chart .box-chart-title {
        flex-direction: column;
    }

    #welfare-view-graph .box-chart .box-chart-title .chart-option {
        margin-top: 5px;
    }
}

@media(min-width: 768px) {
    #welfare-view-graph .box-chart .box-chart-title .chart-option {
        margin-left: auto;
        justify-content: flex-end;
    }

    #welfare-view-graph .box-chart .box-chart-title {
        height: 60px;
    }
}

#welfare-view-graph .box-chart .box-chart-title .chart-option .dropdown-menu {
    right: 0;
}

#default-view .field-container .preview-copy-value {
    position: absolute;
    width: 210px;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    color: #aaa;
    background-color: #e8f2ff;
    z-index: 1;
    pointer-events: none;
}

#default-view .field-container .preview-copy-single-value {
    height: 45px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    top: 10px;
}

#default-view .field-container.select-checklist .preview-copy-single-value {
    top: 13px;
}

#default-view .field-container .preview-copy-multiple-value {
    padding: 7px 18px;
    top: 10px;
    vertical-align: top;
}

#default-view .field-container .preview-checklist-multiple > span {
    display: inline-block;
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    margin-right: 5px;
    padding: 2px 5px;
    font-size: 13px;
    height: 20px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
    vertical-align: top;
}

#default-view .field-container .preview-checklist-multiple {
    width: 100%;
    display: inline-block
}


.copy-entry-popover.popover {
    background-color: #000;
    color: #fff;
}

.copy-entry-popover.popover .arrow:after {
    border-top-color: #000;
}

.copy-entry-popover.popover .popover-content{
    padding: 4px 10px;
}

.copy-entry-popover.popover .popover-content span {
    text-decoration: underline;
    cursor: pointer;
}

#default-view .template-measurements-container .target-container .reset-measurement {
    position: absolute;
    padding: 2px;
    display: none;
}

#default-view .wrapper-daily-report-welfare.timeline-mode .template-measurements-container .target-container .reset-measurement {
    top: 11px;
    right: 40px;
}



@media(min-width: 992px) {
    #default-view .wrapper-daily-report-welfare.section-mode .template-measurements-container .target-container .reset-measurement,
    #default-view .wrapper-daily-report-welfare.template-mode .template-measurements-container .target-container .reset-measurement {
        top: 20px;
        right: 45px;
    }
}

@media(max-width: 991px) {

    #default-view .wrapper-daily-report-welfare.section-mode .template-measurements-container .target-container .reset-measurement,
    #default-view .wrapper-daily-report-welfare.template-mode .template-measurements-container .target-container .reset-measurement {
        right: 35px;
    }

    #default-view .wrapper-daily-report-welfare.section-mode .template-measurements-container .target-container .reset-measurement {
        top: 85px;
    }


    #default-view .wrapper-daily-report-welfare.template-mode .template-measurements-container .target-container .reset-measurement {
        top: 68px;
    }
}

#default-view .template-measurements-container .target-container.has-measurement-value .reset-measurement {
    display: block;
}

#default-view .template-measurements-container .target-container .reset-measurement,
#default-view .template-measurements-container .target-container .reset-measurement:hover,
#default-view .template-measurements-container .target-container .reset-measurement:focus {
    color: #aaa;
    text-decoration: none;
}

#default-view .template-measurements-container .target-container input {
    padding-right: 30px;
}


#default-view .template-measurements-container .target-container select,
#default-view .template-measurements-container .target-container .select2-container--default .select2-selection__rendered {
    padding-right: 10px;
}

#default-view .template-measurements-container .target-container input,
#default-view .template-measurements-container .target-container select,
#default-view .template-measurements-container .target-container .select2-container--default .select2-selection__rendered {
    padding-left: 10px;
}

#default-view .target-custom-level select,
#default-view .target-custom-level select option.selected,
#default-view .select-checklist select.single,
#default-view .select-checklist select.single option.selected {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#default-view .container-select-multiple > .Typeahead-spinner {
    right: 40px;
}

@media(max-width: 991px) {
    #default-view .container-select-multiple > .Typeahead-spinner {
        top: 60px;
    }
}

@media(min-width: 992px) {
    #default-view .container-select-multiple > .Typeahead-spinner {
        top: 25px;
    }
}

.select-welfare-checklist-multiple .select2-results li {
    padding-left: 8px;
    padding-right: 15px;
}

.select-welfare-checklist-multiple .select2-results li .selected > span {
    margin-left: 5px;
    padding-left: 0;
}

.select-welfare-checklist-multiple .select2-results li .selected > i {
    display: inline-block;
}

.select-welfare-checklist-multiple .select2-results li span > i {
    display: none;
    color: #5cb85c;
}

.select-welfare-checklist-multiple .select2-results li span {
    display: flex;
    align-items: baseline;
}

.select-welfare-checklist-multiple .select2-results__option--highlighted .selected > i {
    color: #fff !important;
}

.select-welfare-checklist-multiple .select2-results li span > span {
    padding-left: 20px;
}

#default-view .row-source-copy .dropdown-entry .dropdown-menu {
    display: none !important;
}

#default-view .field-container.source-copy input,
#default-view .field-container.source-copy select,
#default-view .field-container.source-copy .select2-container--default .select2-selection__rendered,
#default-view .field-container.source-copy .select2-selection--multiple {
    background-color: #B6D7A8 !important;
    opacity: 50%;
}

#default-view .field-container.source-copy .select2-selection--single .select2-selection__rendered {
    height: 100% !important;
}

.progress-report #welfare-view-compare .box-chart-content,
#welfare-view-graph .box-chart-content {
    padding-left: 0;
    padding-top: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.progress-report #welfare-view-compare .box-chart-content {
    flex: 1;
}

@media(min-width: 768px) {
    #welfare-view-graph .box-chart-content {
        height: calc(100% - 68px);
    }
}

@media(max-width: 767px) {
    #welfare-view-graph .btn-dropdown-container .date-range > span {
        min-width: 13px;
    }

    #welfare-view-graph .box-chart:not(.filter-by-date-range) .box-chart-content {
        height: calc(100% - 100px);
    }
}

@media(min-width: 576px) and (max-width: 767px) {
    #welfare-view-graph .box-chart.filter-by-date-range .box-chart-content {
        height: calc(100% - 100px);
    }
}

@media(max-width: 575px) {
    #welfare-view-compare .box-chart.filter-by-date-range .filter-date-range-detail,
    #welfare-view-graph .box-chart.filter-by-date-range .filter-date-range-detail {
        flex-direction: column-reverse;
    }

    #welfare-view-graph .box-chart.filter-by-date-range .box-chart-content {
        height: calc(100% - 125px);
    }
}


#welfare-view-graph .box-chart .title-color {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 0px;
}

#welfare-view-graph .title-button .caret {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

#welfare-view-graph .box-chart .title-button button {
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    border: 1px solid #2b78e4 !important;
    color: #2b78e4 !important;
    text-decoration: none;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 5px;
    white-space: normal;
}

#welfare-view-graph .box-chart .title-button button:focus {
    outline: none;
}


#default-view .template-view .notes-container .animal-notes-title {
    display: inline-block;
}

#default-view .chart-view .container-checked-counter span,
#default-view .chart-view .container-checked-item-name .checked-item-name {
    color: #31abaf;
}

#default-view .chart-view .container-checked-item-name {
    text-align: center;
    line-height: 1.0em;
}

#default-view .chart-view .container-checked-item-name .checked-item-goal {
    text-transform: uppercase;
    font-size: 13px;
    color: #aaa;
}

#default-view .chart-view .container-checked-counter .checklist-result {
    font-size: 30px;
    font-weight: 600;
}

#default-view .chart-view .chart-measurement .btn-chart-time {
    margin-right: 5px;
}


.chart-checklist .btn-time {
    padding-right: 8px;
    margin-right: 8px;
    gap: 5px;
}


.chart-checklist .btn-time::after {
    border-left: 2px solid #eee;
    content: "";
    height: 23px;
    position: absolute;
    right: 0;
}

#welfare-view-graph .btn-time,
#welfare-view-graph .btn-time button {
    align-items: center;
}

#welfare-view-graph .btn-time button {
    height: 20px;
    display: flex;
    padding-bottom: 13px;
    padding-top: 13px;
    padding-left: 10px;
    padding-right: 10px;
}

#welfare-view-graph .btn-time button.active {
    border: 1px solid #2780e3;
    font-weight: 600;
    border-radius: 5px;
    color: #2780e3 !important;
}

#welfare-view-graph .btn-time button.btn-inactive:hover {
    border-color: #7fb6f2;
    background-color: #7fb6f2;
    color: #fff;
    border-radius: 5px;
}


.welfare-progress .btn-chart-time button:focus,
.progress-report .btn-chart-time button:focus,
.welfare-progress .btn-time button:focus,
.progress-report .btn-time button:focus {
    outline: none;
}

.welfare-progress .btn-chart-time button.active,
.progress-report .btn-chart-time button.active,
.welfare-progress .btn-time button.active,
.progress-report .btn-time button.active {
    color: #666 !important;
    font-weight: 600;
    padding-bottom: 0;
    background-color: transparent;
}

.progress-report .filter-all-graph .btn-chart-time button.active {
    padding-bottom: 3px;
}

.progress-report .filter-all-graph .btn-chart-time button {
    padding-bottom: 7px;
}

.welfare-progress .btn-chart-time button,
.progress-report .btn-chart-time button,
.welfare-progress .btn-time button,
.progress-report .btn-time button {
    font-size: 15px;
    border: none;
    color: #666;
    padding-bottom: 4px;
    outline: none;
    border-color: transparent;
    box-shadow: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.welfare-progress .chart-option .btn-group button:focus {
    outline: none;
    box-shadow: none;
}

.progress-report .filter-all-graph .btn-dropdown {
    padding-top: 3px;
    padding-left: 3px;
    padding-left: 5px;
}

.welfare-progress .chart-option .btn-dropdown,
.progress-report .btn-dropdown {
    color: #999;
}

#welfare-view-compare .chart-option .btn-dropdown {
    vertical-align: middle;
    margin-top: 5px;
}

.progress-report .filter-all-graph,
.progress-report .filter-all-graph .btn-chart-time,
.welfare-progress .list-welfare-templates li {
    display: flex;
}

.progress-report .filter-all-graph {
    position: relative;
}

.welfare-progress .list-welfare-templates li {
    align-items: center;
    margin-right: 20px;
    text-align: center;
    padding-top: 0;
}

.welfare-progress .list-welfare-templates li,
.progress-report .filter-all-graph .btn-chart-time {
    height: 55px;
}

.welfare-progress .dropdown-menu-filter .filter-start-date,
.progress-report .dropdown-menu-filter .filter-start-date {
    padding-top: 10px;
    padding-bottom: 8px;
}

.welfare-progress .dropdown-menu-filter .clear-filter,
.progress-report .dropdown-menu-filter .clear-filter {
    float: right;
    font-size: 14px;
}

.welfare-progress .dropdown-menu-filter input,
.progress-report .dropdown-menu-filter input {
    height: 30px;
    padding: 2px 10px;
    font-size: 14px;
    width: 100% !important;
}

.welfare-progress .dropdown-menu-filter .filter-end-date,
.progress-report .dropdown-menu-filter .filter-end-date {
    padding-bottom: 15px;
    padding-top: 0;
}


.dygraph-legend .container-dygraph-legend {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
}

.dygraph-legend {
    z-index: 11;
}

.container-dygraph-legend {
    font-size: 12px;
    text-align: left;
    background-color: #333;
    color: #fff;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 6px;
}

#welfare-view-graph .box-chart .chart-legend ul.items {
    padding-left: 19px;
    text-align: left;
    height: 100%;
    overflow-y: auto;
    list-style: none;
}

#welfare-view-graph .box-chart .chart-legend .container-chart-legend ul li {
    display: flex;
}


#welfare-view-graph .chart-checklist .chart-legend.chart-legend-multiple ul li,
#welfare-view-graph .chart-checklist .chart-legend .container-chart-legend ul li {
    margin-bottom: 5px;
}

#welfare-view-graph .container-chart-legend ul {
    padding-left: 15px;
}

#welfare-view-graph .chart-checklist .chart-legend label {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: top;
    margin-right: 4px;
}



#welfare-view-graph .checklist-single canvas,
#welfare-view-graph .checklist-multiple canvas {
    margin: auto;
}

#welfare-view-graph .checklist-single canvas.canvas-item {
    position: absolute;
}


@media(min-width: 992px) {
    #welfare-view-graph .checklist-single .chart-legend .checklist-goal-entity {
        padding-left: 75px;
    }

    #welfare-view-graph .checklist-single canvas.canvas-item {
        top: 30px;
        left: 0;
        right: 0;
    }

    #welfare-view-graph .checklist-single canvas.canvas-goal,
    #welfare-view-graph .checklist-multiple canvas {
        height: 235px !important;
        width: 470px !important;
    }

    #welfare-view-graph .checklist-single canvas.canvas-item {
        height: 175px !important;
        width: 350px !important;
    }
}


@media(min-width: 480px) and (max-width: 991px) {
    #welfare-view-graph .checklist-single canvas.canvas-goal,
    #welfare-view-graph .checklist-multiple canvas {
        height: 193px !important;
        width: 387px !important;
    }

    #welfare-view-graph .checklist-single canvas.canvas-item {
        height: 152px !important;
        width: 305px !important;
    }
}


@media(max-width: 767px) {
    #welfare-view-graph .checklist-single .chart-result-canvas,
    #welfare-view-graph .checklist-multiple .chart-result-canvas {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media(max-width: 991px) {
    #welfare-view-graph .checklist-single canvas.canvas-item {
        top: 20px;
        left: 2px;
        right: 0;
    }
}

@media(max-width: 479px) {
    #welfare-view-graph .checklist-single canvas.canvas-goal,
    #welfare-view-graph .checklist-multiple canvas {
        height: 147px !important;
        width: 300px !important;
    }

    #welfare-view-graph .checklist-single canvas.canvas-item {
        height: 108px !important;
        width: 213px !important;
    }

    #welfare-view-graph .checklist-single canvas.canvas-goal,
    #welfare-view-graph .checklist-multiple canvas {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

#welfare-view-graph .chart-checklist.multiple-goal .chart-legend button {
    padding: 5px 10px;
}

#welfare-view-graph .chart-checklist .container-chart-legend::-webkit-scrollbar {
    width: 5px;
}

#welfare-view-graph .chart-checklist .container-chart-legend::-webkit-scrollbar-track {
    background: #eee;
}

#welfare-view-graph .chart-checklist .container-chart-legend::-webkit-scrollbar-thumb {
    background: #aaa;
    height: 10px;
    border: 1px solid #ccc;
}

#welfare-view-graph .checklist-single .chart-legend .checklist-items span.title-legend {
    white-space: nowrap;
    color: #ccc;
}

#welfare-view-graph .checklist-single .chart-legend span.title-legend {
    font-size: 14px;
    width: 63px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 10px;
    display: inline-block;
    text-align: right;
    margin-right: 15px;
}

#welfare-view-graph .checklist-single .chart-legend {
    display: flex;
    flex-direction: column;
}

#welfare-view-graph .checklist-single .chart-legend .container-chart-legend {
    overflow-y: auto;
    padding-right: 10px;
    overflow-x: hidden;
}

#welfare-view-graph .checklist-single .chart-legend .checklist-goal-entity {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

#welfare-view-graph .checklist-single .chart-legend .container-chart-legend .checklist-goal,
#welfare-view-graph .checklist-single .chart-legend .container-chart-legend .checklist-items {
    display: flex;
}

#welfare-view-graph .checklist-single .chart-legend .container-chart-legend .checklist-goal {
    margin-bottom: 20px;
}

#welfare-view-graph .checklist-single .chart-legend .container-chart-legend .checklist-goal .container-legend {
    border-left: 5px solid #1aa6b7;
    flex: 1;
}

#welfare-view-graph .checklist-single .checklist-items .container-legend {
    border-left: 5px solid #ccc;
}

#welfare-view-graph .chart-checklist .chart-legend ul {
    margin-bottom: 0px;
    list-style: none;
}

#welfare-view-graph .chart-checklist.checklist-multiple .chart-legend ul {
    max-height: 100%;
    overflow-y: auto;
}

@media(max-width: 767px) {
    #welfare-view-graph .chart-checklist.checklist-multiple.past-version .chart-legend ul {
        max-height: 75%;
    }

    #welfare-view-graph .chart-checklist .chart-legend-multiple .legend-past-version {
        margin-top: 5px;
    }

    #welfare-view-graph .chart-checklist .chart-legend {
        margin-top: 0;
    }


    #welfare-view-graph .box-chart.chart-checklist .box-chart-title .title {
        width: 100%;
    }
}

@media(min-width: 768px) {
    #welfare-view-graph .chart-checklist.checklist-multiple.past-version .chart-legend ul {
        max-height: 80%;
    }

    #welfare-view-graph .chart-checklist .chart-legend-multiple .legend-past-version,
    #welfare-view-graph .chart-checklist .chart-legend {
        margin-top: 15px;
    }
}

@media(min-width: 768px) and (max-width: 1199px) {
    #welfare-view-graph .box-chart.chart-checklist .box-chart-title .title {
        max-width: 55%;
    }
}

@media(min-width: 1460px) {
    #welfare-view-graph .box-chart.chart-checklist .box-chart-title .title {
        max-width: 55%;
    }
}

@media(min-width: 1200px) and (max-width: 1459px) {
    #welfare-view-graph .box-chart.chart-checklist .box-chart-title .title {
        max-width: 35%;
    }
}

#welfare-view-graph .chart-checklist .chart-legend-multiple .legend-past-version {
    padding-left: 40px;
}

#welfare-view-graph .chart-checklist .chart-legend {
    min-height: 0;
}

.progress-report #welfare-view-compare .chart-result,
#welfare-view-graph .box-chart-content .chart-result {
    flex: 1;
    position: relative;
}

#welfare-view-graph .chart-measurement .arrow-container,
#welfare-view-graph .chart-calculated-measurement .arrow-container {
    top: 25%;
    transform: translate(0, -25%);
}

.progress-report #welfare-view-compare .box-chart-content .arrow-container,
#welfare-view-graph .chart-note .arrow-container {
    top: 40%;
    transform: translate(0, -40%);
}

.progress-report #welfare-view-compare .box-chart-content .arrow-container,
#welfare-view-graph .box-chart-content .chart-result .arrow-container {
    padding: 5px;
    position: absolute;
    font-size: 35px;
    color: #888;
    text-decoration: none;
    z-index: 1;
}


.progress-report #welfare-view-compare .box-chart-content .arrow-container:hover,
#welfare-view-graph .box-chart-content .chart-result .arrow-container:hover {
    text-decoration: none;
}


.progress-report #welfare-view-compare .box-chart-content .arrow-container.prev,
#welfare-view-graph .box-chart-content .chart-result .arrow-container.prev {
    left: 15px !important;
}

#welfare-view-graph .chart-measurement .arrow-container.next,
#welfare-view-graph .chart-calculated-measurement .arrow-container.next,
#welfare-view-graph .chart-note .arrow-container.next,
#welfare-view-graph .chart-checklist .arrow-container.next,
.progress-report #welfare-view-compare .arrow-container.next {
    right: 15px;
}


@media(min-width: 768px) {
    .progress-report #welfare-view-compare .box-chart-content .chart-result,
    #welfare-view-graph .box-chart-content .chart-result {
        display: flex;
        width: 100%;
    }

    #welfare-view-graph .chart-measurement .chart-result,
    #welfare-view-graph .chart-calculated-measurement .chart-result,
    #welfare-view-graph .chart-custom-level .chart-result,
    #welfare-view-graph .chart-checklist .chart-result,
    .progress-report #welfare-view-compare .box-chart-content .chart-result {
        padding-bottom: 5px;
    }

    #welfare-view-graph .chart-measurement .chart-result,
    #welfare-view-graph .chart-calculated-measurement .chart-result,
    .progress-report #welfare-view-compare .box-chart.line .box-chart-content .chart-result {
        align-items: center;
    }

    .progress-report #welfare-view-compare .box-chart .box-chart-content .chart-result {
        padding-left: 30px;
        padding-right: 30px;
    }

    .progress-report #welfare-view-compare .box-chart.radar .legend-chart-result.legend-chart-common {
        overflow-x: auto;
        min-width: 0;
        display: flex;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    #welfare-view-graph .chart-measurement .chart-result,
    #welfare-view-graph .chart-calculated-measurement .chart-result,
    #welfare-view-graph .chart-note .chart-result,
    .progress-report #welfare-view-compare .box-chart.line .box-chart-content .chart-result {
        flex-direction: column;
    }

    .progress-report #welfare-view-compare .box-chart.radar .box-chart-content .chart-result {
        flex-direction: row-reverse;
    }
}

@media(max-width: 767px) {
    #welfare-view-graph .chart-measurement .legend-chart-result ul,
    #welfare-view-graph .chart-calculated-measurement .legend-chart-result ul {
        overflow-x: hidden;
        overflow-y: auto;
        white-space: nowrap;
        height: 50px;
    }
}


@media(max-width: 991px) {
    #default-view .chart-view .box-chart.chart-note .legend-chart-result {
        display: none;
    }

    #welfare-view-graph .chart-custom-level .arrow-container.next {
        right: 15px;
    }

    #welfare-view-graph .chart-custom-level .arrow-container {
        top: 20%;
        transform: translate(0, -20%);
    }
}

@media(min-width: 992px) {
    #welfare-view-graph .chart-custom-level .arrow-container.next {
        right: 37.5%;
    }

    #welfare-view-graph .chart-custom-level .chart-result {
        flex-flow: row wrap;
    }

    #welfare-view-graph .box-chart .chart-result {
        min-width: 0;
    }

    #welfare-view-graph .chart-custom-level .arrow-container {
        top: 25%;
        transform: translate(0, -25%);
    }
}

.progress-report #welfare-view-compare .box-chart.line .legend-chart-result.legend-chart-common li {
    margin-bottom: 10px;
}

.progress-report #welfare-view-compare .legend-chart-result.legend-chart-common .custom-legend,
#welfare-view-graph .box-chart .custom-legend {
    position: relative;
    display: flex;
}

.progress-report #welfare-view-compare .box-chart.line .legend-chart-result.legend-chart-common .custom-legend {
    width: 250px;
}

.progress-report #welfare-view-compare .box-chart.line .legend-chart-result.legend-chart-common span.legend-text {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal;
    text-align: left;
}

#welfare-view-graph .chart-measurement span.legend-text,
#welfare-view-graph .chart-calculated-measurement span.legend-text,
#welfare-view-graph .chart-custom-level .legend-chart-result.legend-chart-common span.legend-text,
#welfare-view-graph .chart-note span.legend-text,
#welfare-view-graph .chart-checklist span.legend-text,
.progress-report #welfare-view-compare .legend-chart-result.legend-chart-common span.legend-text {
    color: #666;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    cursor: default;
    position: relative;
}

#welfare-view-graph .legend-chart-result span.legend-text.strike:after,
.progress-report #welfare-view-compare .legend-chart-result.legend-chart-common span.legend-text.strike:after {
    top: 6px;
}

#welfare-view-graph .chart-checklist span.legend-text.strike:after {
    top: 3px;
}

#welfare-view-graph .legend-chart-result span.legend-text.strike:after,
#welfare-view-graph .chart-checklist span.legend-text.strike:after,
.progress-report #welfare-view-compare .legend-chart-result.legend-chart-common span.legend-text.strike:after {
    border-bottom: 2px solid #333;
    content: "";
    position: absolute;
    right: 0;
    left: 0;
}

#welfare-view-graph .chart-checklist .legend-past-version {
    font-weight: 600;
    font-style: italic;
}

#welfare-view-graph .chart-checklist .chart-legend-single .legend-past-version {
    margin-top: 10px;
}


#welfare-view-graph .chart-checklist .legend-past-version span {
    position: relative;
    padding-left: 18px;
}

#welfare-view-graph .chart-checklist .chart-legend span.checklist-legend {
    display: inline-block;
    width: 100%;
}

#welfare-view-graph .chart-checklist .chart-legend span.legend-text .item {
    vertical-align: top;
    font-size: 13px;
    line-height: 1.4em;
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    max-width: 80%;
}

#welfare-view-graph .chart-checklist .checklist-legend.past-version .percentage::after,
#welfare-view-graph .chart-checklist .legend-past-version span::before {
    content: "●";
    color: #f19e38;
    font-size: 20px;
    position: absolute;
}

#welfare-view-graph .chart-checklist .legend-past-version span::before {
    top: -5px;
    left: 0;
}

#welfare-view-graph .chart-checklist .checklist-legend.past-version .percentage::after {
    margin-left: 5px;
    top: -8px;
}

#welfare-view-graph .chart-checklist .chart-legend span.legend-text .percentage {
    vertical-align: top;
    margin-left: 5px;
    position: relative;
}


#welfare-view-compare .chart-line .legend-chart-result li {
    margin-right: 10px;
    display: inline-block;
}

#welfare-view-compare .chart-radar .legend-chart-result {
    width: 25%;
    padding-right: 15px;
    height: 520px;
    vertical-align: top;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #aaa #ddd;
}

.progress-report #welfare-view-compare .legend-chart-result.legend-chart-common label,
#welfare-view-graph .box-chart .legend-chart-result label {
    border: 2px solid;
    margin-right: 5px;
    width: 30px;
    height: 14px;
    vertical-align: top;
}

#welfare-view-graph .legend-chart-result li.goal label {
    border: 2px dashed #FA8072;
}

#welfare-view-graph .box-chart .legend-chart-result ul,
.progress-report #welfare-view-compare .legend-chart-result.legend-chart-common ul {
    list-style: none;
    margin-bottom: 0px;
}

#welfare-view-graph .box-chart.chart-note .legend-chart-result ul {
    padding-left: 0;
    flex: 1;
}

#welfare-view-graph .box-chart .legend-chart-result ul {
    justify-content: center;
    padding-right: 10px;
    display: flex;
}

.progress-report #welfare-view-compare .box-chart.radar .legend-chart-result.legend-chart-common {
    overflow-y: auto;
    margin-right: 15px;
}

.progress-report #welfare-view-compare .box-chart.radar .legend-chart-result.legend-chart-common ul li {
    margin-bottom: 5px;
}

#welfare-view-graph .chart-measurement .legend-chart-result.legend-chart-common ul,
#welfare-view-graph .chart-calculated-measurement .legend-chart-result.legend-chart-common ul,
.progress-report #welfare-view-compare .box-chart.line .legend-chart-result.legend-chart-common ul {
    align-items: center;
    padding-top: 5px;
}

.progress-report #welfare-view-compare .box-chart.line .legend-chart-result.legend-chart-common ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


#welfare-view-graph .chart-custom-level .legend-chart-result.legend-custom-level ul {
    padding-left: 10px;
    border-left: 5px solid;
    padding-bottom: 2px;
    border-left-color: transparent;
    flex-direction: column;
}

#welfare-view-graph .chart-custom-level .legend-chart-result.legend-custom-level .legend-text {
    display: flex;
}

#welfare-view-graph .chart-custom-level .legend-chart-result.legend-custom-level .legend-text .name {
    flex: 1;
    margin-left: 3px;
}

.progress-report #welfare-view-compare .container-legend-aggregation .chart-group-by-filter,
#welfare-view-graph .container-legend-aggregation .chart-group-by-filter {
    display: flex;
}

#welfare-view-graph .container-legend-aggregation .input-group-btn button,
#welfare-view-graph .container-legend-aggregation .btn-export,
.progress-report #welfare-view-compare .container-legend-aggregation .input-group-btn button,
.progress-report #welfare-view-compare .container-legend-aggregation .btn-export {
    text-decoration: none;
    display: flex;
    align-items: center;
    outline: none;
    box-shadow: none;
    border: none !important;
    padding: 3px 6px;
}

.progress-report #welfare-view-compare .group-by-container,
#welfare-view-graph .container-legend-aggregation .group-by-container {
    margin-left: 5px;
}

#welfare-view-graph .container-legend-aggregation .dropdown-aggregation-function button,
#welfare-view-graph .container-legend-aggregation .group-by-container button,
.progress-report #welfare-view-compare .dropdown-aggregation-function button,
.progress-report #welfare-view-compare .group-by-container button {
    font-size: 14px
}

.progress-report #welfare-view-compare .dropdown-menu-groupBy a.disabled,
.progress-report #welfare-view-compare .dropdown-aggregation-function .dropdown-menu a.disabled,
#welfare-view-graph .container-legend-aggregation .dropdown-menu-groupBy a.disabled {
    color: #ccc !important;
    pointer-events: none;
}

.progress-report #welfare-view-compare .btn-export:hover,
#welfare-view-graph .container-legend-aggregation .btn-export:hover {
    background-color: transparent !important;
}


.progress-report #welfare-view-compare .btn-export,
#welfare-view-graph .container-legend-aggregation .btn-export {
    font-size: 18px;
    color: #666 !important;
}


.progress-report #welfare-view-compare .btn-export-container .dropdown-menu,
#welfare-view-graph .container-legend-aggregation .btn-export-container .dropdown-menu {
    right: 0;
    left: auto;
}

#welfare-view-graph .container-legend-aggregation .btn-export-container .dropdown-menu a {
    padding-left: 15px;
    padding-right: 15px;
}


.progress-report #welfare-view-compare .btn-export-container .dropdown-menu i.fa,
#welfare-view-graph .container-legend-aggregation .btn-export-container .dropdown-menu i.fa {
    margin-right: 5px;
}


.progress-report #welfare-view-compare .container-legend-aggregation .btn-export i,
#welfare-view-graph .container-legend-aggregation .btn-export i {
    margin-left: 5px;
}

.progress-report #welfare-view-compare .container-legend-aggregation .btn-export:focus,
#welfare-view-graph .container-legend-aggregation .btn-export:focus {
    outline: none;
}

.progress-report #welfare-view-compare .container-legend-aggregation .input-group-btn button .caret,
#welfare-view-graph .container-legend-aggregation .input-group-btn button .caret {
    margin-left: 5px;
}

#welfare-view-graph .legend-chart-result .template {
    display: none;
}

#default-view .template-view .notes-container .taxonomic,
#default-view .template-view .notes-container .canonical-name {
    padding-top: 5px;
    font-size: 14px;
    margin: 0 10px;
}

#default-view .template-view .notes-container .expander.animal {
    padding-top: 3px;
    padding-right: 5px;
}

#default-view .animal-view .details-container .animal-header .animal-card-detail {
    max-width: 80%;
}

#default-view .welfare-detail-container .card-detail-template {
    line-height: 1.3em;
}

#default-view .welfare-detail-container .taxonomic,
#default-view .welfare-detail-container .canonical-name {
    padding-left: 17px;
}

#default-view .template-mode .welfare-header .taxonomic,
#default-view .template-mode .welfare-header .canonical-name {
    padding-left: 0 !important;
}


#default-view #modal-copy-value .entry-name,
#default-view .welfare-detail-container .entry-name,
#default-view .welfare-entities-container .entry-name {
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.1em;
    -webkit-line-clamp: 2;
    margin-left: 3px;
}

#default-view .section-mode .welfare-entities-container li.animal .entry-name {
    margin-left: 0 !important;
}

#default-view #modal-copy-value .taxonomic, #default-view .welfare-detail-container .taxonomic,
#default-view .welfare-entities-container .taxonomic {
    color: #666;
    font-size: 13px;
}

#default-view .welfare-container .welfare-detail-container .welfare-entry-note .common-name {
    color: #ddd;
}

#default-view #modal-copy-value .canonical-name,
#default-view .welfare-detail-container .canonical-name,
#default-view .welfare-entities-container .canonical-name {
    color: #aaa;
    font-style: italic;
    font-size: 13px;
}


#default-view .table-entry .taxonomic,
#default-view .table-entry .canonical-name,
#default-view .template-mode .welfare-header .taxonomic,
#default-view .template-mode .welfare-header .canonical-name,
#default-view #modal-copy-value .taxonomic,
#default-view #modal-copy-value .canonical-name,
#default-view .welfare-entities-container > ul > li .taxonomic,
#default-view .welfare-entities-container > ul > li .canonical-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    transition: transform 330ms ease-in-out;
}

.device-firefox #default-view .overflow-header .welfare-entities-container > ul {
    padding-bottom: 20px;
}


#default-view .checklist-filter-checkbox.selected .container-checkbox,
#default-view .checklist-filter-checkbox.selected .container-counter-checked {
    border: 1px solid #2780e3 !important;
}

#default-view .checklist-filter-checkbox .container-checkbox,
#default-view .checklist-filter-checkbox .container-counter-checked {
    border: 1px solid #fff;
}

#default-view .animal-flag-container ul,
#default-view .section-flag-container ul {
    display: flex;
    flex-wrap: wrap;
}

#default-view .animal-flag-container ul li,
#default-view .section-flag-container ul li {
    flex-shrink: 0;
}

#default-view .checklist-filter-checkbox .container-counter-checked {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
}

#default-view .checklist-filter-checkbox.checked input.checkbox-nolabel {
    cursor: pointer !important;
}

#default-view .chart-view .chart-checklist-single .checklist-filter-checkbox input.checkbox-nolabel {
    cursor: default;
}

#default-view .checklist-filter-checkbox.selected .checkbox-label {
    color: #333 !important
}

#default-view .checklist-filter-checkbox .checkbox-label {
    color: #999999;
}

#welfare-view-graph .box-chart-title .title-type {
    font-size: 11px;
    text-transform: uppercase;
}

#default-view .timeline-list .timeline-content ul {
    list-style-type: none;
}

#default-view .chart-view .box-chart .custom-level span {
    margin-right: 5px;
    word-break: break-word;
}

#default-view .chart-view .box-chart .custom-level .level-number:before {
    content: "#";
    margin-left: 7px;
}

#default-view .chart-view .box-chart .custom-level ul {
    border-left: 8px solid;
}

#default-view .chart-view .box-chart .custom-level .level-number:after {
    content: "-";
    margin-left: 5px;
}

#default-view .sticky-header-timeline .content-container.selected {
    background-color: #2680e3;
}


#default-view .template-view .details-container .template-header h2 {
    color: #2780e3 !important;
}

#default-view .sticky-header-timeline .content-container .time-information {
    margin-bottom: 3px;
}

#default-view .animal-view, #default-view .section-view, #default-view .template-view {
    background-color: #fff;
    border: 2px solid #cccccc;
}

#default-view .animal-view .details-container .welfare-note-detail.add i,
#default-view .template-view .details-container .welfare-note-detail.add i {
    position: absolute;
    right: 15px;
    top: 25px;
    color: #e3e3e3;
    font-size: 25px;
    cursor: pointer;
}

#default-view .animal-view .details-container .welfare-note-detail.add,
#default-view .template-view .details-container .welfare-note-detail.add {
    position: relative;
    padding: 15px 0;
}

#default-view .wrapper-daily-report-welfare .list-group:hover {
    cursor: pointer;
}

@media(max-width: 991px) {
    #default-view .wrapper-daily-report-welfare {
        min-height: 750px;
    }
}

#daily-report-header .flags-container .flag-labels:after {
    content: '';
    display: block;
    clear: both;
}

#daily-report-header .flags-container .flag-labels .flag-daily-report {
    min-height: 0;
}

#daily-report-header .flags-container ul.flags {
    text-align: right;
}

#daily-report-header .flags-container .flag-labels .flag-daily-report .dropdown {
    float: right;
    text-align: right;
    display: flex;
}

.progress-report #welfare-view-compare .tag-measurement,
.progress-report #welfare-view-compare .tag-more {
    font-weight: 600;
    display: flex;
    align-items: center;
    text-align: left;
    margin-right: 3px;
    margin-bottom: 5px;
    vertical-align: middle;
    background-color: #eee;
    padding: 1px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    max-width: 180px;
}

.progress-report #welfare-view-compare .tag-measurement .text {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.progress-report #welfare-view-compare .tag-measurement > i {
    margin-right: 3px;
}

.progress-report #welfare-view-compare .dropdown-measurement-item ul {
    width: 100%;
    padding: 0;
    list-style: none;
    z-index: 5;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #ccc #ddd;
}

.progress-report #welfare-view-compare .dropdown-measurement-item {
    left: 15px;
    top: 50px;
}

.progress-report #welfare-view-compare .dropdown-measurement-item ul.list-measurement-item {
    max-height: 300px;
    min-height: 250px;
    margin: 0;
}

.progress-report #welfare-view-compare .dropdown-measurement-item ul .no-record {
    padding: 15px;
}

.progress-report #welfare-view-compare .dropdown-measurement-item ul > li .container-measurement-item {
    display: flex;
    width: 100%;
    padding-top: 10px;
}

.progress-report #welfare-view-compare .dropdown-measurement-item ul::-webkit-scrollbar {
    width: 9px;
    background-color: #fff;
}

.progress-report #welfare-view-compare .dropdown-measurement-item ul::-webkit-scrollbar-thumb {
    background: #ccc;
    border: 1px solid #E9EBEC;
    border-radius: 10px;
}

.progress-report #welfare-view-compare .dropdown-unit {
    max-height: 160px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #ccc #ddd;
    right: 0;
    left: auto;
}

.progress-report #welfare-view-compare .dropdown-unit::-webkit-scrollbar {
    width: 5px;
}

.progress-report #welfare-view-compare .dropdown-unit::-webkit-scrollbar-thumb {
    background: #ccc;
    height: 10px;
    border: 1px solid #ccc;
}

.progress-report #welfare-view-compare .header-dropdown-measurement-item {
    display: flex;
    padding-left: 15px;
    padding-right: 30px;
    background: #666666;
    color: #fff;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
}

.progress-report #welfare-view-compare .header-dropdown-measurement-item .checkbox {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 0;
    padding-top: 0;
    min-height: 0;
    padding-bottom: 0;
}

.progress-report #welfare-view-compare .header-dropdown-measurement-item .header-sort a {
    color: #fff;
    text-decoration: underline;
    text-transform: capitalize;
}

.progress-report #welfare-view-compare .header-sort i.sort {
    display: none;
}

.progress-report #welfare-view-compare .sort-desc > i.fa-sort-alpha-desc,
.progress-report #welfare-view-compare .sort-asc > i.fa-sort-alpha-asc {
    display: inline-block;
    margin-left: 4px;
}

.progress-report #welfare-view-compare .header-dropdown-measurement-item .header-unit {
    padding-right: 3px;
    padding-top: 5px;
    cursor: pointer;
    margin-left: auto;
}

.progress-report #welfare-view-compare .header-sort > span {
    text-decoration: underline;
    cursor: pointer;
}


.progress-report #welfare-view-compare .search-measurement-container {
    padding: 15px 24px 0 15px;
    position: relative;
}


.progress-report #welfare-view-compare .search-measurement-container .clear-search {
    right: 40px;
    position: absolute;
    top: 30px;
    color: #333;
    text-decoration: none;
}

.progress-report #welfare-view-compare .search-measurement-container .clear-search:hover {
    text-decoration: none;
}

@media(min-width: 1200px) {
    .progress-report #welfare-view-compare .dropdown-measurement-item {
        width: calc(60% - 16px);
    }
}


@media(max-width: 1199px) {
    .progress-report #welfare-view-compare .dropdown-measurement-item {
        width: calc(100% - 30px);
    }
}

.welfare-progress .dropdown-menu-filter .dropdown-menu-filter,
.progress-report .dropdown-menu-filter {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    top: 55px;
    right: 0;
}

.progress-report #welfare-view-compare .btn-chart-type::before {
    border-left: 2px solid #eee;
    content: "";
    height: 27px;
    position: absolute;
    left: 0;
    top: 20px;
}

#welfare-view-compare .btn-chart-line-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 30px;
    font-weight: 600;
}

#welfare-view-compare .btn-chart-line-arrow:focus,
#welfare-view-compare .btn-chart-line-arrow:hover {
    text-decoration: none;
}

#default-view .measurement-schedule .measurement-time {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: auto;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    border: 1px solid #cccccc;
    cursor: pointer;
    width: 100%;
    transition: all .25s ease-in-out;
    background-color: #fff;
}

#default-view .measurement-time.selected {
    background: #000;
    border-color: #000;
    color: #fff;
}

#default-view .measurement-time.importance {
    border-left: 4px solid #ff7518;
}

#default-view .measurement-schedule-wrapper {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 30px 10px;
    margin-top: 15px;
    background-color: #f9f9f9;
    border: solid 1px #ddd;
    float: left;
}

#default-view .measurement-schedule {
    max-height: 300px;
    overflow-y: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

#default-view .measurement-schedule-control-container .arrow-up,
#default-view .measurement-schedule-control-container .arrow-down {
    position: absolute;
    left: 50%;
    margin-left: -8px;
    color: #aaa;
    text-decoration: none;
    display: block;
}

#default-view .measurement-schedule-control-container .arrow-up {
    top: 10px;
}

#default-view .measurement-schedule-control-container .arrow-down {
    bottom: 10px;
}

#default-view .template-view-detail .detail-row {
    background-color: #fff;
}

#default-view .animal-view.timeline .table-measurement {
    display: inline-block !important;
}

#default-view .timeline-list .current-time .header-time .line {
    border-color: #2780e3;
    border-bottom-width: 2px;
}

#default-view .timeline-list .current-time .header-time .hour-time {
    color: #2780e3;
    font-style: normal;
    font-weight: 600;
}

#default-view .chart-compare-goal .chart-comparison.box-line-chart .chart-option-result {
    height: 600px;
}

#default-view .chart-compare-goal .chart-comparison.box-radar-chart .chart-option-result {
    height: 520px;
}

#default-view .template-view-detail .measurement-schedule {
    width: 85px;
}


@media(min-width: 992px) {
    #default-view .template-measurements-container .animal-measurement-time,
    #default-view .template-view-detail .measurement-wrapper,
    #default-view .welfare-template-checklist .checklist-content-name,
    #default-view .welfare-template-calculated-measurement .calculated-measurement-content-name {
        flex-basis: 20%;
        flex-shrink: 0;
        width: 0;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #default-view .template-measurements-container .animal-measurement-time,
    #default-view .template-view-detail .measurement-wrapper,
    #default-view .welfare-template-checklist .checklist-content-name,
    #default-view .welfare-template-calculated-measurement .calculated-measurement-content-name {
        flex-basis: 30%;
    }

    #default-view .expand-right .template-measurements-container .animal-measurement-time,
    #default-view .expand-right .template-view-detail .measurement-wrapper,
    #default-view .expand-right .welfare-template-checklist .checklist-content-name,
    #default-view .expand-right .welfare-template-calculated-measurement .calculated-measurement-content-name {
        flex-basis: 25%;
    }
}

@media(min-width: 1200px) {
    #default-view .template-measurements-container .animal-measurement-time,
    #default-view .template-view-detail .measurement-wrapper,
    #default-view .welfare-template-checklist .checklist-content-name,
    #default-view .welfare-template-calculated-measurement .calculated-measurement-content-name {
        flex-basis: 20%;
    }

    #default-view .expand-right .template-measurements-container .animal-measurement-time,
    #default-view .expand-right .template-view-detail .measurement-wrapper,
    #default-view .expand-right .welfare-template-checklist .checklist-content-name,
    #default-view .expand-right .welfare-template-calculated-measurement .calculated-measurement-content-name {
        flex-basis: 15%;
    }
}


.wrapper-daily-report-welfare .checklist-container .detail-checklist .detail-row .drop-down-checklist .created-by,
.measurement-timeline-view .measurement-for-timeline .target-container .created-by,
#default-view .section-mode .welfare-detail-container .template-measurements-container .detail-measurement .measurement-list-container .field-container .created-by,
#default-view .welfare-detail-container .template-measurements-container .template-view-detail.detail-measurement .measurement-list-container .field-container .created-by {
    font-size: 11px;
    white-space: normal;
    height: 15px;
}

.wrapper-daily-report-welfare .checklist-container .detail-checklist .detail-row .drop-down-checklist .created-by,
#default-view .section-mode .welfare-detail-container .template-measurements-container .detail-measurement .measurement-list-container .field-container .created-by,
#default-view .welfare-detail-container .template-measurements-container .template-view-detail.detail-measurement .measurement-list-container .field-container .created-by {
    display: block;
}

#default-view .section-mode .remove-in-section-view,
#default-view .remove-in-entry-view,
#default-view .template-mode .remove-in-template-view,
#default-view .section-mode .no-template-setup-container,
#default-view .template-mode .no-section-view-entry-container,
#default-view .timeline-mode .no-section-view-entry-container,
#default-view .template-entry-animal .section-card-picture,
#default-view .template-entry-animal .section-card-detail,
#default-view .welfare-header-detail .section-image .icon-view-container,
#default-view .template-entry-section .animal-card-picture,
#default-view .template-entry-section .animal-card-detail,
#default-view .timeline-mode .remove-in-timeline-view,
#default-view .timeline-mode .welfare-note-detail-add .show-placeholder,
#default-view .template-mode .welfare-note-detail-add .show-placeholder,
#default-view .welfare-entry-content:not(.section-view-entry) .remove-in-animal-view {
    display: none !important;
}


@media(min-width: 375px) {
    #default-view .template-view-detail.detail-measurement .measurement-list-container .field-container .created-by {
        width: 220px;
    }
}

@media(max-width: 374px) {
    #default-view .template-view-detail.detail-measurement .measurement-list-container .field-container .created-by {
        width: 180px;
    }
}

#default-view .welfare-detail-container .welfare-checklist-detail .created-by > span,
.wrapper-daily-report-welfare .checklist-container .detail-checklist .detail-row .drop-down-checklist .created-by > span,
#default-view .welfare-detail-container .template-measurements-container .template-view-detail.detail-measurement .measurement-list-container .field-container .created-by > span,
.measurement-timeline-view .measurement-for-timeline .target-container .created-by > span,
#default-view .section-mode .measurement-list-container .field-container .created-by > span,
.updated-by-container .note-modified-by {
    font-weight: bold;
}

#default-view .welfare-detail-container .welfare-checklist-detail .created-by > span,
.wrapper-daily-report-welfare .checklist-container .detail-checklist .detail-row .drop-down-checklist .created-by > span,
#default-view .welfare-detail-container .template-measurements-container .template-view-detail.detail-measurement .measurement-list-container .field-container .created-by > span,
.measurement-timeline-view .measurement-for-timeline .target-container .created-by > span,
#default-view .section-mode .measurement-list-container .field-container .created-by > span {
    margin-right: 3px;
}

#default-view .welfare-detail-container .template-measurements-container .template-view-detail.detail-measurement .measurement-list-container .field-container .created-by {
    left: 20px;
}

#default-view .section-mode .detail-measurement .measurement-list-container .timeline.field-container .inner-measurement-name {
    text-align: left;
}

@media(max-width: 991px) {
    .measurement-timeline-view .measurement-for-timeline .measurement-title {
        margin-bottom: 5px;
    }
}

@media(min-width: 768px) {
    #default-view .detail-row .measurement-name-text,
    #default-view .detail-row .measurement-item-text,
    #default-view .detail-row .checklist-name-text,
    #default-view .detail-row .template-name,
    #default-view .template-mode .detail-row .calculated-measurement-name-text {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }
}

#default-view .checklist-names .glyphicon-info-sign {
    vertical-align: top;
    margin-top: 3px;
}

#default-view .detail-row .glyphicon-info-sign {
    vertical-align: middle;
}

#default-view .detail-row .sym-template {
    vertical-align: top;
    margin-top: 8px;
}

#default-view .template-mode .checklist-name-text.required-field::before {
    content: '*';
    color: red;
    position: absolute;
    right: 0;
}

#default-view .section-mode .detail-measurement .measurement-list-container .timeline.field-container,
#default-view .template-view-detail .measurement-container .measurement-content {
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
    flex-shrink: 0;
}

#default-view .table-calculated-measurement .calculated-measurement-welfare-name-container .calculated-measurement-welfare-name {
    padding-right: 15px;
}

@media(min-width: 992px) {
    #default-view .section-mode .detail-measurement .measurement-list-container .timeline.field-container,
    #default-view .section-mode .detail-row .measurement-list-container,
    #default-view .welfare-template-calculated-measurement .template-view-detail .detail-row .list-container, default-view .section-mode .inner-measurement-name,
    #default-view .welfare-template-calculated-measurement .template-view-detail .calculated-measurement-content-name .list-container,
    #default-view .template-mode .template-view-detail.detail-measurement .measurement-list-container,
    #default-view .template-view-detail .measurement-container .measurement-content {
        height: 73px;
    }

    #default-view .welfare-template-checklist .checklist-content-name,
    #default-view .section-mode .animal-measurement-time .measurement-list-container,
    #default-view .welfare-template-calculated-measurement .calculated-measurement-content-name {
        border-right: 1px solid #e0e0e0;
    }

    #default-view .section-mode .detail-measurement .measurement-list-container .timeline.field-container,
    #default-view .template-view-detail .measurement-container .measurement-content {
        justify-content: center;
    }
}

#default-view .template-mode .checklist-names .inner-checklist-name label {
    display: flex;
}

#default-view .calculated-measurement-welfare-name span.schedule,
#default-view .checklist-welfare-name span.schedule,
#default-view .measurement-welfare-name-container span.schedule,
#modal-copy-value .copy-checklist span.schedule-checklist {
    color: #999;
    font-size: 14px;
    display: block;
}

#default-view .measurement-welfare-name-container .measurement-welfare-name span,
#default-view .checklist-welfare-name span {
    margin-right: 3px;
}

#default-view .welfare-template-checklist .checklist-content-name .list-container .checklist-welfare-name .inner-checklist-name label,
#default-view .template-view-detail .measurement-container .measurement-content .card-detail-template .measurement-welfare-name label,
#default-view .welfare-template-calculated-measurement .calculated-measurement-content-name .list-container .calculated-measurement-welfare-name .inner-calculated-measurement-name label {
    white-space: normal;
}

#default-view .timeline-mode .table-measurement {
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-width: thin;
    scrollbar-color: #aaa transparent;
}

@media(min-width: 992px) {
    #default-view .section-mode .table-measurement .detail-row,
    #default-view .timeline-mode .table-measurement,
    #default-view .table-entry .entry-left-nav,
    #default-view .template-view-detail .detail-row,
    .device-firefox #default-view .table-entry .entry-left-nav.wrapped {
        max-height: 375px;
    }

    #default-view .section-mode .table-measurement .detail-row {
        overflow-y: auto !important;
        scrollbar-width: thin;
        scrollbar-width: thin;
        scrollbar-color: #aaa transparent;
    }

    #default-view .template-view-detail .detail-row {
        overflow-y: auto !important;
        scrollbar-width: thin;
        scrollbar-width: thin;
        scrollbar-color: #aaa transparent;
    }

    #default-view .detail-measurement .measurement-list-container .field-container,
    #default-view .detail-measurement .measurement-header-name,
    #default-view .welfare-template-checklist .checklist-row-header,
    #default-view .welfare-template-calculated-measurement .calculated-measurement-row-header,
    #default-view .welfare-template-calculated-measurement .field-container,
    #default-view .template-mode .measurement-list-header .measurement-header-name {
        flex-shrink: 0;
    }
}

@media(max-width: 991px) {
    #default-view .detail-measurement .measurement-list-container .field-container,
    #default-view .welfare-template-checklist .select-checklist,
    #default-view .measurement-for-timeline {
        padding-bottom: 15px;
        padding-top: 15px;
    }

    #default-view .detail-measurement .measurement-list-container .field-container {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #default-view .welfare-template-calculated-measurement .field-container {
        padding-top: 10px;
        display: flex;
        flex-direction: column;
        padding-bottom: 0 !important;
    }

    #default-view .welfare-template-calculated-measurement .detail-row-inner {
        margin-top: 5px;
    }


    #default-view .template-mode .detail-measurement .measurement-list-container + .measurement-list-container,
    #default-view .welfare-template-checklist .checklist-item + .checklist-item,
    #default-view .welfare-template-calculated-measurement .calculated-measurement-item + .calculated-measurement-item,
    #default-view .section-mode .detail-measurement .measurement-list-container + .measurement-list-container .target-container,
    #default-view .section-mode .detail-measurement .measurement-list-container:first-child .target-container + .target-container,
    #default-view .timeline-mode .table-measurement .measurement-for-timeline + .measurement-for-timeline {
        border-top: 1px solid #ececec;
    }

    #default-view .section-mode .table-measurement .detail-row .field-empty {
        display: none;
    }
}

#default-view .table-entry .entry-left-nav.wrapped {
    max-height: 365px !important;
}

.device-ios #default-view input.target,
.device-ios #default-view select.target {
    -webkit-appearance: none;
}

#default-view .section-mode .hide-dropdown-when-no-value .copy-entry {
    display: none !important;
}

#default-view .table-entry .entry-left-nav {
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}

#default-view .table-entry .entry-left-nav::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}


#default-view .table-entry .entry-left-nav::-webkit-scrollbar-thumb {
    background-color: transparent;
}


#default-view .table-calculated-measurement .calculated-measurement-name-text {
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 8px;
}

#default-view .section-mode .measurement-list-container .measurement-name-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#default-view .measurement-welfare-name-container .measurement-welfare-name span,
#default-view .table-calculated-measurement .calculated-measurement-name-text,
#default-view .section-mode .measurement-list-container .measurement-name-text,
#default-view .template-mode .checklist-welfare-name span,
#default-view .measurement-welfare-name-container .measurement-welfare-name span.required-field,
#default-view .section-mode .measurement-list-container .measurement-name-text.required-field {
    position: relative;
}


#default-view .measurement-welfare-name-container .measurement-welfare-name span.required-field,
#default-view .section-mode .measurement-list-container .measurement-name-text.required-field {
    padding-right: 8px;
}

@media(min-width: 992px) {
    #default-view .section-mode .welfare-detail-container .template-measurements-container .detail-measurement .detail-row .measurement-list-container .field-container,
    #default-view .section-mode .welfare-detail-container .template-measurements-container .measurement-header-name,
    #default-view .template-view-detail.detail-measurement .measurement-list-container .field-container,
    #default-view .template-mode .detail-measurement .measurement-column-header .measurement-header-name,
    #default-view .welfare-template-checklist .checklist-row-header,
    #default-view .welfare-template-checklist .select-checklist,
    #default-view .welfare-template-calculated-measurement .calculated-measurement-row-header,
    #default-view .welfare-template-calculated-measurement .field-container,
    #default-view .template-mode .measurement-list-header .measurement-header-name {
        width: 265px;
    }

    #default-view .measurement-welfare-name-container .measurement-welfare-name span,
    #default-view .table-calculated-measurement .calculated-measurement-name-text,
    #default-view .template-mode .checklist-welfare-name span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }


    #default-view .measurement-welfare-name-container .measurement-welfare-name span,
    #default-view .table-calculated-measurement .calculated-measurement-name-text,
    #default-view .template-mode .checklist-welfare-name span {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #default-view .detail-row .measurement-list-container .field-container:not(:last-child),
    #default-view .template-mode .detail-measurement .measurement-column-header .measurement-header-name,
    #default-view .template-mode .checklist-row-header:not(:last-child),
    #default-view .template-mode .select-checklist.input-checklist:not(:last-child),
    #default-view .template-mode .calculated-measurement-row-header:not(:last-child),
    #default-view .calculated-measurement-item .field-container:not(:last-child) {
        border-right: 1px solid #e0e0e0;
    }

    #default-view .template-view-detail .measurement-wrapper {
        border-right: 1px solid #e0e0e0;
    }


    #default-view .template-mode .wrapper-measurement .border-line,
    #default-view .section-mode .wrapper-measurement .border-line {
        display: none;
    }
}


#default-view .template-mode select.multiple:not(.init-select2) {
    background-image: none;
    cursor: text;
}


#default-view .measurement-for-timeline .measurement-name-text,
#default-view .measurement-welfare-name-container .measurement-welfare-name span,
#default-view .table-calculated-measurement .calculated-measurement-name-text,
#default-view .section-mode .measurement-list-container .measurement-name-text,
#default-view .template-mode .checklist-welfare-name span {
    line-height: 1.1em;
}

#default-view .measurement-list-container .field-container,
#default-view .template-mode .detail-measurement .measurement-column-header .measurement-header-name,
#default-view .template-mode .checklist-row-header,
#default-view .template-mode .select-checklist.input-checklist,
#default-view .template-mode .calculated-measurement-row-header,
#default-view .calculated-measurement-item .field-container {
    position: relative;
}

#default-view .measurement-for-timeline .measurement-name-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#default-view .template-mode .measurement-column-header,
#default-view .template-mode .measurement-header-name,
#default-view .template-mode .checklist-row-header,
#default-view .template-mode .checklist-content-name .checklist-column-header,
#default-view .section-mode .animal-measurement-time .measurement-column-header,
#default-view .section-mode .measurement-header-name,
#default-view .template-mode .calculated-measurement-row-header,
#default-view .template-mode .calculated-measurement-content-name .calculated-measurement-column-header {
    padding: 10px 15px;
}

#default-view .timeline-mode .detail-row .field-container {
    padding: 15px 20px 10px;
}

@media(min-width: 992px) {
    #default-view .section-mode .detail-row .field-container,
    #default-view .template-mode .detail-row .field-container {
        padding: 10px 20px 5px;
    }
}

#default-view .welfare-template-checklist .checklist-content-name .measurement-column-header {
    height: 50px;
    display: table;
    width: 100%;
    position: relative;
    background: #fff;
}

#default-view .chart-comparison.box-radar-chart .chart-option-result {
    width: 100%;
}

#default-view .chart-comparison.box-line-chart .chart-option-result {
    width: 93%;
    margin-left: 4%;
}

@media(max-width: 992px) {
    .container-calculated-measurement .welfare-item-deleted-warning-box-wrapper {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .welfare-item-deleted-warning-box-wrapper {
        margin-left: 0 !important;
        padding-right: 6px;
        padding-left: 6px;
    }
}

.container-calculated-measurement .welfare-item-deleted-warning-box,
.container-calculated-measurement .welfare-item-deleted-warning-box-wrapper {
    margin-left: 0;
    margin-right: 0;
}

.welfare-item-deleted-warning-box {
    min-height: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 16px;
}

span.delete-warning-text {
    font-weight: 600;
    color: #ff9900;
}

span.fa.fa-exclamation-triangle.delete-warning-text {
    margin-right: 6px;
}

@media(max-width: 991px) {
    .group-measurement-template .border-line {
        display: none !important;
    }

    #default-view .template-mode .welfare-template-calculated-measurement .detail-row .list-container {
        padding-top: 0px;
        padding-bottom: 10px;
    }
}


@media(min-width: 992px) {
    #default-view .welfare-template-checklist .template-view-detail .checklist-content-name .list-container,
    #default-view .welfare-template-calculated-measurement .template-view-detail .calculated-measurement-content-name .list-container {
        flex-direction: column;
        justify-content: center;
    }

    .group-measurement-template {
        position: relative;
    }

    #default-view .section-mode .detail-row .measurement-list-container,
    #default-view .template-mode .template-view-detail.detail-measurement .measurement-list-container,
    #default-view .welfare-template-checklist .template-view-detail .detail-row .list-container,
    #default-view .welfare-template-calculated-measurement .template-view-detail .detail-row .list-container {
        display: flex;
        flex-shrink: 0;
        justify-content: center;
    }

    #default-view .welfare-template-checklist .template-view-detail .checklist-content-name .list-container,
    #default-view .welfare-template-calculated-measurement .template-view-detail .calculated-measurement-content-name .list-container {
        display: flex;
        padding-left: 20px;
    }

    #default-view .welfare-template-checklist .template-view-detail .detail-row .list-container {
        min-height: 80px;
    }

    #default-view .welfare-template-checklist .template-view-detail .checklist-content-name .list-container {
        height: 80px;
        padding-right: 15px;
    }
}

.group-measurement-template .border-line {
    height: 100%;
    width: 6px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#default-view .template-mode .measurement-template-view .measurement-welfare-name > label {
    margin-bottom: 7px;
}

@media(max-width: 991px) {
    #default-view .template-mode .measurement-template-view .measurement-welfare-name > label > i {
        top: 0 !important;
    }
}

#default-view .table-measurement .label-welfare-entity,
#default-view .measurement-template-view .measurement-welfare-name > label,
#default-view .target-container .measurement-welfare-name > label,
#default-view .table-calculated-measurement .calculated-measurement-welfare-name > label,
#default-view .table-checklist .inner-checklist-name > label {
    display: flex;
    align-items: baseline;
}

@media(max-width: 991px) {
    #default-view .measurement-for-timeline .measurement-name-text,
    #default-view .measurement-welfare-name-container .measurement-welfare-name span,
    #default-view .table-calculated-measurement .calculated-measurement-name-text,
    #default-view .section-mode .measurement-list-container .measurement-name-text,
    #default-view .template-mode .checklist-welfare-name span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
    }

    .measurement-timeline-view .measurement-for-timeline,
    .measurement-timeline-view .measurement-for-timeline .measurement-title,
    .measurement-timeline-view .measurement-for-timeline .target-container {
        padding-left: 0;
        padding-right: 0;
    }

    #default-view .container-select-single .select2-selection--single,
    #default-view .target-custom-level .select2-selection--single {
        overflow: hidden;
    }

    #default-view .container-select-single .select2-selection--single .select2-selection__rendered,
    #default-view .target-custom-level .select2-selection--single .select2-selection__rendered {
        white-space: normal;
        word-break: break-all;
    }

    #default-view .measurement-for-timeline .target-container .measurement-welfare-name-container {
        display: none !important;
    }

    #default-view .template-mode .detail-row .checklist-welfare-name,
    #default-view .section-mode .inner-measurement-name,
    #default-view .template-mode .measurement-welfare-name-container,
    #default-view .template-mode .calculated-measurement-welfare-name {
        width: 100%;
    }


    #default-view .section-mode .target-container .measurement-welfare-name,
    #default-view .template-mode .target-container .measurement-welfare-name {
        margin-bottom: 3px;
    }

    #default-view .target-container .measurement-welfare-name > label {
        align-items: center !important;
        margin-bottom: 2px;
    }
}

#default-view .table-measurement .label-welfare-entity > i,
#default-view .measurement-template-view .measurement-welfare-name > label > i {
    font-style: normal;
}


#default-view .section-mode .table-measurement .template-name,
#default-view .timeline-mode .table-measurement .template-info {
    padding-left: 20px;
}


#default-view .table-entry .measurement-list-row.row-source-copy,
#default-view .table-entry .list-container.checklist-item.row-source-copy,
#default-view .section-mode .detail-measurement .measurement-list-container .timeline.field-container.odd.row-source-copy,
.measurement-timeline-view .measurement-for-timeline.odd.row-source-copy,
#default-view .template-mode .template-view-detail .measurement-container .measurement-content.odd.row-source-copy,
#default-view .template-mode .template-view-detail.detail-measurement .measurement-list-container.odd.row-source-copy,
#default-view .section-mode .welfare-detail-container .template-measurements-container .detail-measurement .detail-row .measurement-list-container.odd.row-source-copy {
    background-color: #dee7ef;
}

.measurement-timeline-view .measurement-for-timeline.odd,
#default-view .section-mode .detail-measurement .measurement-list-container .timeline.field-container.odd,
#default-view .template-mode .template-view-detail.detail-measurement .measurement-list-container.odd,
#default-view .template-mode .template-view-detail .measurement-container .measurement-content.odd:not(.hide),
#default-view .section-mode .welfare-detail-container .template-measurements-container .detail-measurement .detail-row .measurement-list-container.odd {
    background-color: #fff;
}

@media(min-width: 992px) {
    #default-view .section-mode .detail-measurement .measurement-list-container .timeline.field-container.even,
    #default-view .section-mode .welfare-detail-container .template-measurements-container .detail-measurement .detail-row .measurement-list-container.even,
    .measurement-timeline-view .measurement-for-timeline.even,
    #default-view .template-mode .template-view-detail.detail-measurement .measurement-list-container.even:not(.hide),
    #default-view .template-mode .template-view-detail .measurement-container .measurement-content.even:not(.hide),
    #default-view .welfare-template-checklist .template-view-detail .checklist-content-name .list-container:not(.hide):nth-child(odd),
    #default-view .welfare-template-checklist .template-view-detail .detail-row .list-container:not(.hide):nth-child(odd),
    #default-view .welfare-template-calculated-measurement .template-view-detail .detail-row .list-container:not(.hide):nth-child(odd),
    #default-view .welfare-template-calculated-measurement .template-view-detail .calculated-measurement-content-name .list-container:not(.hide):nth-child(odd) {
        background-color: #eee;
    }

    #default-view .measurement-timeline-view .measurement-for-timeline:hover,
    #default-view .table-entry .list-welfare-entry-name:hover,
    #default-view .table-entry .list-welfare-entry-value:hover {
        background-color: #dee7ef !important;
    }

    #default-view .table-entry .list-welfare-entry-name.hovered,
    #default-view .table-entry .list-welfare-entry-value.hovered {
        background-color: #dee7ef !important;
    }
}

@media(max-width: 991px) {
    #default-view .welfare-template-checklist .template-view-detail .checklist-content-name .list-container,
    #default-view .template-mode .template-view-detail .measurement-container .measurement-content,
    #default-view .section-mode .detail-measurement .measurement-list-container .timeline.field-container {
        background-color: transparent !important;
    }
}


#default-view .welfare-template-checklist .checklist-container .content-name {
    padding: 11px;
}

#default-view .wrapper-daily-report-welfare .form-content .button-expand {
    position: absolute;
    border: 1px solid #cccccc;
    left: -56px;
    top: -1px;
    background: #fff;
    cursor: pointer;
    z-index: 100;
    color: #7d7d7d;
}

#default-view .wrapper-daily-report-welfare .form-content .button-expand:hover {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

.device-ie #default-view .wrapper-daily-report-welfare .form-content .button-expand {
    left: -1px;
    top: -1px;
}

#default-view .wrapper-daily-report-welfare .form-content .button-expand .fa {
    padding: 10px 2.5px;
}

#default-view .wrapper-daily-report-welfare.expand-right .sidebar-container {
    display: none;
}

#default-view .wrapper-daily-report-welfare.expand-right .form-content {
    width: 100%;
    padding-left: 0;
}

#default-view .btn-actions {
    color: #005b9b;
}

@media(min-width: 480px) {
    #default-view .general-note-wrapper .btn-actions {
        right: 10px;
        top: 30px;
    }

    #default-view .btn-actions .edit-item,
    #default-view .btn-actions .delete-item {
        display: inline-block;
    }
}

@media(max-width: 479px) {
    #default-view .general-note-wrapper .btn-actions {
        right: 5px;
        top: 20px;
    }
}

#default-view .general-note-wrapper .btn-actions {
    position: absolute;
}

#default-view .btn-actions {
    text-align: right;
}

@media(min-width: 480px) and (max-width: 991px) {
    #default-view .btn-actions .edit-item,
    #default-view .btn-actions .delete-item {
        padding: 5px 3px;
    }
}

@media(min-width: 992px) {
    #default-view .btn-actions .edit-item,
    #default-view .btn-actions .delete-item {
        padding: 5px 10px;
    }
}

@media(min-width: 480px) and (max-width: 991px) {
    #default-view .btn-actions .edit-item,
    #default-view .btn-actions .delete-item {
        padding: 5px 3px;
    }
}

@media(min-width: 992px) {
    #default-view .btn-actions .edit-item,
    #default-view .btn-actions .delete-item {
        padding: 5px 10px;
    }
}

@media(max-width: 479px) {
    #default-view .btn-actions .edit-item,
    #default-view .btn-actions .delete-item {
        padding: 5px;
    }
}

#default-view .btn-actions .edit-item, #default-view .btn-actions .delete-item {
    cursor: pointer;
}

#default-view .welfare-note[data-noteid="0"] .btn-actions .edit-item {
    display: none;
}

.body-content.dailyreport-edit #default-view .welfare-note .note-default-placeholder {
    cursor: pointer
}

.body-content.dailyreport-edit #default-view .welfare-note:not(.not-allow-to-add) .note-default-placeholder:hover {
    text-decoration: underline;
}

.body-content.dailyreport-edit #default-view .editing-wrapper.locked .welfare-note .note-default-placeholder {
    cursor: not-allowed;
    text-decoration: none;
}

.body-content.dailyreport-edit #default-view .welfare-note.not-allow-to-add .note-default-placeholder {
    cursor: text;
    color: #aaa;
}

#default-view #dailyreport-weather-cards .btn-actions {
    float: right;
}

#default-view .btn-actions .edit-item[disabled], #default-view .btn-actions .delete-item[disabled], #default-view .btn-actions .edit-item[disabled] a, #default-view .btn-actions .delete-item[disabled] a, #list-editor-file-upload .locked .delete, #list-editor-file-upload .locked .addNote, #list-editor-file-upload .locked .rowFileContentEdit .glyphicon {
    cursor: not-allowed;
}

#default-view .item-card-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#default-view .employee-name {
    margin: 0;
}

#default-view .upload-attachment {
    padding-top: 10px;
}

#default-view .general-note-wrapper .image-wrapper, #default-view .item-card-wrapper .image-wrapper {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}

#default-view .general-note-wrapper .image-wrapper .image-inner-container,
#default-view .item-card-wrapper .image-wrapper .image-inner-container,
#default-view .welfare-detail-container .animal-card-picture .image-inner-container,
#default-view #list-welfare-entities .image-inner-container,
#default-view .welfare-detail-container .section-card-picture .image-inner-container,
#default-view .welfare-detail-container .section-card-picture .icon-view-container {
    border: 2px solid #ccc;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    padding: 1px;
}

#default-view #list-welfare-entities li.has-template .icon-template-container,
#default-view #list-welfare-entities li.view-icon .detail-section-card .image-inner-container .section-icon-container {
    display: flex;
}

#default-view #list-welfare-entities .detail-section-card .image-inner-container .entity-picture,
#default-view #list-welfare-entities .detail-section-card .image-inner-container .section-icon-container {
    display: none;
}

#default-view #list-welfare-entities li.view-picture .detail-section-card .image-inner-container .entity-picture {
    display: block;
}

#default-view #list-welfare-entities .icon-template-container {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    display: none;
    left: 7px;
}

#default-view #list-welfare-entities .detail-animal-card .icon-template-container {
    top: 5px;
}

#default-view #list-welfare-entities .detail-section-card .icon-template-container {
    top: 10px;
}

#default-view .item-name-container {
    display: inline-block;
    flex: auto;
}

#default-view .item-name-container.general-note {
    width: 85%;
}

#default-view .item-name-container.general-note .note-type {
    font-size: 11px;
    text-transform: uppercase;
    color: #999999;
    margin-left: 3px;
}

#default-view .item-name-container label {
    width: 100%;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.0em;
}

#default-view .item-name-container .note-type-container label {
    display: inline;
}

#default-view .dailyreport-general-notes-container.editable .item-cards-container .edit-field-container {
    /*    max-height: 280px;
    overflow: auto;*/
}

.notes-container .note-welfare-container .edit-field-container .form-group {
    margin-left: 0;
    margin-right: 0;
}

.notes-container .note-welfare-container .edit-field-container .form-group:not(.note-tagging) {
    width: 70%;
}

@media(min-width: 480px) {
    .notes-container .note-welfare-container button.reset-note {
        float: right;
    }
}

@media (max-width: 991px) {
    .notes-container .note-welfare-container .edit-field-container .select-custom-value,
    .notes-container .note-welfare-container .edit-field-container .select2-container {
        width: 100% !important;
    }
}

@media(min-width: 992px) {
    .notes-container .note-welfare-container .edit-field-container .select-custom-value,
    .notes-container .note-welfare-container .edit-field-container .select2-container {
        width: 65% !important;
    }
}

@media(max-width: 479px) {
    .notes-container .note-welfare-container button.reset-note {
        display: block;
        margin-top: 5px;
    }
}

.notes-container .edit-field-container {
    margin-top: 10px;
}

#default-view .dailyreport-general-notes-container #item-cards, #default-view .dailyreport-general-notes-container.editable #edit-general-note, #default-view .dailyreport-animal-care-staff-container #item-cards, #default-view .dailyreport-animal-care-staff-container.editable #edit-animal-care-staff {
    display: block;
}

#default-view .dailyreport-general-notes-container.editable #item-cards, #default-view .dailyreport-general-notes-container #edit-general-note, #default-view .dailyreport-animal-care-staff-container.editable #item-cards, #default-view .dailyreport-animal-care-staff-container #edit-animal-care-staff, #default-view .dailyreport-animal-care-staff-container #animal-care-staff-template {
    display: none;
}

#default-view #edit-general-note .item-title-container, #default-view #edit-animal-care-staff .item-title-container {
    padding-bottom: 5px;
    border-bottom: 1px solid #999;
    font-weight: bold;
}

#default-view #edit-general-note .edit-field-container {
    padding: 18px 30px 20px;
}

#default-view #edit-animal-care-staff .edit-field-container {
    padding: 30px 30px 80px;
}

#default-view #edit-general-note .edit-field-container .form-group.note-tagging {
    margin-left: 0;
    margin-bottom: 0;
}

#default-view #dailyreport-weather-cards .save-container, #default-view #edit-general-note .save-container, #default-view #edit-animal-care-staff .save-container {
    padding-top: 20px;
    border-top: 1px solid #ccc;
}

#default-view #dailyreport-weather-cards .save-container {
    padding: 20px 0 0;
}

#default-view .daily-report-attachment-card .fileContentNote {
    line-height: 1em;
}

.daily-report-attachment-card {
    width: 100%;
}

.daily-report-attachment-card #file-upload-drag-drop.file-upload-drag-drop-container {
    border: none;
    padding: 0;
    margin-top: 0;
    position: relative;
}

.daily-report-attachment-card #file-upload-drag-drop.file-upload-drag-drop-container progress {
    position: absolute;
    left: 0;
    margin-top: -2px;
    height: 10px;
}

.daily-report-attachment-card, .daily-report-attachment-card .list-editor.file-upload, .daily-report-attachment-card .list-editor #drag-drop-handle {
    height: 100%;
}

.daily-report-attachment-card .list-editor-rows {
    float: left;
    width: 100%;
    margin: 0;
    padding-bottom: 10px;
}

#default-view .wrapper-daily-report-welfare .welfare-menu-list {
    padding-left: 5px;
    padding-right: 5px;
    position: sticky;
    top: 64px;
}

.welfare-menu-list.timeline-list .no-record-found, .welfare-menu-list.welfare-template-list .no-record-found, .welfare-menu-list.timeline-list.no-record .timeline-list-container, #default-view .wrapper-daily-report-welfare .welfare-entries-view, #default-view .wrapper-daily-report-welfare .welfare-menu-list, #default-view .wrapper-daily-report-welfare .chart-view, #default-view .wrapper-daily-report-welfare .chart-compare-goal {
    display: none;
}

.welfare-menu-list.timeline-list.no-record .no-record-found, .welfare-menu-list.welfare-template-list.no-record .no-record-found, .welfare-menu-list.timeline-list .timeline-list-container, #default-view .wrapper-daily-report-welfare.timeline-mode .welfare-entries-view, #default-view .wrapper-daily-report-welfare.section-mode .welfare-entries-view, #default-view .wrapper-daily-report-welfare.template-mode .welfare-entries-view, #default-view .wrapper-daily-report-welfare.timeline-mode .timeline-list, #default-view .wrapper-daily-report-welfare.section-mode .sidebar-sections-list, #default-view .wrapper-daily-report-welfare.template-mode .welfare-template-list, #default-view .wrapper-daily-report-welfare.chart-mode .chart-view, #default-view .wrapper-daily-report-welfare.chart-mode .chart-compare-goal {
    display: block;
    z-index: 1;
}

#default-view .wrapper-daily-report-welfare.template-mode .welfare-entries-view > p.no-record {
    margin-left: 15px;
    margin-top: 30px;
    font-size: 20px
}

#default-view .wrapper-daily-report-welfare.section-mode .container-entry-view .welfare-entries-view:not(:first-child) {
    padding-top: 15px;
}

.welfare-menu-list.headroom {
    top: 60px;
}

.welfare-container {
    z-index: 99;
}

.welfare-onlinetemplates .template-tags-content .selected {
    background-color: #2780e3 !important;
    color: #fff !important;
    font-weight: bold !important;
}

.welfare-onlinetemplates .template-menu-header .selected {
    border-bottom: 4px solid;
    font-weight: 700 !important;
}

.welfare-onlinetemplates .template-rating-wrapper .checked {
    color: #f90;
}

.welfare-onlinetemplates .footer-template-detail .btn-buy-now {
    padding: 5px 20px;
    background: #2780e3;
    color: #fff;
    border-radius: 6px;
    margin-right: 15px;
    cursor: pointer;
    border: 1px solid;
}

.welfare-onlinetemplates .template-detail-content-wrapper .template-menu-header span.selected:hover {
    color: #333333;
}

.welfare-onlinetemplates .template-detail-content-wrapper .template-menu-header .nav-tabs li a:hover {
    background-color: transparent;
    color: #908989 !important;
}

.welfare-onlinetemplates .footer-template-detail span {
    color: #b22f13;
    font-size: 18px;
    font-weight: bold;
}

.welfare-onlinetemplates .ribbon-top-right {
    top: -8px;
    right: -7px;
}

.welfare-onlinetemplates .ribbon-top-right::before, .welfare-onlinetemplates .ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
}

.welfare-onlinetemplates .ribbon-top-right::before {
    top: 0;
    left: 73px;
}

.welfare-onlinetemplates .ribbon-top-right::after {
    bottom: 73px;
    right: 0;
}

.welfare-onlinetemplates .ribbon-top-right span {
    left: 41px;
    top: 13px;
    transform: rotate(45deg);
}

.welfare-onlinetemplates .ribbon-container .template-free:after, .welfare-onlinetemplates .ribbon-container .template-free:before {
    border: 3px solid #9bc90f !important;
    position: absolute;
    z-index: 2;
}

.welfare-onlinetemplates .ribbon-container .template-free span {
    background-color: #9bc90f !important;
}

.welfare-onlinetemplates .ribbon span {
    position: absolute;
    display: block;
    width: 165px;
    padding: 5px 0;
    background-color: #f79e06;
    color: #fff;
    font-size: 15px;
    box-shadow: 2px 2px 4px 4px rgba(0,0,0,.1);
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
}

.welfare-onlinetemplates .ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}

.welfare-onlinetemplates .ribbon::before, .welfare-onlinetemplates .ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 3px solid #f79e06;
}

.welfare-onlinetemplates .ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}

.welfare-onlinetemplates .ribbon::before, .welfare-onlinetemplates .ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 3px solid #f79e06;
}

.welfare-onlinetemplates .ribbon-container {
    position: relative;
    left: 20px;
    bottom: 20px;
}

.welfare-onlinetemplates .filter-templates {
    background-color: #eee;
    padding: 0 !important;
}

.welfare-onlinetemplates .filter-template-wrapper, .welfare-onlinetemplates .search-tags-template, .welfare-onlinetemplates .footer-filter-template {
    padding: 20px;
}

.welfare-onlinetemplates .filter-template-wrapper {
    padding-bottom: 30px;
}

.welfare-onlinetemplates .filter-template-wrapper .search-template-content {
    padding-top: 0 !important;
}

.welfare-onlinetemplates .filter-template-wrapper .filter-search-template {
    width: 100%;
    padding: 5px 10px;
    height: 35px;
    border-color: #a9a9a9 !important;
}

.welfare-onlinetemplates .filter-template-wrapper .search-template-by {
    padding-top: 25px;
}

.welfare-onlinetemplates .footer-template-detail .btn-buy-now:focus {
    outline: unset;
    background: #0a488e;
}

.welfare-onlinetemplates .filter-template-wrapper .item-checkbox-detail label {
    font-weight: 600;
    vertical-align: middle;
}

.welfare-onlinetemplates .filter-template-wrapper .template-price .template-price-title {
    width: 50%;
    margin-bottom: 10px;
}

.welfare-onlinetemplates .filter-template-wrapper .template-price .range-price {
    position: relative;
    bottom: 15px;
}

.welfare-onlinetemplates .filter-templates .search-tags-template {
    border-top: 2px solid #d8d8d8;
    border-bottom: 2px solid #d8d8d8;
}

.welfare-onlinetemplates .filter-templates .template-tag-tittle-container .search-tag label {
    cursor: pointer;
}

.welfare-onlinetemplates .filter-templates .template-tag-tittle-container .search-tags-wrapper, .welfare-onlinetemplates .filter-templates .template-tag-tittle-container .search-tags-wrapper .search-tag {
    display: inline-block;
}

.welfare-onlinetemplates .filter-templates .template-tag-tittle-container .search-tags-wrapper .filter-tag-title:after {
    content: " |";
    color: #8e8787;
    padding: 10px;
    font-size: large;
}

.welfare-onlinetemplates .template-tags-content {
    padding: 10px 0;
}

.welfare-onlinetemplates .filter-templates .template-tag-tittle-container .search-tags-wrapper .search-tag {
    color: #8e8787;
    transition: all .25s ease-in-out;
}

.welfare-onlinetemplates .filter-templates .search-tags-template .search-tag-wrapper {
    position: relative;
    display: none;
}

.welfare-onlinetemplates .filter-templates .search-tags-template .search-tag-wrapper #search-reset {
    color: #444444;
    font-size: 20px;
    outline: none;
    right: 5px;
}

.welfare-onlinetemplates .filter-templates .search-tags-template .filter-search-tag {
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid;
    background: transparent;
    padding: 5px 10px 5px 0;
    width: 100%;
}

.welfare-onlinetemplates .filter-templates .search-tags-template .filter-search-tag:focus {
    outline: none;
}

.welfare-onlinetemplates .filter-templates .search-tags-template .template-tags-content label {
    padding: 5px 10px;
    background-color: #fff;
    border: 1px solid #c3bebe;
    border-radius: 5px;
    transition: all .25s ease-in-out;
    font-weight: unset;
}

.welfare-onlinetemplates .filter-templates .footer-filter-template a {
    vertical-align: middle;
}

.welfare-onlinetemplates .filter-templates .footer-filter-template a:hover, .welfare-onlinetemplates .filter-templates .search-tags-template a:hover, .welfare-onlinetemplates .filter-templates .search-tags-template .template-tags-content label:hover, .welfare-onlinetemplates .filter-templates .footer-filter-template .btn-submit-filter:hover, .welfare-onlinetemplates .template-detail-content-wrapper .navbar-link a:hover, .welfare-onlinetemplates .template-detail-content-wrapper .reviews-template .next-review {
    cursor: pointer;
}

.welfare-onlinetemplates .filter-templates .search-tags-template .template-tags-content label:hover {
    background-color: #eee;
    cursor: pointer;
}

.welfare-onlinetemplates .filter-templates .footer-filter-template a, .welfare-onlinetemplates .filter-templates .footer-filter-template button, .welfare-onlinetemplates .filter-templates .footer-filter-template {
    display: inline-block;
}

.welfare-onlinetemplates .filter-templates .footer-filter-template a {
    float: left;
}

.welfare-onlinetemplates .filter-templates .footer-filter-template button {
    float: right;
}

.welfare-onlinetemplates .filter-templates .footer-filter-template {
    width: 100%;
}

.welfare-onlinetemplates .filter-templates .footer-filter-template .btn-submit-filter {
    padding: 10px 30px;
    border: 1px solid;
    background: #000;
    color: #fff;
}

.welfare-onlinetemplates .template-detail-wrapper .header-template-detail {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.welfare-onlinetemplates .template-detail-wrapper .header-template-detail h2, .welfare-onlinetemplates .template-detail-wrapper .header-template-detail .sort-templates-by {
    display: inline-block;
}

.welfare-onlinetemplates .template-detail-wrapper .header-template-detail h2 {
    font-weight: 400;
}

.welfare-onlinetemplates .template-detail-wrapper .header-template-detail .sort-templates-by {
    float: right;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper {
    border: 2px solid #eee;
    width: 100%;
    display: inline-block;
    margin: 15px 0;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-detail-content {
    display: block;
    padding: 20px;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-title {
    float: left;
    display: inline-block;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-created-on {
    width: 100%;
    font-size: 12px;
    color: #b7b6b6;
    display: inline-block;
    font-weight: 600;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-title .template-name {
    font-size: 25px;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .download-icon {
    margin-left: 10px;
    color: #ff701e;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .text-download-count {
    font-size: 11px;
    vertical-align: middle;
    color: #ca9c9c;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-title .template-tag {
    display: inline-block;
    width: 100%;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-tag label {
    padding: 5px 10px;
    background-color: #000;
    border: 1px solid #c3bebe;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-logo {
    display: inline-block;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-logo img {
    width: 80px;
    height: 80px;
    border: 3px solid #eee;
    border-radius: 50%;
    padding: 5px;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .creator-template {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-menu-header {
    width: 100%;
    display: inline-block;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-menu-header .nav-tabs, .welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-menu-header .nav-tabs li.active a {
    border-bottom: 2px solid #333;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-menu-header .nav-tabs li.active a {
    border: unset;
    border-bottom: 5px solid #333;
    font-weight: bold;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-menu-header .nav-tabs li a {
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    color: #333;
    border: unset;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-description {
    padding: 20px 0;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-menu-header #photo-item .image-template-preview img {
    border: 1px solid #ccc;
    width: 150px;
    height: 150px;
    padding: 10px;
    background-color: #fff;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-menu-header .tab-pane.active {
    margin: 20px 0 0 0;
    padding: 10px;
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .footer-template-detail {
    padding: 20px;
    border-top: 2px solid #eee;
}

.welfare-onlinetemplates .template-detail-wrapper .sort-templates-by .browse-template-filter {
    display: inline-block;
    width: 160px;
    margin-left: 10px;
}

.welfare-onlinetemplates .template-detail-wrapper .sort-templates-by label {
    color: #b8a6a1;
    font-weight: 600;
}

.welfare-onlinetemplates .template-detail-wrapper .header-template-detail h2 {
    margin: 0 !important;
}

.welfare-onlinetemplates .creator-template .template-rating-wrapper .template-rating {
    display: inline-block;
}

.welfare-onlinetemplates .irs--flat .irs-from, .welfare-onlinetemplates .irs--flat .irs-to {
    color: #a5a5a5 !important;
    font-size: 11px !important;
    font-weight: bold;
    position: relative;
    background-color: transparent !important;
    float: right;
    margin-top: -16px;
    padding: 0;
    left: 0 !important;
}

.welfare-onlinetemplates .irs--flat .irs-from {
    margin-right: 30px !important;
}

.irs--flat .irs-to {
    margin-right: -8px !important;
}

.welfare-onlinetemplates .irs--flat .irs-from:before, .welfare-onlinetemplates .irs--flat .irs-to:before {
    display: none !important;
    content: "-";
}

.welfare-onlinetemplates .irs--flat .irs-bar, .welfare-onlinetemplates .irs--flat .irs-line {
    height: 8px !important;
}

.welfare-onlinetemplates .irs--flat .irs-handle > i:first-child {
    display: none !important;
}

.welfare-onlinetemplates .irs-handle.from, .welfare-onlinetemplates .irs-handle.to {
    -webkit-appearance: none;
    appearance: none;
    width: 15px !important;
    height: 15px !important;
    border-radius: 50%;
    background: #cccccc !important;
    cursor: pointer;
    border: 1px solid;
}

.welfare-onlinetemplates .irs--flat .irs-from:after {
    content: "-";
    padding: 0 5px;
}

.welfare-onlinetemplates .irs--flat .irs-bar {
    background-color: #666 !important;
}

.welfare-onlinetemplates .irs--flat .irs-line {
    background-color: #cccccc !important;
}

.welfare-onlinetemplates .template-content .template-filter-icon span {
    padding: 12px;
}

.welfare-onlinetemplates .template-content .template-filter-icon {
    background-color: #eee;
    width: 35px;
    height: 35px;
    cursor: pointer;
    float: left;
    display: none;
}

.welfare-onlinetemplates .template-rating-wrapper .fa.fa-star-o {
    color: #e90;
}

.welfare-onlinetemplates .template-content .template-filter-icon:focus {
    background-color: #cccccc;
}

.welfare-onlinetemplates .template-detail-wrapper .template-author-detail {
    display: inline-block;
    float: right;
    margin-right: 25px;
}

@media (max-width:992px ) {

    .welfare-onlinetemplates .template-content .filter-templates {
        float: left;
        width: 250px;
        overflow-x: auto;
    }

    .welfare-onlinetemplates .template-content .filter-browse-template {
        width: 350px;
        position: absolute;
        z-index: 1;
        margin-top: -30px;
        margin-left: -296px;
        transition: all 500ms ease-in-out;
    }

    .welfare-onlinetemplates .template-content .template-filter-icon {
        display: block !important;
    }

    .welfare-onlinetemplates .template-content .template-filter-icon.filter-closed {
        position: unset;
    }

    .welfare-onlinetemplates .template-content .filter-browse-template.filter-closed {
        margin-left: -46px;
        transition: all 500ms ease-in-out;
    }

    .welfare-onlinetemplates .template-content .template-filter-icon.selected {
        background-color: #ca9e9e;
    }

    .welfare-onlinetemplates .template-content .template-detail-wrapper {
        width: 100%;
    }

    .welfare-onlinetemplates .template-detail-wrapper {
        padding-left: 0;
    }
}

@media (max-width:1400px) {
    .welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-title {
        width: 50%;
    }
}

@media(max-width:1257px) {
    .welfare-onlinetemplates .filter-templates .footer-filter-template .btn-submit-filter {
        padding: 10px 15px !important;
    }
}

.welfare-onlinetemplates .filter-browse-template {
    padding-left: 0;
}

.welfare-onlinetemplates .template-detail-wrapper {
    padding-right: 0;
}

.siteadmin-administration h4 {
    margin-top: 15px;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 18px;
}

.siteadmin-administration .disabled .administration-content:hover,
.siteadmin-administration .disabled .administration-content a:hover,
.siteadmin-administration .disabled .administration-content:hover .administration-detail,
.siteadmin-administration .disabled .administration-content:hover .administration-detail .description,
.siteadmin-administration .disabled .administration-conten:hover .administration-icon span {
    color: #333 !important;
}

.siteadmin-administration .administration-container.disabled {
    cursor: default;
}

.siteadmin-administration .disabled .administration-content {
    background-color: #f6f6f6;
}

.siteadmin-administration .administration-content {
    border: 1px solid #ddd;
    padding: 10px;
    position: relative;
}

.siteadmin-administration .administration-content a {
    color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding-top: 5px;
}

.siteadmin-administration .administration-content .tag-upgrade {
    position: absolute;
    top: 7px;
    left: 5px;
    line-height: 1.1em;
}

.siteadmin-administration .administration-content:hover .administration-detail, .siteadmin-administration .administration-content:hover .administration-detail .description, .siteadmin-administration .administration-content:hover .administration-icon span {
    color: #2780e3;
}

.siteadmin-administration .administration-site-content .administration-site-container {
    display: flex;
    flex-wrap: wrap;
}

.siteadmin-administration .administration-container .administration-icon {
    padding: 12px;
    display: inline-block;
}

.siteadmin-administration .administration-container .administration-icon span {
    font-size: 40px;
    color: #888;
}

.siteadmin-administration .administration-container .administration-detail {
    width: calc(100% - 74px);
    padding-left: 10px;
    display: inline-block;
}

.siteadmin-administration .administration-container .administration-detail .administration-title {
    font-weight: 600;
    display: inline-block;
    width: 100%;
}

.siteadmin-administration .administration-container .administration-detail .description {
    font-size: 13px;
    color: #888;
    display: inline-block;
    width: 100%;
    font-weight: 300;
}

.siteadmin-administration .administration-container {
    padding: 10px 20px 10px 0;
    cursor: pointer;
}

.siteadmin-administration .administration-content:hover {
    background-color: #f6f6f6;
    transition: all .25s ease-in-out;
}

@media(max-width:1200px) {
    .siteadmin-administration .administration-content {
        min-height: 100px;
    }
}

.welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-tag-wrapper {
    display: inline-block;
    width: 50%;
    float: left;
}

@media(max-width:991px) {
    .siteadmin-administration .administration-container {
        padding-left: 0;
    }
}

@media(max-width:1165px) {
    .welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-title,
    .welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-author-detail {
        width: 100%;
    }

    .welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-author-detail {
        float: left;
    }

    .welfare-onlinetemplates .template-detail-wrapper .template-detail-content-wrapper .template-tag-wrapper {
        margin-top: 10px;
    }
}

@media(max-width:320px) {
    .siteadmin-administration .administration-content a {
        display: inline;
        align-items: unset;
        justify-content: unset;
        text-align: center;
    }

    .siteadmin-administration .administration-container .administration-icon,
    .siteadmin-administration .administration-container .administration-detail {
        display: block;
        width: 100%;
    }
}

.dailyreport-weather-container .weather-location-type {
    color: #999999;
}

.dailyreport-weather-container .detail-weather .read-only-note pre.note-field {
    font-size: 15px;
    font-weight: normal;
    color: inherit;
}

.dailyreport-weather-container.expanded .read-mode, .dailyreport-weather-container .edit-mode {
    display: none;
}

.dailyreport-weather-container .read-mode, .dailyreport-weather-container.expanded .edit-mode {
    display: block;
}

.dailyreport-weather-container .read-mode.detail-weather {
    overflow-y: auto;
}

.welfare-onlinetemplates .template-detail-content-wrapper .tab-content .content-review-template {
    border: 3px solid #eee;
    padding: 15px;
    margin: 10px 0;
}

.welfare-onlinetemplates .template-detail-content-wrapper .reviews-template {
    max-height: 500px;
    overflow-x: auto;
}

.welfare-onlinetemplates .template-detail-content-wrapper .reviews-template .content-review-template .review-description {
    padding-top: 10px;
}

.welfare-onlinetemplates .template-detail-content-wrapper .reviews-template .content-review-template .review-by .review-created {
    font-size: 11px;
    color: #888;
    display: inline;
}

.welfare-onlinetemplates .template-detail-content-wrapper .reviews-template .content-review-template .review-by .author-review {
    font-weight: bold;
}

.welfare-onlinetemplates .template-content .template-menu-header .image-template-preview {
    padding: 10px;
}

@media(max-width:767px) {
    .welfare-onlinetemplates .template-detail-content-wrapper .template-menu-header .nav li {
        border-bottom: unset;
    }

    .welfare-onlinetemplates .template-content .filter-browse-template {
        margin-left: -265px;
    }

    .welfare-onlinetemplates .template-content .filter-browse-template.filter-closed {
        margin-left: -16px;
    }
}

.welfare-onlinetemplates .template-detail-content-wrapper .image-template-preview img {
    width: 200px;
    height: 200px;
    border: 2px solid #eee;
    padding: 10px;
    margin: 10px 0;
}

.lb-container .lb-nav .lb-prev span, .lb-container .lb-nav .lb-next span {
    font-size: 20px;
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    border: 2px solid #aaa;
    border-radius: 50%;
    padding: 10px;
}

.lb-container .lb-nav .lb-next span {
    right: 10px;
    text-align: right;
}

.lb-container .lb-nav .lb-prev span {
    left: 10px;
    text-align: left;
}

.lb-container .lb-nav .lb-icon {
    width: 18px;
    display: inline-block;
    height: 18px;
    color: #aaa;
}

.lb-container .lb-nav .lb-next:hover, .lb-container .lb-nav .lb-prev:hover, .lb-data .lb-closeContainer .lb-close, .welfare-onlinetemplates .template-detail-content-wrapper .image-template-preview a:hover {
    text-decoration: none;
}

.welfare-onlinetemplates .template-detail-content-wrapper .image-template-preview a img:hover {
    border: 1px solid #2780e3;
}

.lb-container .lb-nav .lb-next, .lb-container .lb-nav .lb-prev, .lb-data .lb-closeContainer .lb-close, .lb-cancel {
    background: none;
}

.lb-data .lb-closeContainer .lb-close {
    font-size: 19px;
    font-weight: bold;
    color: #fff;
}

.lb-nav a.lb-next, .lb-nav a.lb-prev {
    opacity: 1 !important;
}

.lightbox .lb-close-wrapper {
    position: absolute;
    right: 5px;
    top: -30px;
}

.lb-loader a.lb-cancel {
    background: none;
}

.welfare-template-checklist .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    font-size: 13px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#default-view .wrapper-daily-report-welfare .form-content .button-back, #default-view .wrapper-daily-report-welfare .form-content .button-expand.small-screen {
    display: none;
}

#default-view .wrapper-daily-report-welfare .form-content .button-expand.large-screen {
    display: block;
}

.dropdown-keyword-container.editor-resource-keyword .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search {
    width: 100%;
}


@media(max-width: 991px) {
    #default-view .section-mode .editor-configuration {
        padding-top: 0;
    }
}


@media(min-width: 992px) {
    #default-view .editor-configuration .tab-configuration {
        display: flex;
        align-items: center;
    }

    #default-view .editor-configuration {
        display: flex;
        align-items: center;
    }

    #default-view .section-mode .editor-configuration {
        padding-top: 13px;
    }
}

@media(max-width: 991px) {
    #default-view .editor-configuration .tab-configuration {
        display: none;
    }
}

#default-view .editor-configuration {
    width: 100%;
    background-color: #fff;
}

#default-view .template-mode .editor-configuration,
#default-view .timeline-mode .editor-configuration {
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
}

#default-view .timeline-mode.scrolled .template-entry-section .editor-configuration {
    margin-bottom: 5px;
}

#default-view .timeline-mode .template-entry-section .editor-configuration {
    margin-bottom: 8px;
}

#default-view .hr-header {
    margin-top: 10px;
}

#default-view .timeline-mode .hr-header,
#default-view .section-mode .hr-header {
    margin-bottom: 0;
}

#default-view .timeline-mode .welfare-entries-view .animated-container,
#default-view .section-mode .welfare-entries-view:not(.show-all-data) .animated-container {
    margin-top: 30px;
}

#default-view .section-mode .editor-configuration {
    padding-left: 35px;
    padding-bottom: 13px;
    padding-right: 15px;
    border: 1px solid #ccc;
}


#default-view .editor-configuration .label-configuration {
    margin-right: 10px;
}

#default-view .editor-configuration button {
    padding-bottom: 3px;
    padding-top: 3px;
}

#default-view .editor-configuration .label-configuration i {
    margin-left: 5px;
}

#default-view .editor-configuration .tab-configuration button {
    width: 80px;
}

#default-view .section-mode .section-view-entry > .welfare-detail-container > .welfare-content > .animal-header-container,
#default-view .timeline-mode .welfare-detail-container .animal-header-container {
    margin-bottom: 15px;
}

#default-view .spinner-refresh {
    display: none;
}



@keyframes infinite-spinning {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


#default-view .editor-configuration .tab-configuration a {
    padding-left: 10px;
    padding-right: 10px;
}

#default-view .editor-configuration button:focus {
    outline: none;
}

#default-view .editor-configuration button.selected {
    background-color: #888 !important;
    border: 1px solid #888 !important;
}

#default-view .welfare-header-detail .open > div {
    color: #2780e3;
}

#default-view .template-mode .hide-in-template-view,
#default-view .timeline-mode .hide-in-timeline-view,
#default-view .chart-mode .hide-in-chart-view {
    display: none !important;
}


@media(min-width: 992px) {
    .device-safari .daily-report-container .daily-report-wrapper-container, .device-ie .daily-report-container .daily-report-wrapper-container, .device-ie-edge .daily-report-container .daily-report-wrapper-container {
        width: 50px;
    }

    .device-safari .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-ie .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-ie-edge .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-ios .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed {
        position: fixed;
        top: 50px;
    }

    .device-safari.warning-gracePeriod .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-safari.warning-deactivated .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-safari.warning-temporary-extension .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-safari.warning-deactivated-animal-limit .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-ie.warning-gracePeriod .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-ie.warning-deactivated .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-ie.warning-temporary-extension .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-ie.warning-deactivated-animal-limit .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-ie-edge.warning-gracePeriod .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-ie-edge.warning-deactivated .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-ie-edge.warning-temporary-extension .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-ie-edge.warning-deactivated-animal-limit .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-ios.warning-gracePeriod .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-ios.warning-deactivated .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-ios.warning-temporary-extension .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed,
    .device-ios.warning-deactivated-animal-limit .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container.fixed {
        top: 77px;
    }
}

@media(max-width: 1200px) and (min-width: 992px) {
    #default-view .welfare-container .welfare-detail-container {
        padding: 0 20px 20px 20px;
    }

    #default-view .wrapper-daily-report-welfare .form-content .button-expand {
        left: -36px;
    }

    #default-view .wrapper-daily-report-welfare.template-mode .welfare-template-list,
    #default-view .wrapper-daily-report-welfare.timeline-mode .timeline-list,
    #default-view .wrapper-daily-report-welfare.section-mode .sidebar-sections-list {
        padding: 0;
    }
}

@media(min-width: 375px) and (max-width: 767px) {
    #default-view .sidebar-container {
        padding-right: 15px;
    }

    #default-view .chart-mode .form-content {
        padding-left: 15px;
    }
}

@media(max-width:374px) {
    #default-view .sidebar-container,
    #default-view .section-mode .form-content,
    #default-view .timeline-mode .form-content,
    #default-view .template-mode .form-content,
    #default-view .chart-mode .container-box-chart,
    #default-view .chart-view .graph-chart {
        padding: 0px;
    }

    #default-view .chart-mode .form-content {
        padding: 15px;
    }

    #default-view .chart-mode .row {
        margin: 0;
    }
}

@media(min-width: 375px) {
    #default-view .chart-mode .container-box-chart {
        padding-right: 15px;
    }

    #default-view .chart-view .graph-chart {
        padding-left: 15px;
    }
}

@media(max-width: 991px) {
    #default-view .checklist-detail .created-by {
        display: block;
        margin-bottom: 6px;
    }
}

@media(min-width: 992px) {
    .daily-report-container .list-group .wrapper-container a i {
        display: table-cell;
        font-size: 18px;
    }

    .daily-report-container .daily-report-wrapper-container {
        vertical-align: top;
        display: table-cell;
        background: #222222;
        width: 35px;
    }

    .daily-report-container .list-group .wrapper-container a {
        height: 50px;
        width: 50px;
        display: table;
        padding: 0px;
    }
}

@media(max-width: 991px) and (orientation:portrait) {
    .sidebar-sections-list .list-container {
        max-height: calc(100vh - 420px) !important;
    }

    #default-view .wrapper-daily-report-welfare .btn-sidebar {
        top: 300px;
    }

    .device-ios #default-view .wrapper-daily-report-welfare .btn-sidebar {
        top: 250px !important;
    }
}

@media(max-width: 991px) and (orientation: landscape) {
    .sidebar-sections-list .list-container {
        max-height: calc(100vh - 200px);
    }

    #default-view .wrapper-daily-report-welfare .btn-sidebar {
        top: 230px !important;
    }

    .device-ios #default-view .wrapper-daily-report-welfare .btn-sidebar {
        top: 180px !important;
    }
}

@media(max-width: 991px) {
    #default-view .welfare-container .welfare-detail-container {
        padding: 0px;
    }

    .notes-container .note-welfare-container .edit-field-container .form-group:not(.note-tagging) {
        width: 100%;
    }

    #default-view .wrapper-daily-report-welfare .form-content .button-expand {
        display: none !important;
    }

    #default-view .wrapper-daily-report-welfare .form-content .button-back {
        display: block !important;
        cursor: pointer;
        color: #2680e3;
        margin-bottom: 15px;
    }

    #default-view .welfare-detail-container .section-card-detail .section-name,
    #default-view .welfare-detail-container .animal-card-detail .animal-name-container {
        font-size: 15px;
    }

    #default-view .template-header h2 {
        font-size: 24px;
    }

    #default-view .wrapper-daily-report-welfare .welfare-entries-view.animal .animal-card-picture,
    #default-view .wrapper-daily-report-welfare .welfare-entries-view.animal .animal-card-detail,
    #default-view .wrapper-daily-report-welfare .welfare-entries-view .section-card-picture,
    #default-view .wrapper-daily-report-welfare .welfare-entries-view .section-card-detail {
        display: inline-block;
        padding-top: 5px;
    }

    #default-view .timeline-mode .editor-configuration,
    #default-view .template-mode .editor-configuration {
        display: none;
    }

    .multipleStickyWrap .welfare-header {
        flex-direction: column;
    }


    #default-view .wrapper-daily-report-welfare.content-active .sidebar-container,
    #default-view .wrapper-daily-report-welfare .form-content,
    #default-view .wrapper-daily-report-welfare .container-btn-sidebar {
        display: none;
    }

    #default-view .wrapper-daily-report-welfare:not(.chart-mode).content-active .container-btn-sidebar {
        display: block !important;
    }

    #default-view .wrapper-daily-report-welfare .sidebar-container,
    #default-view .wrapper-daily-report-welfare.content-active .form-content,
    #default-view .wrapper-daily-report-welfare.chart-mode .form-content {
        display: block;
        flex-grow: 1;
    }

    #default-view .wrapper-daily-report-welfare.template-mode .welfare-template-list,
    #default-view .wrapper-daily-report-welfare.timeline-mode .timeline-list,
    #default-view .wrapper-daily-report-welfare.section-mode .sidebar-sections-list {
        background: #fff;
        padding: 15px;
        min-height: 400px;
    }

    #default-view .welfare-detail-container .section-header-container,
    #default-view .welfare-detail-container .template-header-container {
        padding-right: 15px;
    }

    .wrapper-daily-report-welfare .header .line {
        background: unset;
    }

    #daily-report-header h2 {
        display: block;
    }

    #daily-report-header .flags-container {
        position: relative;
    }

    #daily-report-header .daily-report-importance, #daily-report-header .flags-container {
        display: block;
    }

    #daily-report-header .daily-report-importance {
        padding-bottom: 10px;
    }

    #daily-report-header .flags-container {
        padding-top: 0;
        float: left;
    }

    #daily-report-header .flags-container .flags {
        text-align: left !important;
    }

    #daily-report-header .flags-container label {
        float: left;
    }

    #daily-report-header .flags-container .color-picker {
        display: inline-block;
        width: 100%;
    }

    #daily-report-header .flags-container .flag-labels, #daily-report-header .flags-container .flag-labels .flag-daily-report .dropdown {
        float: left;
        text-align: left;
    }

    #daily-report-header .flags-container:after {
        content: ' ';
        display: block;
        clear: both;
    }

    #daily-report-header .flags-container .dropdown.open .dropdown-menu {
        left: 0;
        right: unset;
    }

    .sidebar-sections-list .list-container {
        height: auto;
    }

    .sidebar-sections-list.on-search .list-menu-section-view.search-result {
        display: block !important;
    }

    .sidebar-sections-list.on-search .list-menu-section-view {
        display: none;
    }

    .wrapper-daily-report-welfare .arrow-next {
        padding-right: 20px;
        top: 93px;
    }

    .wrapper-daily-report-welfare .arrow-next,
    .wrapper-daily-report-welfare .sidebar-container .header-time,
    .wrapper-daily-report-welfare .header .hour-time {
        background-color: #fff;
    }

    .wrapper-daily-report-welfare .sidebar-container .header-time {
        top: -1px;
    }

    .wrapper-daily-report-welfare .arrow-next {
        right: 28px;
    }

    .welfare-template-list .list-template-container,
    .wrapper-daily-report-welfare .timeline-template {
        max-height: calc(100vh - 225px);
        height: auto;
    }

    #default-view .welfare-menu-navbar {
        flex-basis: 20%;
    }

    #default-view .sidebar-welfare-container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: row;
    }

    .daily-report-container .list-group .wrapper-container a i {
        font-size: 20px;
    }

    .daily-report-container .daily-report-wrapper-container .list-group {
        margin-bottom: 0px;
    }

    .daily-report-container .daily-report-wrapper-container {
        position: sticky;
        position: -webkit-sticky;
        z-index: 702;
        width: 100%;
        bottom: 0;
    }

    .daily-report-container .daily-report-wrapper-container.relative {
        position: relative !important;
    }

    .body-dailyreport-edit .feedback_trigger.fm_bootstrap.left-bottom,
    .body-dailyreport-edit #scrollUp {
        bottom: 75px !important;
    }

    #default-view .chart-mode .sidebar-container {
        display: none !important;
    }

    #default-view .no-welfare-content-container {
        padding: 0 15px 30px;
    }
}

#default-view .template-view-detail .measurement-wrapper .measurement-container .measurement-list-container, #default-view .welfare-template-checklist .template-view-detail .list-container .checklist-dropdown-inner {
    display: none;
}

@media(max-width: 479px) {
    #daily-report-header .flags-container .flag-labels {
        float: none;
    }

    #default-view .welfare-container .welfare-detail-container .welfare-note-detail,
    #default-view .template-view .notes-container .animal-container,
    #default-view .welfare-template-checklist .checklist-content-name,
    #default-view .welfare-detail-container .table-measurement {
        padding-left: 0;
    }

    #default-view .template-view-detail .measurement-schedule,
    #default-view .measurement-schedule-wrapper {
        width: 100% !important;
    }

    #default-view .welfare-detail-container .card-detail-template {
        width: 150px;
    }

    .daily-report-container .daily-report-wrapper-container .sidebar-welfare-container .tooltip {
        display: none !important;
    }

    #default-view .welfare-detail-container .measurement-container .dropdown-field {
        top: 25px;
    }

    #default-view .welfare-template-checklist .template-view-detail .list-container .dropdown-field i,
    #default-view .welfare-detail-container .measurement-container .dropdown-field i {
        text-align: right;
        display: block;
        vertical-align: middle;
        padding: 10px 20px;
    }

    #default-view .welfare-detail-container .section-header-container,
    #default-view .welfare-detail-container .animal-header-container,
    #default-view .welfare-detail-container .template-header-container,
    #default-view .sidebar-container {
        flex-basis: auto;
    }

    #default-view .wrapper-daily-report-welfare.template-mode .welfare-entries-view,
    #default-view .wrapper-daily-report-welfare.timeline-mode .welfare-entries-view,
    #default-view .wrapper-daily-report-welfare.section-mode .welfare-entries-view {
        padding: 0;
    }


    .wrapper-daily-report-welfare .arrow-next,
    .wrapper-daily-report-welfare .header .hour-time {
        padding: 0;
    }

    .wrapper-daily-report-welfare .measurement-title {
        max-height: 150px;
    }

    #default-view .welfare-template-checklist .checklist-content-name {
        float: unset;
        width: 100%;
    }

    #default-view .welfare-template-checklist .checklist-column-header,
    #default-view .welfare-template-calculated-measurement .calculated-measurement-column-header {
        min-height: 10px !important;
    }

    #default-view .welfare-template-checklist .template-view-detail .list-container .animal-inner-card,
    #default-view .welfare-template-checklist .template-view-detail .list-container .detail-section-card {
        width: 150px;
    }

    .daily-report-audit-fields.created-by-container .daily-report-audit-field.daily-report-audit-user {
        width: 100%;
    }

    #default-view .welfare-template-checklist .template-view-detail .list-container .checklist-dropdown-inner label {
        line-height: 39px;
    }

    #default-view .welfare-template-checklist .template-view-detail .list-container.show-field .checklist-dropdown-inner {
        padding-top: 20px;
        display: block !important;
    }

    #default-view .template-view-detail .measurement-wrapper .measurement-container .measurement-list-container.show-field {
        display: block !important;
    }

    #default-view .welfare-content .measurements-container,
    #default-view .welfare-content .template-measurements-container,
    #default-view .welfare-content .template-calculated-measurements-container,
    #default-view .welfare-detail-container #templates-container,
    #default-view .welfare-content .checklist-container,
    #default-view .welfare-content .notes-container,
    #default-view .welfare-detail-container .animal-header-container {
        padding-left: 10px;
        padding-right: 10px
    }
}

.measurement-types-container .custom-level-container {
    background: #eee;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 20px;
}

.measurement-types-container .custom-level-container .custom-level-item-template {
    display: none;
}

#measurement-custom-level-form .list-measurement-custom-level-items:after {
    content: ' ';
    display: block;
    clear: both;
}

.measurement-types-container .custom-level-container textarea, .custom-level-items-container .item-detail textarea {
    width: 100%;
    float: right;
    margin-right: 8px;
}

.custom-level-items-container .valign-middle-custom-level,
.measurement-types-container .custom-level-container .valign-middle-custom-level {
    margin-top: 5px;
    display: flex;
    align-items: center;
    width: 100%;
}

.custom-level-items-container .row-field-custom-level {
    display: inline-block;
    width: 100%;
}

.custom-level-items-container .remove-container {
    margin-left: 12px;
}

#measurement-tab .custom-level-sort-type-container label {
    display: inline-block;
}

@media(min-width: 768px){
    #measurement-modal .custom-level-items-container .row-field-custom-level,
    .measurement-item.modal .custom-level-items-container .row-field-custom-level,
    .measurement-template-modal .custom-level-items-container .row-field-custom-level,
    #measurement-tab .custom-level-items-container .row-field-custom-level {
        width: 90%;
    }

    #measurement-modal .custom-level-items-container .valign-middle-custom-level,
    .measurement-item.modal .custom-level-items-container .valign-middle-custom-level,
    .measurement-template-modal .custom-level-items-container .valign-middle-custom-level,
    #measurement-tab .custom-level-items-container .valign-middle-custom-level {
        margin-left: 10%;
    }


    #measurement-modal .custom-level-sort-type-container .label-priority,
    .measurement-item.modal .custom-level-sort-type-container .label-priority,
    #measurement-template-modal .custom-level-sort-type-container .label-priority{
        width: 10%;
    }

    #measurement-tab .custom-level-sort-type-container label {
        width: 11% !important;
    }
}

@media(min-width: 480px) and (max-width: 767px){
    #measurement-modal .custom-level-items-container .row-field-custom-level,
    .measurement-item.modal .custom-level-items-container .row-field-custom-level,
    .measurement-template-modal .custom-level-items-container .row-field-custom-level,
    #measurement-tab .custom-level-items-container .row-field-custom-level {
        width: 80%;
    }

    #measurement-modal .custom-level-items-container .valign-middle-custom-level,
    .measurement-item.modal .custom-level-items-container .valign-middle-custom-level,
    .measurement-template-modal .custom-level-items-container .valign-middle-custom-level,
    #measurement-tab .custom-level-items-container .valign-middle-custom-level {
        margin-left: 20%;
    }


    #measurement-modal .custom-level-sort-type-container .label-priority,
    .measurement-item.modal .custom-level-sort-type-container .label-priority,
    .measurement-template-modal .custom-level-sort-type-container .label-priority {
        width: 18%;
    }

    #measurement-tab .custom-level-sort-type-container label {
        width: 19% !important;
    }
}

@media(min-width: 480px) {
    .custom-level-items-container .valign-middle-custom-level,
    .measurement-types-container .custom-level-container .valign-middle-custom-level {
        margin-left: 15px;
    }

    .measurement-types-container .custom-level-container span.display-number,
    .custom-level-items-container .item-detail span.display-number {
        color: #666;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .copy-merge-measurement-container .custom-level-inner-container .item-detail .field-custom-level-container .valign-middle-custom-level {
        margin-top: 0;
    }

    .copy-merge-measurement-container .custom-level-inner-container .item-detail span.field-validation-error {
        position: absolute;
        top: 100%;
    }

    .copy-merge-measurement-container .custom-level-inner-container .item-detail .field-custom-level-container span.display-number {
        position: relative;
        transform: initial;
    }
}

@media(max-width: 479px) {
    .measurement-types-container .custom-level-container textarea, .custom-level-items-container .item-detail textarea {
        margin-right: 4px;
    }

    .measurement-types-container .custom-level-container span.display-number, .custom-level-items-container .item-detail span.display-number {
        margin-left: 18px;
    }

    .custom-level-items-container .valign-middle-custom-level,
    .measurement-types-container .custom-level-container .valign-middle-custom-level {
        margin-left: 15px;
    }

    select.form-control#MeasurementCustomLevelSortType {
        display: block;
        width: 92%;
    }
}

.copy-merge-measurement-container .custom-level-inner-container .item-detail .field-custom-level-container span.display-number:before{
    display: block;
    position: absolute;
    left: -10px;
}

.measurement-types-container .custom-level-container span.display-number:before, .custom-level-items-container .item-detail span.display-number:before {
    content: '#';
    display: inline-block;
}

.measurement-types-container .custom-level-container .remove-container a, .measurement-template-wrapper .remove-container a {
    color: #666;
}

.custom-level-items-container .item-detail,
.measurement-types-container .custom-level-container .item-detail {
    margin-bottom: 10px !important;
    padding: 0 10px !important;
}

.custom-level-items-container .item-detail .drag-handle,
.measurement-types-container .custom-level-container .drag-handle {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 100%;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: url(/Content/images/hand-open.cur), move;
    background-position: center;
    background-repeat: no-repeat;
}

@media(max-width: 479px) {
    .custom-level-items-container .item-detail .drag-handle,
    .measurement-types-container .custom-level-container .drag-handle {
        margin-top: 3px;
        margin-bottom: 3px;
        padding-left: 5px;
        background-repeat: repeat-y;
    }

    .custom-level-items-container .item-detail,
    .measurement-types-container .custom-level-container .item-detail {
        margin-bottom: 15px;
        padding-left: 3px;
    }

    .measurement-content-wrapper {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .custom-level-items-container .item-detail .drag-handle {
        height: 20px;
    }
}

.custom-level-sort-type-container {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.custom-level-sort-type-container label{
    padding-top: 11px;
}

.custom-level-container .custom-level-sort-type-container label {
    margin-left: 5px;
}

.measurement-types-container .custom-level-container .add-custom-level-item {
    margin-left: 10px;
}

.custom-level-sort-type-container select {
    display: inline-block;
    width: 200px;
    margin-left: 10px;
}

.card-detail-template span.schedule {
    display: inline-block;
    width: 100%;
}

.popup-wizard .setup-facility {
    width: 170px;
}

.popup-wizard .setup-facility, .popup-wizard .skip-btn {
    border: 1px solid #ccc;
    border-radius: 25px;
    background-color: #2780e3;
    font-weight: bold;
}

.welcome-wizard .carousel-dont-show-container {
    bottom: 50px !important;
}

.popup-wizard .skip-btn {
    background-color: #fff;
}

.popup-wizard .skip-btn:hover {
    color: #222222;
}

.introjs-tooltip .checkbox {
    float: left;
}

.popup-wizard .button-container {
    text-align: center;
}

.introjs-tooltip .checkbox-intro {
    margin-left: -20px !important;
    width: 128px;
    cursor: pointer;
}

.popup-wizard .setup-facility:focus, .popup-wizard .skip-btn:focus {
    outline: none;
}

.introjs-tooltip .introjs-button:focus {
    text-decoration: none;
    outline: none !important;
}

.introjs-button.introjs-prevbutton {
    max-width: 50px !important;
    min-width: 10px !important;
    width: auto !important;
    padding-right: 0 !important;
}

.introjs-button {
    border: none !important;
    background-color: transparent !important;
    background-image: none !important;
    width: 10px !important;
    text-transform: uppercase;
}

.introjs-disabled, .introjs-disabled:focus, .introjs-disabled:hover {
    background-color: transparent !important;
}

.introjs-button:hover {
    box-shadow: none !important;
}

.introjs-skipbutton {
    float: left;
    position: absolute !important;
    font-size: 15px !important;
    top: 1.8px;
    right: 0px;
    padding: 10px !important;
}

.introjs-tooltip {
    padding: 20px !important;
}

.introjs-progress {
    width: 95%;
    height: 5px !important;
}

.introjs-progressbar {
    background-color: #dcb24c !important;
}

.introjs-nextbutton {
    float: right;
    margin-right: 25px !important;
}


.introjs-tooltiptext {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}

.introjs-tooltip .checkbox label::before {
    width: 15px !important;
    height: 15px !important;
}

introjs-tooltip .checkbox input ~ label {
    padding-left: 0 !important;
    font-size: 12px;
    line-height: 1.4;
}

.introjs-tooltip .view-pipe {
    border-left: 2px solid #999;
    display: inline-block;
    height: 20px;
    margin-top: 9px;
    width: 20px !important;
}

.introjs-prevbutton {
    padding-right: 20px !important;
}

.introjs-tooltip .checkbox label::after {
    margin-left: -23px !important;
}

.help-icon-inline {
    display: inline-block;
    margin-left: 2px;
}

.help-icon.help-icon-align-top {
    vertical-align: top;
}

.help-icon.help-icon-align-middle {
    vertical-align: middle;
}

.help-icon {
    color: #91d429 !important;
    cursor: pointer;
    text-decoration: none !important;
}

.help-icon.lg-help-icon {
    font-size: 24px !important;
}

.help-icon.md-help-icon {
    font-size: 23px !important;
}

.help-icon.sm-help-icon {
    font-size: 20px !important;
}

.help-icon.xs-help-icon {
    font-size: 18px !important;
}

.introjs-prevbutton, .introjs-nextbutton {
    color: #2780e3 !important;
}

.introjs-nextbutton:before {
    content: '|';
    padding-right: 10px;
    color: #000;
}

.introjs-tooltipbuttons .checkbox input ~ label {
    padding-left: 0 !important;
    font-size: 12px;
    line-height: 1.4;
}

.introjs-disabled {
    color: #9a9a9a !important;
}

.introjs-tooltip .checkbox {
    margin-bottom: 0 !important;
}

.welcome-wizard .skip-btn {
    min-width: 100px;
}

.welcome-wizard .button-container label {
    padding: 5px;
    text-transform: lowercase;
}

.form-user .checkbox-forMobile {
    display: none;
    font-weight: bold;
    line-height: 1;
}

.introjs-tooltip {
    min-width: 260px !important;
}

.introjs-tooltipbuttons {
    padding-top: 13px;
}

.resize-popover.popover {
    max-width: 520px;
}

.checkout-popover-resize .popover-content hr {
    margin-top: 6px;
    margin-bottom: 6px;
}

.checkout-popover-resize .popover-content > hr:last-child {
    display: none !important;
}

.checkout-popover-resize .popover-content {
    padding-top: 15px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.measureemnt-popover-resize .popover-content,
.welfare-popover-resize .popover-content {
    max-height: 250px;
    max-width: 500px;
    overflow: auto;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 15px !important;
}

.welfare-popover-resize .view-description {
    margin-bottom: 0;
    margin-top: 5px;
}

.welfare-popover-resize .view-description i.fa-external-link {
    margin-left: 3px;
}

@media(max-width: 435px) {
    .welcome-wizard .button-container .btn {
        display: inline;
    }

    .welcome-wizard .skip-btn {
        min-width: 100px;
    }

    .welcome-wizard .carousel .carousel-inner .item.welcome-text {
        padding: 0px 0 100px 0 !important;
    }
}

@media(max-width: 374px) {
    .welcome-wizard .wizard-content iframe {
        width: 250px
    }

    .resize-popover.popover {
        max-width: 250px;
    }

    .checkout-popover-resize.resize-popover.popover {
        width: 265px;
    }


    .welfare-popover-resize .popover-content {
        max-height: 220px;
        max-width: 220px;
        overflow: auto;
    }
}

@media(min-width: 375px) {
    .resize-popover.popover {
        max-width: 300px;
    }


    .checkout-popover-resize.resize-popover.popover {
        min-width: 265px;
    }

    .measurement-unit-popover.resize-popover.popover {
        width: 340px;
    }

    .welfare-popover-resize .popover-content,
    .measurement-unit-popover .popover-content {
        overflow: auto;
    }

    .measurement-unit-popover .popover-content {
        max-height: 300px;
    }

    .welfare-popover-resize .popover-content {
        max-width: 280px;
        max-height: 250px;
    }
}

@media(min-width: 375px) and (max-width: 500px) {
    .welcome-wizard .wizard-content iframe {
        width: 300px
    }
}

@media(max-width: 991px) {
    .form-user .checkbox-forMobile {
        display: block !important;
    }
}

@media(min-width: 992px) {
    #default-view a.welfare-instruction {
        cursor: default;
    }

    #default-view .table-entry a.welfare-instruction {
        margin-left: auto;
    }
}

#default-view a.welfare-instruction {
    color: #333;
    margin-left: 5px;
}

#default-view a.welfare-instruction:hover, #default-view a.welfare-instruction:focus {
    color: #333;
}

#default-view .welfare-detail-container .goal-measurement-warning, #default-view .welfare-detail-container .goal-calculated-measurement-warning {
    color: #ff9900;
}

#default-view .welfare-detail-container .measurement-entity-value > .goal-measurement-warning {
    position: relative;
    transform: none;
}

#default-view .welfare-detail-container .measurement-entity-value > .value {
    flex: 1;
}

#default-view .welfare-detail-container .measurement-entity-item .template-info .schedule-measurement {
    display: inline-block;
}


#default-view .welfare-detail-container .measurement-entity-value.invalid > .goal-measurement-warning {
    display: inline-block;
    margin-right: 10px;
}

#default-view .welfare-detail-container .measurement-entity-value {
    display: flex;
    align-items: baseline;
}

#default-view .welfare-detail-container .goal-measurement-warning {
    position: absolute;
    transform: translate(0, -50%);
    display: none;
}

#default-view .welfare-detail-container .label-prev-day {
    position: absolute;
    display: none;
    color: #aaa;
}

#default-view .detail-calculated-measurement .goal-calculated-measurement-warning {
    margin-left: 10px;
}

#default-view .welfare-detail-container .prev-value-time .label-prev-day {
    display: block !important;
}

#default-view .measurement-for-timeline .goal-measurement-warning {
    top: 22px;
}

#default-view .template-schedule-select {
    position: relative;
    z-index: 1;
}


@media(min-width: 992px) {
    #default-view .measurement-for-timeline .goal-measurement-warning {
        left: 22px;
    }

    #default-view .measurement-section-view .goal-measurement-warning,
    #default-view .measurement-template-view .goal-measurement-warning {
        top: 32px;
    }

    #default-view .measurement-section-view .target-custom-level .goal-measurement-warning,
    #default-view .measurement-template-view .target-custom-level .goal-measurement-warning {
        top: 33px;
    }

    #default-view .measurement-template-view .label-prev-day,
    #default-view .measurement-section-view .label-prev-day {
        top: 22px;
    }

    #default-view .measurement-for-timeline .label-prev-day {
        top: 10px;
    }
}

@media(max-width: 991px) {
    #default-view .measurement-for-timeline .goal-measurement-warning {
        left: 10px;
    }

    #default-view .measurement-template-view .goal-measurement-warning {
        top: 76px
    }

    #default-view .measurement-section-view .goal-measurement-warning {
        top: 97px;
    }

    #default-view .measurement-for-timeline .label-prev-day {
        top: 10px;
    }

    #default-view .measurement-section-view .label-prev-day {
        top: 74px;
    }

    #default-view .measurement-template-view .label-prev-day {
        top: 69px;
    }

    #default-view .measurement-template-view .target-custom-level .goal-measurement-warning {
        top: 83px;
    }
}

@media(min-width: 992px) {
    #default-view .measurement-section-view .goal-measurement-warning,
    #default-view .measurement-template-view .goal-measurement-warning {
        left: 27px;
    }

    #default-view .measurement-section-view .target-custom-level .goal-measurement-warning,
    #default-view .measurement-template-view .target-custom-level .goal-measurement-warning {
        left: 30px;
    }

    .wrapper-daily-report-welfare .required-checklist {
        left: 30px;
    }
}

@media(max-width: 991px) {
    #default-view .measurement-section-view .target-custom-level .goal-measurement-warning,
    #default-view .measurement-template-view .target-custom-level .goal-measurement-warning,
    #default-view .measurement-section-view .goal-measurement-warning,
    #default-view .measurement-template-view .goal-measurement-warning,
    .wrapper-daily-report-welfare .required-checklist {
        left: 10px;
    }
}

#default-view .measurement-template-view .target-container.invalid input, #default-view .measurement-template-view .target-container.invalid select, #default-view .measurement-template-view .target-container.invalid .select2-selection.select2-selection--single, #default-view .measurement-section-view .target-container.invalid input, #default-view .measurement-section-view .target-container.invalid select, #default-view .measurement-section-view .target-container.invalid .select2-selection.select2-selection--single {
    padding-left: 28px;
}

#default-view .measurement-for-timeline .target-container.invalid input, #default-view .measurement-for-timeline .target-container.invalid select, #default-view .measurement-for-timeline .target-container.invalid .select2-selection.select2-selection--single {
    padding-left: 26px;
}

#default-view .target-container.invalid .goal-measurement-warning {
    display: inline-block !important;
}

#default-view .target-container.invalid .select2-selection__rendered {
    padding-right: 30px !important;
    padding-left: 0px !important;
}

#default-view .target-container.invalid select {
    padding-right: 40px;
}

#default-view .target-container.invalid input, #default-view .target-container.invalid select, #default-view .target-container.invalid .select2-selection.select2-selection--single {
    border-bottom: 3px solid #ff9900 !important;
}


#default-view .note-welfare-container .description-note {
    position: relative;
    padding: 5px 0;
}

#default-view .note-welfare-container .description-note.no-shorted-instruction .more,
#default-view .note-welfare-container .description-note.no-shorted-instruction .less {
    display: none !important;
}

#default-view .note-welfare-container .description-note .glyphicon-info-sign {
    position: absolute;
    top: 10px;
    left: 0;
}

#default-view .note-welfare-container .description-note a.label-more-less,
#default-view .note-welfare-container .description-note .instruction-content-container {
    padding: 0 25px;
}

#default-view .welfare-header.template-header .description-template .instruction-content,
#default-view .note-welfare-container .description-note .instruction-content {
    font-style: italic;
    color: #aaa;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#default-view .note-welfare-container .description-note.full .instruction-content {
    -webkit-line-clamp: unset;
}

#default-view .note-welfare-container .description-note .shorted-instruction.instruction-ellipsis {
    line-height: 1.5em;
    height: 3em; /* height is 2x line-height, so two lines will display */
    overflow: hidden;
}

#default-view .welfare-header.template-header .description-template.full a.less,
#default-view .welfare-header.template-header .description-template a.more,
#default-view .note-welfare-container .description-note a.less,
#default-view .note-welfare-container .description-note.full a.less {
    display: block;
}

#default-view .note-welfare-container .description-note.all a.less,
#default-view .note-welfare-container .description-note.all a.more,
#default-view .welfare-header.template-header .description-template.full a.more,
#default-view .welfare-header.template-header .description-template a.less,
#default-view .note-welfare-container .description-note.full a.more,
#default-view .note-welfare-container .description-note a.less {
    display: none;
}


#default-view .welfare-container .welfare-detail-container .welfare-note-detail .edit-field-container .time-schedule-note {
    font-size: 13px;
    color: #888;
}

.copy-goal-to-container .checkbox.checked-all label {
    line-height: 1;
    padding-left: 10px;
}

.copy-goal-to-container .checkbox.checked-all label::after {
    line-height: 1.5;
}

.copy-goal-to-container .checkbox.checked-all {
    padding-bottom: 10px;
}

.view-measurement-dropdown .select2-results__option,
.select-measurement-dropdown .select2-results__option,
.select-welfare-measurement-item .select2-results__option,
.select-calculated-measurement-dropdown .select2-results__option,
.select2-calculated-measurement-time-item .select2-results__option,
.select-welfare-measurement-item .select2-results .no-record-found,
.add-measurement .dropdown-menu > li > a {
    padding-left: 10px;
}

.select2-calculated-measurement-time-item .select2-results__option {
    padding-right: 10px;
}

.badge-icon-measurement {
    padding: 8px;
    margin-right: 5px;
}

.badge-icon-measurement.icon-align-baseline,
.formula-outer-container .suggestion-container .badge-icon-measurement,
.select2-dropdown .select2-measurement-item-name .badge-icon-measurement {
    position: relative;
    top: 2px;
}

.sym-measurement {
    background-image: url('https://files.animalcaresoftware.com/images/icon-measurement-192px.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.sym-calculated {
    background-image: url('https://files.animalcaresoftware.com/images/icon-measurement-calculated-192px.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.sym-custom-level {
    background-image: url('https://files.animalcaresoftware.com/images/icon-measurement-custom-level-192px.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.sym-time {
    background-image: url('https://files.animalcaresoftware.com/images/icon-measurement-time-192px.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.sym-measurement-template {
    background-image: url('https://files.animalcaresoftware.com/images/icon-measurement-template-192px.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

#default-view .timeline-mode .table-measurement .template-name,
#default-view .section-mode .detail-measurement .measurement-list-container .template-name {
    text-align: justify;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal;
    display: -webkit-box;
}

#default-view .section-mode .table-entry .template-name,
#default-view .welfare-checklist-detail .template-name,
#default-view .template-info .template-name {
    font-size: 13px;
    color: #aaa;
    margin-right: 2px;
}

#default-view .label-welfare-entity {
    margin-bottom: 0 !important;
}

.time-schedule-template-info span {
    display: inline-block;
}

#default-view .welfare-checklist-detail .template-name:before,
.time-schedule-template-info span.template-info:before {
    display: inline-block;
    color: #aaa;
    margin-right: 5px;
}

.dailyreport-edit #default-view .welfare-checklist-detail .template-name:before {
    content: '|';
}

.dailyreport-edit #default-view .welfare-checklist-detail .template-name,
.time-schedule-template-info span.template-info {
    margin-left: 5px;
}

.dailyreport-edit .custom-dropdown-filter .accordion li[data-parent-group] .accordion-trigger {
    padding-inline: 15px;
    border-bottom: 1px solid #eee;
    background: transparent;
    padding-block: 0px;
    height: 30px;
}

.dailyreport-edit .custom-dropdown-filter .accordion li#current-daily-report:not(.open) .accordion-trigger {
    border-bottom: none !important;
}

.template-mode .general-note-wrapper .template-info {
    display: none !important;
}


#default-view .wrapper-daily-report-welfare .common-name, #default-view .wrapper-daily-report-welfare .species {
    display: -webkit-box;
}

#default-view .wrapper-daily-report-welfare .animal-header .animal-name, #default-view .wrapper-daily-report-welfare .animal-header .common-name, #default-view .wrapper-daily-report-welfare .animal-header .species {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 100%;
}

.manage-hashtag-list-content .mentioned-audit-fields .mentioned-created, .manage-hashtag-list-content .mentioned-audit-fields .mentioned-updated {
    display: inline-block;
}

.has-graph {
    width: 50%;
}

.hashTag-graph {
    margin-top: 30px;
}

@media(min-width: 992px) {
    .hashTag-graph.fixed {
        position: fixed;
        margin-top: 0 !important;
        top: 155px;
    }

    .hashTag-graph.fixed .container-box-chart {
        height: 350px;
        width: 50% !important;
    }

    .hashTag-graph .box-chart-content .chart-option-result {
        margin-left: -15px;
    }
}

@media(max-width: 991px) {
    .hashTag-graph .box-chart-content .chart-option-result {
        margin-left: -25px;
    }
}

.content-result-container.float-right {
    float: right;
}

#default-view .note-welfare-container .description-note a,
#default-view .welfare-header.template-header a.more-template-info-detail {
    cursor: pointer;
    text-decoration: unset;
}

#default-view .welfare-header.template-header a.more-template-info-detail {
    display: block;
    width: fit-content;
}

#default-view .template-mode.scrolled .welfare-header.template-header a.more-template-info-detail,
#default-view .template-mode.scrolled .welfare-header.template-header .welfare-sort-by-container.sort-by-container {
    display: none;
}

#default-view .welfare-header.template-header .description-template img {
    width: 100%;
}

#default-view .welfare-header.template-header .description-template .shorted-instruction, #default-view .welfare-header.template-header .description-template .instruction-ellipsis {
    color: #888;
    font-style: italic;
}

#default-view .debug-mode-container {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    border: 2px solid #d0d0d0;
    background: #fff;
    z-index: 100;
}

.section-layout.section-management .section-content .debug-mode-container {
    position: absolute;
    top: 0px;
    left: 60%;
    padding: 10px;
    border: 2px solid #d0d0d0;
    background: #fff;
    z-index: 100;
}

#default-view .debug-mode-container .row-content + .row-content,
.section-layout.section-management .section-content .debug-mode-container .row-content + .row-content {
    margin-top: 10px;
}

#default-view .debug-mode-container input,
.section-layout.section-management .section-content .debug-mode-container input {
    margin-left: 10px;
    width: 65px;
    display: inline-block;
    padding: 10px;
    height: 35px;
}

#welfare-template-detail {
    display: none;
}

.welfare-template-detail a.template-name.disabled {
    color: #333;
    text-decoration: none;
    cursor: default;
}

.welfare-template-detail a.template-name.disabled {
    color: #333;
    text-decoration: none;
    cursor: default;
}

.welfare-template-detail a.template-name.disabled:hover,
.welfare-template-detail a.template-name.disabled:focus,
.welfare-template-detail a.template-name.disabled:active {
    text-decoration: none;
}

.welfare-template-detail .capturing-for i {
    margin-right: 5px;
}

.welfare-template-detail .attachments + .attachments {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ececec;
}

.welfare-template-detail .attachments:after {
    content: ' ';
    display: block;
    clear: both;
}

.siteadmin-calculatedmeasurements .calculated-formula {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.formula-outer-container .formula-container {
    border: 1px solid #ccc;
    padding: 10px;
    min-height: 53px;
    font-size: 19px;
    font-weight: 600;
}

.formula-outer-container .calculated-measurement-formula .remove-btn {
    position: absolute;
    top: -3px;
    right: 5px;
    font-size: 19px;
    color: #000;
    text-decoration: none;
}

.calculated-measurement-formula .operator-formula {
    color: #c354ba;
    display: inline-block;
}

.calculated-measurement-formula .operator-formula.operator-addition {
    font-size: 26px;
}

.calculated-measurement-formula .operator-formula.operator-substraction {
    font-size: 32px;
}

.formula-outer-container .formula-container .operator-formula.operator-substraction .operator-text {
    vertical-align: text-top;
    padding-top: 1px;
}

.formula-container .operator-formula.operator-addition .operator-text,
.formula-outer-container .formula-container .operator-formula.operator-open-parentheses .operator-text,
.formula-outer-container .formula-container .operator-formula.operator-close-parentheses .operator-text,
.formula-outer-container .formula-container .operator-formula.operator-division .operator-text,
.formula-container .operator-formula.operator-multiplication .operator-text {
    vertical-align: middle;
}

.formula-container .operator-formula.operator-multiplication .operator-text {
    padding-top: 12px;
}

.formula-container .operator-formula .operator-text {
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
}

.calculated-formula .operator-formula.operator-substraction {
    vertical-align: sub;
}

.calculated-measurement-formula .operator-formula.operator-multiplication {
    font-size: 27px;
}


.calculated-formula .operator-formula.operator-multiplication {
    padding-top: 11px;
}

.calculated-measurement-formula .operator-formula.operator-division {
    font-size: 24px;
}

.calculated-measurement-formula .operator-formula.operator-open-parentheses,
.calculated-measurement-formula .operator-formula.operator-close-parentheses {
    color: #ff9900;
    font-size: 24px;
}


.calculated-formula .operator-formula {
    display: inline-flex;
    align-items: center;
    height: 35px;
}


.formula-outer-container .information {
    background: #f3f3f3;
    width: 100%;
    min-height: 20px;
    border: 1px solid #ccc;
    border-top: none;
    padding: 5px 10px;
}

.formula-outer-container .information > .add-measurement {
    color: #2780e3;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}

.formula-outer-container .information i {
    margin-right: 5px;
    font-size: 15px;
}

.formula-outer-container .formula-container:empty::before {
    content: attr(placeholder);
    color: #999;
    font-size: 15px;
    font-weight: normal;
}

.formula-outer-container .formula-container:empty:focus::before {
    content: "";
}

.formula-outer-container {
    position: relative;
}

.formula-outer-container.focus .formula-inner-container {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.formula-outer-container .formula-container:focus {
    outline: 0;
}

.container-calculated-measurement .param {
    display: inline-block;
    height: 51px;
}

.formula-outer-container .formula-container .measurement-item {
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 66px;
}

.formula-outer-container .formula-container .measurement-item-name {
    position: relative;
    z-index: 2;
    color: #333 !important;
}

.formula-outer-container .formula-container .measurement-item-name,
.container-calculated-measurement .param .measurement-item-name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal;
    display: -webkit-box;
}

.formula-outer-container .formula-container .measurement-item-name.no-unit {
    align-items: center;
}

.formula-outer-container .formula-container .measurement-item-name.no-unit,
.container-calculated-measurement .param .measurement-name {
    display: flex;
    height: 100%;
}

.container-calculated-measurement .param .measurement-name {
    flex-direction: column;
    justify-content: center;
}


.formula-outer-container .formula-container .measurement-item,
.container-calculated-measurement .param {
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 5px 15px;
    display: inline-block;
    position: relative;
}


.formula-outer-container .formula-container .measurement-item[data-status="2"], .container-calculated-measurement .param.deleted {
    text-decoration: line-through;
}

.formula-outer-container .formula-container .measurement-item[data-status="2"] .measurement-item-name {
    display: flex;
    align-items: center;
    height: 100%;
}

.custom-formula-measurement-time .measurement-item-time-container.constant-time-selected,
.custom-formula-measurement-time .measurement-item-time-container.measurement-item-selected,
.container-calculated-measurement .param,
.formula-outer-container .measurement-item {
    background-color: #f3f3f3;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.container-calculated-measurement .param,
.formula-outer-container .measurement-item {
    margin-top: 5px;
    margin-bottom: 5px;
}

.custom-formula-measurement-time .measurement-item-time-container.measurement-item-selected {
    padding-top: 6px;
    justify-content: center;
}

.custom-formula-measurement-time .measurement-item-time-container.constant-time-selected,
.custom-formula-measurement-time .measurement-item-time-container.measurement-item-selected {
    display: flex;
    align-items: center;
    height: 68px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

@media(min-width: 768px) {
    .custom-formula-measurement-time .measurement-item-time-container.constant-time-selected,
    .custom-formula-measurement-time .measurement-item-time-container.measurement-item-selected {
        width: 40%;
    }

    .formula-outer-container .reset-time {
        margin-right: 5px;
    }
}

@media(max-width: 767px) {
    .custom-formula-measurement-time .measurement-item-time-container.constant-time-selected,
    .custom-formula-measurement-time .measurement-item-time-container.measurement-item-selected {
        width: 100%;
    }

    .formula-outer-container .reset-time {
        margin-right: 10px;
    }
}

.formula-outer-container .measurement-item select,
.container-calculated-measurement .param .unit-name {
    display: block;
    font-size: 13px;
}

.container-calculated-measurement .param .unit-name {
    color: #aaa;
}

.formula-outer-container .measurement-item select {
    border-top: none;
    border-bottom: none;
    border-radius: 5px;
    margin-left: 5px;
    border-color: #2780e3;
    border-width: 2px;
    border: 1px solid #ccc;
    padding: 2px;
    margin: 3px 0 5px 0;
    background-color: #fff !important;
}

.formula-outer-container .measurement-item[data-status="2"] select {
    display: none;
}

.formula-outer-container .measurement-item select:focus {
    outline: none;
}

.formula-outer-container .constant-time {
    width: 84%;
    display: none;
}

.formula-outer-container .constant-time-selected .measurement-time-dropdown-container {
    display: none !important;
}

.formula-outer-container .constant-time-selected .constant-time {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.formula-outer-container .reset-time {
    display: none;
    margin-left: auto;
}

.formula-outer-container .constant-time-selected .reset-time {
    display: block;
}

.formula-outer-container .constant-time-selected .reset-time {
    color: #666;
}

.formula-outer-container .reset-time:hover {
    color: #2780e3;
}

.formula-outer-container .constant-time input {
    height: 40px;
    width: 42%;
    text-align: center;
    display: inline-block;
}

#calculated-measurement-modal .formula-outer-container .constant-time input {
    padding-left: 5px;
    padding-right: 5px;
}

.formula-outer-container .constant-time input:focus {
    outline: none;
}

.formula-outer-container .constant-time input::-webkit-input-placeholder {
    text-align: center;
}

.container-calculated-measurement .btn-calculated-measurement-edit, .measurement-item-container .btn-measurement-edit, #measurement-template-container .btn-editor {
    float: right;
}

.container-calculated-measurement .input-unit {
    width: 230px;
}

.calculated-measurement-edit .description {
    min-height: 43px;
}

.calculated-measurement-edit .test-container {
    margin-top: 5px;
}

.welfare-item-deleted-warning-box-wrapper,
.calculated-measurement-edit .warning-error-container {
    display: flex;
    align-items: baseline;
    border: 1px solid #ff9900;
    background-color: #fff3e1;
    margin-bottom: 20px;
    padding: 15px;
}

.calculated-measurement-edit .warning-error-container.warning-error-measurement-template-container {
    padding-bottom: 12px;
    padding-top: 12px;
    align-items: center;
}

.calculated-measurement-edit .warning-error-container {
    padding-bottom: 8px;
}

.welfare-item-deleted-warning-box-wrapper i.fa.fa-exclamation-triangle,
.calculated-measurement-edit .warning-error-container i.fa.fa-exclamation-triangle {
    margin-right: 10px;
}

.calculated-measurement-edit .warning-error-container ul {
    padding-left: 20px;
    margin-top: 5px;
}

.calculated-measurement-edit .warning-error-container i.glyphicon-info-sign {
    margin-right: 5px;
}

.calculated-measurement-edit .test-container .button-container span {
    padding: 4px 10px;
}

.calculated-measurement-edit .test-container .test-inner-container {
    border-top: solid 1px #ccc;
    margin-top: 15px;
    padding-top: 5px;
}

.calculated-measurement-edit .test-container .control-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    font-weight: normal;
    max-width: 70%;
    margin-right: 5px;
}

.calculated-measurement-edit .test-container .param-constant-value .label-container {
    width: auto !important;
}

.calculated-measurement-edit .test-container .param-constant-value .control-label {
    max-width: 100% !important;
}

.calculated-measurement-edit .test-container h5 {
    font-weight: 600;
    font-size: 16px;
}

.calculated-measurement-edit .test-container .test-inner-container button {
    padding: 4px 10px;
}

.calculated-measurement-edit .test-container .test-inner-container .param-container.param-constant-value input {
    display: inline-block;
    width: 75px !important;
    height: 40px;
    text-align: center;
}

.calculated-measurement-edit .test-container .test-inner-container .param-container input {
    width: 125px;
}

.calculated-measurement-edit .test-container .test-inner-container .param-container .input-container {
    display: inline-block;
    padding: 0 15px;
    vertical-align: top;
}

.calculated-measurement-edit .test-container .test-inner-container .param-container .label-container {
    display: inline-block;
    width: calc(100% - 165px);
    padding-right: 10px;
}

.calculated-measurement-edit .test-container .test-inner-container .calculate-container {
    margin-right: 5px;
}

.calculated-measurement-edit .test-container .result-container .result-label,
.calculated-measurement-edit .test-container .result-container .calculation-result,
.calculated-measurement-edit .test-container .result-container .unit-name {
    font-size: 16px;
}

.calculated-measurement-edit .test-container .result-container .calculation-result {
    margin-left: 20px;
    margin-right: 5px;
    font-weight: 600;
}

.calculated-measurement-edit .switch-time-format {
    padding-top: 10px;
    padding-left: 5px;
}

.calculated-measurement-edit .switch-time-format > span {
    margin-left: 5px;
}

.calculated-measurement-edit .switch-time-format bootstrap-switch-wrapper {
    width: 46px;
}

.calculated-measurement-edit .switch-time-format .bootstrap-switch-container {
    width: 66px;
}

.calculated-measurement-edit .switch-time-format .bootstrap-switch-container > span {
    width: 22px;
}

.formula-outer-container .suggestion-container {
    position: absolute;
    z-index: 2;
    background: #fff;
    display: table;
    box-shadow: 0 1px 4px rgba(0,0,0,0.5);
    margin-top: -35px;
    margin-left: 3px;
}

.formula-outer-container .suggestion-container ul {
    padding: 0;
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.formula-outer-container .suggestion-container ul li {
    list-style: none;
    display: flex;
    align-items: baseline;
    width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px 10px;
    cursor: pointer;
    border-bottom: 1px solid #e8e8e8;
}

.formula-outer-container .suggestion-container ul li.selected {
    background: #2780e3;
    color: #fff;
}

.formula-outer-container .formula-message-container {
    color: #888;
    margin-top: 5px;
}

.formula-outer-container .formula-message-container .information-title {
    font-weight: 600;
    color: #666;
}

.formula-outer-container .formula-message-container .information-content .content {
    margin: 2px 0;
}

.custom-formula-measurement-time .formula-number-container, .custom-formula-measurement-time .information, .custom-formula-measurement-time .formula-message-container {
    display: none !important;
}

.formula-outer-container .formula-time-outer-container {
    display: none;
    border: 1px solid #ccc;
    padding: 10px;
    min-height: 53px;
    width: 100%;
}

.custom-formula-measurement-time .formula-time-outer-container {
    display: block;
}

.custom-formula-measurement-time .formula-time-outer-container > div {
    display: flex;
    align-items: center;
}

@media(min-width: 768px) {
    .custom-formula-measurement-time .formula-time-outer-container .measurement-item-time-container {
        width: 45%;
    }
}

.custom-formula-measurement-time .formula-time-outer-container .warning-time {
    margin-top: 10px;
    align-items: baseline;
    padding: 15px;
    background-color: #eee;
}

.custom-formula-measurement-time .formula-time-outer-container .warning-time > i {
    margin-right: 8px;
}


.custom-formula-measurement-time .measurement-item-selected .measurement-time-dropdown-container {
    display: inline-block;
    width: 100%;
}

.custom-formula-measurement-time .measurement-item-selected .select2-selection__rendered {
    padding-left: 12px;
}

.custom-formula-measurement-time .measurement-time-operator {
    width: 50px;
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
}

.custom-formula-measurement-time .measurement-time-operator:hover .caret {
    color: #2780e3;
}

.custom-formula-measurement-time .measurement-time-operator > .dropdown-menu {
    min-width: 45px !important;
    width: 45px;
}

.custom-formula-measurement-time .measurement-time-operator > .dropdown-menu i {
    font-size: 25px;
    font-style: normal;
}

.custom-formula-measurement-time .measurement-time-operator > .dropdown-menu a {
    padding: 0px 15px;
    text-align: center;
}

.custom-formula-measurement-time .measurement-time-operator > span {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-formula-measurement-time .measurement-time-operator span > i {
    font-size: 38px;
    margin-right: 5px;
    font-weight: bold;
    color: #2780e3;
    font-style: normal;
}

.formula-outer-container .formula-message-container .information-content {
    display: flex;
    flex-wrap: wrap;
}

.formula-outer-container .formula-message-container .information-content .content {
    display: flex;
    width: 145px;
    margin-right: 30px;
    align-items: center;
}

.formula-outer-container .formula-message-container .information-content .content i {
    font-style: normal;
    margin-right: 5px;
    background: #999;
    height: 21px;
    width: 21px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
    line-height: 1.27;
    position: relative;
}

.formula-outer-container .formula-message-container .information-content .content.multiplication i span {
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translateX(-50%);
}


.measurement-nav {
    margin-top: 30px;
}

.measurement-content-wrapper {
    padding: 30px 20px;
    border: 1px solid #ddd;
    border-top: none;
}

.measurement-content-wrapper .dropdown-menu {
    padding: 0;
}

.measurement-content-wrapper .dropdown-menu a {
    padding: 10px 15px;
}

.measurement-content-wrapper button.dropdown-toggle .caret {
    margin-left: 5px;
    margin-top: 0px;
}

#btn-add-calculatedmeasurement {
    float: left;
}

#calculated-measurement-tab .navbar-nav .active a:hover, #measurement-tab .navbar-nav .active a:hover {
    color: #ffffff;
    background-color: #1967be;
    border-color: #1862b5
}

.calculated-measurement .accordion-container + .accordion-container, .measurement-index .accordion-container + .accordion-container, #measurement-template-container .accordion-container + .accordion-container {
    border-top: 1px solid #ddd;
}

.calculated-measurement .accordion-container .accordion-trigger, .measurement-index .accordion-container .accordion-trigger, #measurement-template-container .accordion-container .accordion-trigger {
    padding: 10px 15px;
    color: #333;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.calculated-measurement .accordion-container.active .accordion-trigger, .measurement-index .accordion-container.active .accordion-trigger, #measurement-template-container .accordion-container.active .accordion-trigger {
    background-color: #888;
    color: #fff;
    font-weight: bold;
}

.calculated-measurement .accordion-container .accordion-trigger:hover, .measurement-index .accordion-container .accordion-trigger:hover, #measurement-template-container .accordion-container .accordion-trigger:hover {
    background-color: #999;
    color: #fff;
}

.calculated-measurement .accordion-container .accordion-trigger i, .measurement-index .accordion-container .accordion-trigger i, #measurement-template-container .accordion-container .accordion-trigger i {
    margin-right: 10px;
}

.calculated-measurement .accordion-container.active .accordion-trigger i, .measurement-index .accordion-container.active .accordion-trigger i, #measurement-template-container .accordion-container.active .accordion-trigger i {
    transform: rotate(90deg);
}

.calculated-measurement .accordion-container ul.accordion-target,
.measurement-index .accordion-container ul.accordion-target,
#measurement-template-container .accordion-container ul.accordion-target {
    max-height: 500px;
    overflow-y: auto;
}

.calculated-measurement .accordion-container ul.accordion-target {
    display: none;
}

.calculated-measurement .accordion-container.active ul.accordion-target {
    display: block !important;
}

.calculated-measurement .accordion-container .accordion-target li a {
    padding-left: 15px;
    display: flex;
    align-items: baseline;
    flex-direction: row;
    flex-wrap: nowrap;
}

.calculated-measurement-warning-container .calculated-measurement-warning span:not(.include) {
    display: inline-block;
    color: #333;
}

.calculated-measurement-warning-container .calculated-measurement-warning > span.include {
    text-decoration: underline;
    cursor: pointer;
    color: #2780e3;
    margin-left: 5px;
}

.select2-calculated-measurement-time-item .option-nav {
    display: flex;
    align-items: center;
}

.select2-calculated-measurement-time-item .option-nav > i {
    font-size: 18px;
    vertical-align: middle;
}

.select2-calculated-measurement-time-item .option-nav > i.fa-angle-right {
    margin-left: auto;
}

.select2-calculated-measurement-time-item .option-nav > i.fa-angle-left {
    margin-right: 10px;
}

.select2-calculated-measurement-time-item .option-nav > span {
    vertical-align: middle;
}

.select2-calculated-measurement-time-item.select2-category-measurement-item ul > li:first-child {
    background-color: #eee;
    font-weight: bold;
}

.select2-calculated-measurement-time-item.select2-category-measurement-item ul > li.select2-results__option--highlighted {
    background-color: #5897fb !important;
}

.popover.popover-user-notification .popover-content .notification-list .notification-item a {
    color: #333;
    padding: 0;
    text-decoration: none;
}

.popover.popover-user-notification .popover-content .notification-list .notification-item .remove-notification {
    padding-left: 10px;
    text-align: center;
}

.popover.popover-user-notification .popover-content .notification-list .notification-item a .notification-item-container {
    display: flex;
    padding-right: 17px;
}

.popover.popover-user-notification .popover-content .notification-list .notification-item::after {
    content: ' ';
    display: block;
    clear: both;
}

.popover.popover-user-notification .popover-content .notification-list .notification-item.row .notification-item-container .icon-due {
    font-size: 12px;
}

.popover-user-notification .popover-content .notification-list .notification-item:hover {
    background-color: #dee7ef;
    transition: all .25s ease-in-out;
}

.popover-user-notification .popover-content .notification-list .notification-item.no-record:hover {
    background-color: #fff;
}

.popover.popover-user-notification .popover-content .notification-list .notification-item.row .notification-item-container .icon-due .glyphicon-time {
    top: 2px;
}

.popover.popover-user-notification .popover-content .notification-list .notification-item.row .notification-item-container .icon-due .due-date-time {
    padding-left: 5px;
}

.popover-content .clear-all-reminder {
    font-size: 12px;
    float: right;
    font-weight: 600;
    color: #2a82e3;
    margin-top: 5px;
}

.popover-content .clear-all-reminder:hover {
    text-decoration: underline;
    cursor: pointer;
}

.popover-content .notification-list .notification-item .notification-item-text .daily-report-name {
    font-weight: 600;
}

.popover-content .notification-list .notification-item .badge-light {
    top: 8px !important;
}

.notification-item .notification-item-container .user-notification-icon {
    font-size: 20px;
}

.popover-user-notification .user-notification-title .glyphicon-bell {
    top: 2px;
}

.notification-item.information .notification-item-container .user-notification-icon {
    top: 0;
    margin-top: 0;
}

.notification-item-row .notification-item-container .user-notification-content {
    padding-left: 10px;
}

.notification-list .notification-item .remove-notification:hover {
    text-decoration: none !important;
}

.popover-user-notification .popover-inner .notification-list .filter-notification .filter-today::after, .popover-user-notification .popover-inner .user-notification-title .filter-notification-type .user-notification.information::after {
    content: "|";
    padding-left: 10px;
    padding-right: 10px;
    color: #ccc;
}

.popover-user-notification .popover-inner .notification-list .filter-notification label,
.popover-user-notification .popover-inner .user-notification-title .filter-notification-type label {
    color: #2780e4;
}

.popover-user-notification .popover-inner .notification-list .filter-notification label.selected,
.popover-user-notification .popover-inner .user-notification-title .filter-notification-type label.selected {
    color: #000;
}

.popover-user-notification .popover-inner .notification-list .filter-notification label,
.popover-user-notification .popover-inner .user-notification-title .filter-notification-type label {
    font-size: 13px;
    text-transform: uppercase;
}

.popover-user-notification .popover-inner .notification-list .filter-notification label:hover, .popover-user-notification .popover-inner .user-notification-title .filter-notification-type label:hover {
    cursor: pointer;
    text-decoration: underline;
}

.notification-list .notification-item .user-notification-content .due-date {
    font-size: 12px;
}

.notification-list .notification-item .user-notification-content .due-date .due-date-time {
    margin-left: 3px;
}

.popover-user-notification .popover-content .notification-item .user-notification-content {
    padding-left: 10px;
    flex: 1;
}

.popover-user-notification .popover-content .notification-item {
    padding: 15px 5px 15px 20px;
    position: relative;
}

.popover-user-notification .popover-content .notification-item.no-record {
    padding: 15px 5px;
}

.popover-user-notification .popover-content .notification-item.information {
    padding: 10px 0;
}

.popover-user-notification .popover-content .notification-item.information .notification-item-container {
    display: flex;
}

.popover-content .notification-list {
    width: 100%;
}

.popover-user-notification .popover-inner .popover-content {
    padding: 0 !important;
}

.administration-container .administration-icon .fa-bell-o {
    font-size: 35px !important;
}

#measurement-editor-section .list-editor-rows .modal-custom-level-item .measurement .select-custom-level.show-when-custom-level {
    max-width: 200px;
}

.administration-container .administration-content#welfare-management a {
    padding-top: 0px !important;
}

.popover-user-notification .popover-content .notification-list .unread {
    background-color: #c6eafb;
    border-bottom: 2px solid #fff !important
}

.popover-user-notification .popover-content .notification-list {
    overflow-y: auto;
    max-height: 200px;
}

.popover .popover-content {
    padding: 10px;
}

.modal-sectionIntroduction-Wizard .wizard-content iframe {
    width: 100%;
}

.popover-content .animal-within-section-notes {
    font-weight: bold;
    display: block;
}

.lineage-container .list-editor-rows .control-label {
    margin-bottom: 10px;
}

.lineage-container .list-editor-rows > .row {
    width: 100%;
    position: relative;
    padding-bottom: 10px;
}

.lineage-container .list-editor-rows .lineage-source > strong,
.lineage-container .list-editor-rows .lineage-details > strong {
    padding-left: 2px;
}


.lineage-container .list-editor-rows .lineage-animal-name > strong {
    padding-left: 1px;
}

.lineage-container .list-editor-rows > .row:not(:first-child):before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #eee;
}



@media(min-width: 992px) {
    .lineage-container .list-editor-rows .row {
        display: flex;
        align-items: baseline;
    }

    .device-firefox .lineage-container .list-editor-rows .row {
        align-items: flex-start;
    }

    .device-firefox .lineage-container .list-editor-rows .button-remove-container {
        margin-top: 45px;
    }

    .lineage-container .list-editor-rows .button-remove-container {
        margin-left: auto;
        display: flex;
        align-items: center;
        margin-top: 35px;
    }

    .lineage-container .list-editor-rows .type-container {
        width: 9%;
    }


    .lineage-container .list-editor-rows .facility-type-container {
        width: 21%;
    }

    .lineage-container .list-editor-rows .likelihood-container {
        width: 12%;
    }

    .lineage-container .list-editor-rows .another-facility .lineage-id-container,
    .lineage-container .list-editor-rows .another-facility .name-container {
        width: 15%;
    }

    .lineage-container .list-editor-rows .not-in-system .lineage-id-container,
    .lineage-container .list-editor-rows .not-in-system .name-container {
        width: 25%;
    }

    .lineage-container .list-editor-rows .another-facility .source-container {
        width: 20%;
    }

    .lineage-container .list-editor-rows .likelihood-container input {
        padding-left: 12px;
        padding-right: 12px;
    }

    .lineage-container .list-editor-rows .type-container .lineage-type {
        margin-bottom: 8px;
    }


    .lineage-container .list-editor-rows .not-in-system .lineage-details,
    .lineage-container .list-editor-rows .another-facility .lineage-details {
        margin-bottom: 9px;
    }

    .lineage-container .list-editor-rows > .row:not(:first-child) {
        padding-top: 5px;
    }
}

@media(max-width: 991px) {
    .lineage-container .list-editor-rows .button-remove-container {
        padding-top: 4px;
    }

    .lineage-container .list-editor-rows .lineage-content-container,
    .lineage-container .list-editor-rows .type-container {
        margin-bottom: 5px;
    }


    .lineage-container .list-editor-rows > .row:not(:first-child) {
        padding-top: 30px;
    }
}

.popover-user-notification .filter-welfare-notification {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 5px;
}

.popover-user-notification .filter-welfare-notification .filter-notification {
    float: left !important;
}

.popover-user-notification .notification-list .notification-item.information .notification-item-text a {
    color: #2780e3 !important;
    text-decoration: none;
}

.popover-user-notification .notification-list.show-information .filter-welfare-notification {
    display: none;
}

.popover-user-notification .notification-list.show-reminder .filter-welfare-notification {
    display: inline-block;
}

#force-refresh-floater {
    cursor: pointer;
    position: fixed;
    top: 60px;
    left: 50%;
    margin-left: -125px;
    text-align: center;
    z-index: 1099;
    color: #fff;
    background: #c00;
    padding: 10px;
    min-width: 220px;
    max-width: 285px;
    border-radius: 50px;
}

#force-refresh-floater i {
    margin-right: 10px;
}

#force-refresh-floater.small-bounce {
    animation: smallBounce 0.3s;
    animation-direction: alternate;
    animation-iteration-count: 5;
}

@keyframes smallBounce {
    0% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.popover-user-notification .notification-item .no-icon.user-notification-icon,
#calculated-measurement-tab .accordion-container.exclude-container,
#calculated-measurement-tab .sidebar-nav .no-record-found,
#calculated-measurement-tab .sidebar-nav.show-no-record-found .navbar-custom,
#measurement-template-container .measurement-template .accordion-container.exclude-container,
#measurement-template-container .measurement-template .sidebar-nav .no-record-found,
#measurement-template-container .measurement-template .sidebar-nav.show-no-record-found .navbar-custom,
#measurement-tab .measurement-content-container .btn.remove,
#measurement-tab .accordion-container .exclude-container,
#measurement-tab .accordion-container.exclude-container,
#measurement-tab .sidebar-nav .no-record-found,
#measurement-tab .sidebar-nav.show-no-record-found .navbar-custom {
    display: none;
}

#measurement-tab .measurement-content-container .name-header {
    width: 100%;
}

#measurement-tab .measurement-content-container .header-container {
    padding: 30px 20px 0 20px
}

#measurement-tab .tab-content .btn-container, #measurement-tab .tab-content .btn-container .btn:not(.delete) {
    float: right;
}

#measurement-tab .tab-content .btn-container .btn.cancel,
#calculated-measurement-tab .tab-content .btn.cancel,
#measurement-template-container .editor-measurement-template-container .btn.cancel {
    margin-right: 8px;
}

#measurement-tab .container-measurement .panel-body {
    padding-top: 0;
}

#measurement-tab .container-measurement.measurement-edit, #measurement-tab .measurement-content-container {
    border: none;
}

#measurement-tab .measurement-content-container .unit-container {
    padding: 0 20px;
}

#measurement-tab .accordion-container .accordion-target li.no-record,
#calculated-measurement-tab .accordion-container .accordion-target li.no-record,
.measurement-template .accordion-container .accordion-target li.no-record {
    padding: 12px 15px;
    color: #aaa;
}

#calculated-measurement-tab .search-filter a.reset-textbox,
#calculated-measurement-tab .search-filter .fa-search,
#measurement-template-container .measurement-template .search-filter a.reset-textbox,
#measurement-template-container .measurement-template .search-filter .fa-search,
#measurement-tab .search-filter a.reset-textbox,
#measurement-tab .search-filter .fa-search,
#animalgroup-tab .search-filter .fa-search,
#animalgroup-tab .search-filter a.reset-textbox {
    right: 30px;
}

#calculated-measurement-tab .accordion-container.on-search,
#calculated-measurement-tab .accordion-container.on-search .accordion-target,
#calculated-measurement-tab .accordion-container.active .accordion-target,
#calculated-measurement-tab .sidebar-nav.show-no-record-found .no-record-found,
#measurement-template-container .measurement-template .accordion-container.on-search,
#measurement-template-container .measurement-template .accordion-container.on-search .accordion-target,
#measurement-template-container .measurement-template .accordion-container.active .accordion-target,
#measurement-template-container .measurement-template .sidebar-nav.show-no-record-found .no-record-found,
#measurement-tab .accordion-container.on-search,
#measurement-tab .accordion-container.on-search .accordion-target,
#measurement-tab .accordion-container.active .accordion-target,
#measurement-tab .sidebar-nav.show-no-record-found .no-record-found {
    display: block !important;
}

#measurement-tab .accordion-container .accordion-target {
    display: none;
}

#calculated-measurement-tab .no-record-found,
#measurement-template-container .measurement-template .no-record-found,
#measurement-tab .no-record-found {
    margin: 20px;
}

#measurement-tab .container-measurement .panel {
    border-color: #dddddd;
}

#measurement-tab .container-measurement .btn-container {
    padding: 20px;
}

#measurement-tab .container-measurement .checkbox input[type="checkbox"] {
    margin-left: -20px;
}

#measurement-content-editor-template, #measurement-content-view-template {
    display: none;
}

.measurements-container .measurement-content-view,
.referral-referfriends .list-referral-details .row-referral-details {
    width: 100%;
}

.measurements-container .measurement-content-view {
    padding: 10px 0;
}

.referral-referfriends .list-referral-details .row-referral-details .referral-details {
    padding: 10px 15px;
}

.measurement-template-content .measurement-created-on,
.measurement-template-content .measurement-updated-on,
.list-measurement-details .measurement-created-on,
.list-measurement-details .measurement-updated-on,
.list-animal-disposition-history .disposition-history-updated-on,
#table-task-summary-body .created-on,
#table-task-summary-body .updated-on,
.template-page-container .welfare-modified-on {
    font-size: 12px;
    color: #aaa;
    line-height: 1.3em;
}

.measurements-container .measurement-content-view:after,
.referral-referfriends .list-referral-details .row-referral-details:after{
    clear: both;
    content: ' ';
    display: block;
}

.referral-referfriends .list-referral-details .row-referral-details:nth-of-type(odd) .referral-details {
    background-color: #f9f9f9;
}

@media (max-width: 1199px) {
    .list-measurements-container.filter-searched #measurements .row-measurements .row-measurement-details .measurement-details.actions-container, .list-measurements-container.filter-searched #measurements .container-header-measurement-details .header-measurement-details.actions-container {
        width: 52px !important;
    }

    .panel-measurement #measurements .row-measurements .measurement-details.measurement-created,
    .panel-measurement #measurements .row-measurements .measurement-details.measurement-updated,
    .panel-measurement #measurements .container-header-measurement-details .header-measurement-details.sort-created-by,
    .panel-measurement #measurements .container-header-measurement-details .header-measurement-details.sort-updated-by {
        width: 118px !important;
    }

    .panel-measurement #measurements .row-measurements .measurement-details.unit-outer-container,
    .panel-measurement #measurements .container-header-measurement-details .header-measurement-details.sort-unit {
        width: 76px !important;
    }

    .panel-measurement #measurements .row-measurements .measurement-details.measurement-date,
    .panel-measurement #measurements .container-header-measurement-details .header-measurement-details.header-measurement-date {
        width: 136px !important;
    }

    .list-measurements-container.filter-searched #measurements .row-measurements .measurement-details.measurement-created,
    .list-measurements-container.filter-searched #measurements .row-measurements .measurement-details.measurement-updated,
    .list-measurements-container.filter-searched #measurements .container-header-measurement-details .header-measurement-details.sort-created-by,
    .list-measurements-container.filter-searched #measurements .container-header-measurement-details .header-measurement-details.sort-updated-by {
        width: 114px !important;
    }

    .list-measurements-container.filter-searched #measurements .measurement-details:not(.measurement-note),
    .list-measurements-container.filter-searched #measurements .header-measurement-details {
        width: 152px;
    }

    .panel-measurement #measurements .measurement-details:not(.measurement-note),
    .panel-measurement #measurements .header-measurement-details {
        width: 152px;
    }
}

@media(min-width: 1200px) {

    .panel-measurement #measurements .row-measurements .measurement-details.measurement-created,
    .panel-measurement #measurements .row-measurements .measurement-details.measurement-updated,
    .panel-measurement #measurements .container-header-measurement-details .header-measurement-details.sort-created-by,
    .panel-measurement #measurements .container-header-measurement-details .header-measurement-details.sort-updated-by {
        width: 144px !important;
    }

    .panel-measurement #measurements .row-measurements .measurement-details.unit-outer-container,
    .panel-measurement #measurements .container-header-measurement-details .header-measurement-details.sort-unit {
        width: 92px !important;
    }

    .panel-measurement #measurements .row-measurements .measurement-details.measurement-date,
    .panel-measurement #measurements .container-header-measurement-details .header-measurement-details.header-measurement-date {
        width: 155px !important;
    }

    .list-measurements-container.filter-searched #measurements .row-measurements .measurement-details.measurement-created,
    .list-measurements-container.filter-searched #measurements .row-measurements .measurement-details.measurement-updated,
    .list-measurements-container.filter-searched #measurements .container-header-measurement-details .header-measurement-details.sort-created-by,
    .list-measurements-container.filter-searched #measurements .container-header-measurement-details .header-measurement-details.sort-updated-by {
        width: 138px !important;
    }

    .list-measurements-container.filter-searched #measurements .measurement-details:not(.measurement-note),
    .list-measurements-container.filter-searched #measurements .header-measurement-details {
        width: 169px;
    }

    .panel-measurement #measurements .measurement-details:not(.measurement-note),
    .panel-measurement #measurements .header-measurement-details {
        width: 184px;
        display: inline-block;
        flex-shrink: 0;
    }
}

@media (max-width: 1200px) {
    #section-editor .list-measurements-container.filter-searched #measurements .row-measurements .row-measurement-details .measurement-details.actions-container,
    #section-editor .list-measurements-container.filter-searched #measurements .container-header-measurement-details .header-measurement-details.actions-container {
        flex-basis: 52px !important;
        width: 52px !important;
    }
}

#section-editor .list-measurements-container.filter-searched #measurements .row-measurements .row-measurement-details .measurement-details.actions-container,
#section-editor .list-measurements-container.filter-searched #measurements .container-header-measurement-details .header-measurement-details.actions-container {
    flex-basis: 9% !important;
    width: 9% !important;
}

#section-editor .panel-measurement #measurements .row-measurements .measurement-details.measurement-created,
#section-editor .panel-measurement #measurements .row-measurements .measurement-details.measurement-updated,
#section-editor .panel-measurement #measurements .container-header-measurement-details .header-measurement-details.sort-created-by,
#section-editor .panel-measurement #measurements .container-header-measurement-details .header-measurement-details.sort-updated-by {
    flex-basis: 13% !important;
    width: 13% !important;
}

#section-editor .panel-measurement.filter-searched #measurements .row-measurements .measurement-details.measurement-created,
#section-editor .panel-measurement.filter-searched #measurements .row-measurements .measurement-details.measurement-updated,
#section-editor .panel-measurement.filter-searched #measurements .container-header-measurement-details .header-measurement-details.sort-created-by,
#section-editor .panel-measurement.filter-searched #measurements .container-header-measurement-details .header-measurement-details.sort-updated-by {
    flex-basis: 13% !important;
    width: 13% !important;
}

#section-editor .panel-measurement #measurements .row-measurements .measurement-details.unit-outer-container,
#section-editor .panel-measurement #measurements .container-header-measurement-details .header-measurement-details.sort-unit {
    flex-basis: 9% !important;
    width: 9% !important;
}

#section-editor .panel-measurement.filter-searched #measurements .row-measurements .measurement-details.unit-outer-container,
#section-editor .panel-measurement.filter-searched #measurements .container-header-measurement-details .header-measurement-details.sort-unit {
    flex-basis: 8% !important;
    width: 8% !important;
}

#section-editor .panel-measurement #measurements .row-measurements .measurement-details.measurement-date,
#section-editor .panel-measurement #measurements .container-header-measurement-details .header-measurement-details.header-measurement-date {
    flex-basis: 14% !important;
    width: 14% !important;
}

#section-editor .panel-measurement.filter-searched #measurements .row-measurements .measurement-details.measurement-date,
#section-editor .panel-measurement.filter-searched #measurements .container-header-measurement-details .header-measurement-details.header-measurement-date {
    flex-basis: 12% !important;
    width: 12% !important;
}

#section-editor .list-measurements-container.filter-searched #measurements .measurement-details:not(.measurement-note),
#section-editor .list-measurements-container.filter-searched #measurements .header-measurement-details {
    width: 152px;
}

#section-editor .panel-measurement #measurements .measurement-details:not(.measurement-note),
#section-editor .panel-measurement #measurements .header-measurement-details {
    flex-basis: 17%;
    width: 17%;
}

#section-editor .panel-measurement.filter-searched #measurements .measurement-details:not(.measurement-note),
#section-editor .panel-measurement.filter-searched #measurements .header-measurement-details {
    flex-basis: 15%;
    width: 15%;
}

.list-measurements-container.filter-searched #measurements .row-measurements .row-measurement-details .measurement-details.actions-container,
.list-measurements-container.filter-searched #measurements .container-header-measurement-details .header-measurement-details.actions-container {
    width: 52px !important;
    display: inline-block;
}

.panel-measurement #measurements .row-measurements .measurement-details.actions-container,
.panel-measurement #measurements .container-header-measurement-details .header-measurement-details.actions-container {
    display: none;
}

.header-measurement-details,
.header-animal-disposition-history {
    font-weight: 600;
}

@media(max-width: 374px) {
    #measurement-tab .tab-content .btn-container .btn {
        padding: 6px 11px;
    }
}

.label-dropdown-sort-by span.measurement-sort-by-dropdown-label {
    font-size: 14px;
    font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
    padding-right: 3px;
}

.measurements-container .measurement-content-view .measurement-entity-item i.fa-calculator {
    font-size: 13px;
}

.measurements-container .measurement-content-view .measurement-entity-item .view-measurement-entity {
    color: #2680e3;
    cursor: pointer;
    font-weight: 600;
    word-break: break-word;
}

#measurementTemplate span.label-measurement-details,
#measurement-template-content span.label-measurement-details,
.list-measurement-details span.label-measurement-details,
#editor-measurement span.label-measurement-details {
    display: inline-block;
    width: 100%;
    font-weight: bold;
}

.list-measurement-details .empty {
    display: inline-block;
    width: 100%;
    padding: 15px;
}

.list-wrapper.list-measurement-details .measurement-name a {
    color: #333 !important;
    cursor: default !important;
    font-weight: normal !important;
    pointer-events: none !important;
}

.list-wrapper.list-measurement-details .measurement-name a:focus, .list-wrapper.list-measurement-details .measurement-name a:active, .list-wrapper.list-measurement-details .measurement-name a:hover {
    text-decoration: none !important;
}

.measurement-name.measurement-details a {
    cursor: pointer;
}

.measurement-name.measurement-details a, .measurement-item-name a {
    word-break: break-word;
    font-weight: 600;
}

#measurement-modal .modal-body.is-calculated-measurement .hide-when-calculated-measurement {
    display: none;
}

.measurement-index .row-measurement-details {
    position: relative;
}

.measurement-index .row-measurement-details .row-measurement-container {
    padding-bottom: 10px;
    padding-top: 8px;
}

.list-measurements-container.filter-searched .row-measurement-details .actions-container {
    display: block;
}

.list-measurements-container.filter-searched .row-measurement-details .actions-container a {
    padding: 2px 0;
}

.list-measurements-container.filter-searched .row-measurement-details .header-measurement-details.entered-from-header {
    margin-left: inherit;
}

.list-measurements-container.filter-searched .row-measurement-details .header-measurement-details.sort-measurement-name-type,
.list-measurements-container.filter-searched .row-measurement-details .measurement-details.measurement-name {
    width: 16%;
}

.list-measurements-container.filter-searched .header-measurement-details.header-measurement-value,
.list-measurements-container.filter-searched .row-measurement-details .measurement-details.measurement-entity-value {
    padding-left: 0;
}

.list-measurements-container.filter-searched .row-measurement-details .measurement-entity-type-container {
    width: 15.27%;
}

.list-measurements-container .row-measurement-details .dropdown-menu {
    min-width: inherit;
    top: 30px;
    right: 10px;
}

.list-measurements-container.filter-searched .clear-filter.panel-filter .icon {
    margin-right: 4px;
}

.list-measurements-container.filter-searched .clear-filter.panel-filter {
    display: inline-block;
    color: #fff;
}

.list-measurements-container:not(.filter-searched) .report-measurement-as-of-date-container,
.list-measurements-container.filter-searched .report-measurement-details-container {
    display: flex;
}

.measurement-entity-type-medical.list-measurements-container .report-measurement-details-container{
    display: flex !important;
}

.list-measurements-container.filter-searched .report-measurement-as-of-date-container,
.list-measurements-container:not(.filter-searched) .report-measurement-details-container {
    display: none;
}

.medical-record-page .list-measurements-container .report-measurement-as-of-date-container {
    display: none!important;
}

.medical-record-page .list-measurements-container .report-measurement-details-container {
    display: block!important;
}

.list-measurements-container .clear-filter.panel-filter,
.panel-measurement.filter-searched span.text-as-of-date,
.panel-measurement.filter-searched .measurement-date-container {
    display: none;
}

.detail-measurement-outer-container, .list-measurement-details {
    line-height: 1.3em;
}

.container-header-measurement span.text-as-of-date {
    margin-left: 5px;
    margin-right: 5px;
}

.container-header-measurement #as-of-date {
    margin-left: 3px;
}

#measurement-modal .detail-measurement-outer-container .sort-measurement-header-container {
    padding-left: 15px;
    padding-right: 15px;
}

#measurement-modal .measurement-detail-item {
    width: 100%;
    display: inline-block;
}

@media(max-width: 374px) {
    #calculated-measurement-modal .measurement-item-selected .measurement-time-dropdown-container {
        width: 135px;
    }
}

@media(min-width: 480px) {
    .measurement-index .container-header-measurement .clear {
        display: none;
    }
}

@media(min-width: 992px) {
    .animal-view .container-header-measurement .clear,
    .medical-view .container-header-measurement .clear {
        display: none;
    }

    #calculated-measurement-modal .measurement-item-selected .measurement-time-dropdown-container {
        width: 135px;
    }

    .section-detail .sort-measurement-header-container .header-measurement-details,
    .section-detail .measurement-result-container .measurement-details {
        padding-right: 3px;
    }
}

@media(max-width: 479px) {
    .list-measurement-details .measurement-entity-note {
        padding-left: 0px !important;
    }
}

@media(min-width:480px) and (max-width: 991px) {
    .list-measurement-details .measurement-entity-note {
        padding-left: 15px !important;
    }
}

@media(max-width: 991px) {
    #view-measurement .measurement-template-container .measurement-details,
    .list-measurement-details .measurement-details,
    .resource-organization-member-container .responsive-container .member-details,
    .resource-organization-coalition-container .responsive-container .coalition-details,
    .coalition-container .responsive-container .organization-details {
        margin-bottom: 15px;
    }

    .list-measurement-details .measurement-note {
        padding-left: 15px !important;
    }

    .list-measurement-details.list-wrapper .measurement-action .delete-measurement {
        float: left;
        margin-right: 5px;
    }

    .list-measurement-details .measurement-action {
        float: right;
    }

    #measurement-modal .measurement-detail-item {
        position: relative;
    }

    #measurement-modal .measurement-detail-item .measurement-action {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 1;
    }

    .list-measurement-details .measurement-content-view label {
        display: inline-block;
        width: 100%;
        margin-bottom: 0px;
    }

    .measurement-index .row-measurement-details.first-measurement {
        border: none !important;
    }

    #editor-measurement .list-measurements-container.filter-searched .header-measurement-details > .label-measurement-date {
        margin-left: 0;
    }

    .list-measurements-container .list-measurement-details .measurement-details {
        margin-bottom: 0;
    }

    .list-measurement-details .row-measurement.hide-when-data-empty {
        display: none;
    }

    .list-measurement-details .row-measurement {
        display: flex;
        width: 100%;
    }

    .list-measurement-details .row-measurement-details {
        position: relative;
        margin: 0 !important;
        display: inline-block;
        flex-shrink: 0;
    }

    .section-detail .panel-measurement-list .container-header-measurement {
        flex-direction: column;
        align-items: baseline;
    }

    #measurement-modal .container-header-measurement .measurement-sort-by-container .label-dropdown-sort-by {
        margin-left: 5px;
        margin-top: 2px;
    }
}

@media(min-width:768px) and (max-width: 991px) {
    #measurement-modal .measurement-detail-item .edit-measurement {
        margin-right: 10px;
    }
}

@media(min-width: 992px) {
    .list-measurement-details .measurement-action {
        margin-top: 5px;
    }

    .measurement-index .list-measurement-details .header-measurement-date,
    .measurement-index .list-measurement-details .measurement-date,
    .animal-view .list-measurement-details .header-measurement-date,
    .animal-view .list-measurement-details .measurement-date,
    .medical-view .list-measurement-details .header-measurement-date,
    .medical-view .list-measurement-details .measurement-date {
        padding: 0;
    }

    #measurement-modal .measurement-detail-item .edit-measurement {
        margin-right: 15px;
    }
}

@media(max-width: 767px) {
    #measurement-modal .detail-measurement-outer-container .detail-measurement {
        margin-bottom: 15px;
    }

    #measurement-modal .detail-measurement-outer-container .detail-measurement,
    #measurement-modal .detail-measurement-outer-container .entered-from-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #measurement-modal .measurement-detail-item .edit-measurement,
    #measurement-modal .measurement-detail-item .delete-measurement {
        padding: 5px;
    }

    .custom-formula-measurement-time .formula-time-outer-container > .formula-time-inner-container {
        flex-direction: column;
    }
}

#measurement-modal .measurement-detail-item .edit-measurement.disabled, #measurement-modal .measurement-detail-item .delete-measurement.disabled {
    color: #999;
    cursor: default;
}

.measurements-container .measurement-content-view .measurement-entity-item .view-measurement-entity:hover {
    text-decoration: underline;
}

.measurement-audit-fields.measurement-details span {
    font-weight: 600;
}

.measurements-container .measurement-entity-action a {
    display: inline-block;
    padding: 5px;
}

.popover-content .unit-items .unit-item {
    margin: 0 10px;
}

#measurement-tab .view-mode.item-detail {
    margin-top: 10px;
}

#measurement-tab .custom-level-container {
    width: 100%;
}

#measurement-tab .custom-level-value {
    margin-bottom: 15px;
}

#measurement-tab .priority-label:after {
    content: " - ";
}

#measurement-modal #measurement-detail-template, #measurement-modal .show-detail-measurement .default-measurement-view, #measurement-modal .detail-measurement-view, #measurement-modal .detail-measurement-note, #measurement-modal .show-measurement-note .default-measurement-view, #measurement-modal .show-measurement-note .detail-measurement-view {
    display: none;
}

#measurement-modal .show-detail-measurement .detail-measurement-view, #measurement-modal .show-measurement-note .detail-measurement-note {
    display: block;
}

#measurement-modal .measurement-detail-item:not(.hide) + .measurement-detail-item {
    margin-top: 15px;
    padding-top: 15px;
}

#measurement-modal .measurement-detail-item:not(.hide) + .measurement-detail-item {
    border-top: 1px solid #ccc;
}

#measurement-modal .detail-measurement-title hr {
    margin-top: 10px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #ccc;
}

.warning-unit-modified,
.warning-custom-level-item-modified {
    color: #ff9900;
    font-size: 13px !important;
    margin-left: 3px;
    margin-bottom: 10px;
}

.warning-custom-level-item-modified {
    margin-right: 5px;
}

#measurement-modal .detail-measurement-filter {
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-wrap: wrap;
}

#measurement-modal .detail-measurement-view .no-records-found {
    display: none;
}

#measurement-modal .detail-measurement-view.show-no-records-found .no-records-found {
    display: block;
}

#measurement-modal .detail-measurement-filter.show-all .date-range-container {
    display: none;
}

#measurement-modal .detail-measurement-filter .label-container {
    width: 100px;
    vertical-align: top;
    display: inline-block;
}

#measurement-modal .detail-measurement-filter #filter-welfare-template {
    width: 310px;
}

#measurement-modal .detail-measurement-filter .fom-group + .fom-group {
    margin-top: 10px;
}

#measurement-modal .detail-measurement-filter .fom-group + .fom-group .label-container label, #measurement-tab .custom-level-item-container .custom-level-sort-type-container span {
    margin-top: 10px;
}

.measurement-content-view .measurement-entity-note span, #measurement-modal .measurement-detail-item .measurement-note .note-field {
    margin-top: 5px;
    font-size: 16px;
    color: #666;
    font-weight: 600;
    white-space: normal;
    word-wrap: break-word;
}

#measurement-tab .measurement-item-container .spinner-container {
    position: absolute;
    left: 50%;
    top: 70px;
    z-index: 1;
}

.select2-container--default.select-animal-group .select2-results__option[aria-selected=true] {
    display: none;
}

.dailyreport-summary .message-no-section {
    padding: 30px 0px 30px;
}

#measurement-modal .detail-measurement-filter .input-container .filter-date-range-container {
    margin-top: 5px;
}

.custom-level-checked .add-new-textbox:hover {
    text-decoration: underline !important;
}

.copy-merge-measurement-container .add-new-textbox .add-icon {
    padding-right: 10px;
}

.copy-merge-measurement-container .drag-handle {
    display: none;
}

.custom-level-inner-container .arrow-container {
    position: absolute;
}

.copy-merge-measurement-container .arrow-container span {
    color: #aaa;
    cursor: pointer;
    z-index: 1;
    display: block;
    top: -5px;
    width: 15px;
}

.copy-merge-measurement-container {
    padding-top: 20px;
}

.copy-merge-measurement-container .header-label {
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding-bottom: 5px;
}

.copy-merge-measurement-container .copyMerge-radio-label {
    cursor: pointer;
    font-weight: normal;
}

.copy-merge-measurement-container .selection-label {
    font-weight: normal;
    color: #948c95;
}

.copy-merge-measurement-container .radio-copyMerge {
    margin-right: 5px;
}

.copy-merge-measurement-container .content-container {
    padding-top: 40px;
}

.copy-merge-measurement-container .new-measurement-container .measurement-types-container .unit-measurement {
    display: inline-block;
    min-height: 32px;
}

.copy-merge-measurement-container .radio-button-container .measurement-type-radio, .copy-merge-measurement-container .new-measurement-container .measurement-types-container .unit-measurement {
    padding-right: 0;
}

.copy-merge-measurement-container .new-measurement-container .unit-not-match, .copy-merge-measurement-container .option-measurement .unit-measurement-container {
    padding-top: 15px;
}

.copy-merge-measurement-container .custom-level-checked, .copy-merge-measurement-container .content-item-container .item-to-convert {
    margin-top: 10px;
}

.copy-merge-measurement-container .title-convert-custom-level .header-title {
    background: #666;
    padding: 3px;
    color: #fff;
}

.copy-merge-measurement-container .title-convert-custom-level .header-title.source-name, .copy-merge-measurement-container .title-convert-custom-level .header-title.destination-name {
    font-weight: bold;
    padding-bottom: 8px;
}

.copy-merge-measurement-container .content-item-container .measurement-value {
    background: #eee;
    padding: 15px;
}

.copy-merge-measurement-container .item-to-convert .custom-level-inner-container {
    display: flex;
    align-items: center;
}

.copy-merge-measurement-container .item-to-convert .custom-level-inner-container .item-detail {
    flex: 1;
}

.copy-merge-measurement-container .content-item-container .old-measurement-value-container {
    padding-right: 0px;
}

.copy-merge-measurement-container .item-to-convert .measurement-value .old-value {
    display: block;
}

.copy-merge-measurement-container .content-item-container .arrow {
    font-size: 20px;
    padding: 15px 25px 15px 15px;
}

.copy-merge-measurement-container .content-item-container .add-new {
    color: #2780e3;
    cursor: pointer;
}

.copy-merge-measurement-container .content-item-container .add-new-textbox {
    margin-left: -10px;
    padding-right: 10px;
    padding: 15px 0;
}

.copy-merge-measurement-container .content-item-container {
    max-height: 300px;
    overflow-y: auto;
}

.header-copy-merge-measurement .btn-group-justified {
    transform: translateX(-50%);
    margin-left: 50%;
}

.copy-merge-measurement-container .label-preview {
    color: #fff;
    padding-top: 3px;
    padding-bottom: 3px;
}

.copy-merge-measurement-container .header-preview .label-preview {
    padding-bottom: 8px;
    font-weight: bold;
}

.copy-merge-measurement-container .preview-table .destination-header {
    color: #fff;
}

.copy-merge-measurement-container .preview-table .label-preview.destination {
    border-left: 1px solid #ddd;
}

.copy-merge-measurement-container .preview-table .unit-name-container, .copy-merge-measurement-container .preview-table .destination-value-container, .copy-merge-measurement-container .review-message, .copy-merge-measurement-container .message-custom-level {
    background: #f5f5f5;
}

.copy-merge-measurement-container .review-message, .copy-merge-measurement-container .message-custom-level {
    padding: 15px 0;
    border: 1px solid #ddd;
}

.copy-merge-measurement-container .warning-info, .copy-merge-measurement-container .review-message .review-message-content, .copy-merge-measurement-container .message-custom-level {
    display: flex;
}

.copy-merge-measurement-container .preview-table .preview-content-container {
    display: inline-block;
    max-height: 300px;
    overflow-y: scroll;
    border: 1px solid #ddd;
}

.copy-merge-measurement-container .preview-table .preview-content-container .preview-content {
    border-right: 1px solid #ddd;
    display: flex;
}

.copy-merge-measurement-container .preview-table .preview-content-container .preview-content ~ .preview-content {
    border-top: 1px solid #ddd;
}

.copy-merge-measurement-container .preview-table .preview-content-container .preview-content .item-content {
    padding: 5px 0;
}

.copy-merge-measurement-container .preview-table .preview-content-container .preview-content .item-content ~ .item-content {
    border-left: 1px solid #ddd;
}

.copy-merge-measurement-container .warning-icon,
.resource-layout .inventory-detail-container .warning-icon,
#inventory-adjusment .warning-icon {
    padding: 3px 10px 0;
}

.copy-merge-measurement-container .btn-container {
    margin-top: 25px;
}

.copy-merge-measurement-container .new-value, .copy-merge-measurement-container .destination-new-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.header-copy-merge-measurement .btn-group-justified {
    width: auto;
}

.header-copy-merge-measurement {
    padding: 15px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
}

.header-copy-merge-measurement .btn-group-justified a {
    padding: 10px;
    background-color: #fff;
}

.header-copy-merge-measurement .btn-group-justified a.active {
    background-color: #15569f !important;
}

.copy-merge-measurement-container .new-measurement-container.hide-units .unit-measurement {
    display: none;
}

.copy-merge-measurement-container .new-measurement-container.hide-units .unit-measurement.isCustomLevel, .copy-merge-measurement-container .new-measurement-container.hide-units .unit-measurement.isTime {
    display: block !important;
}

.copy-merge-measurement-container .option-measurement .unit-type span {
    padding: 8px;
}

.copy-merge-measurement-container .type-source-measurement .measurement-type {
    padding-right: 40px;
}

#measurement-tab .measurement-view .measurement-sort-type {
    padding: 10px 10px 10px 15px;
}

#measurement-tab .measurement-view .custom-level-sort-type-container {
    margin-bottom: 0px !important;
}

#modalHelp .modal-content {
    background-color: #f5f5f5;
}

#modalHelp .modal-footer {
    background-color: #e7e7e7;
}

#modalHelp .modal-footer, #modalHelp .modal-header {
    border: none;
}

#modalHelp iframe {
    width: 100%;
}

#modalHelp .video-container .modal-body {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 30px;
}

#modalHelp .title {
    margin-top: 0px;
}

#modalHelp .subtitle {
    margin-bottom: 30px;
}

#modalHelp .help-request-container .modal-header {
    border-bottom: 1px solid #e5e5e5;
}

#modalHelp .help-request-container .modal-footer {
    border-top: 1px solid #e5e5e5;
}

#modalHelp .help-request-container .modal-header h4 {
    display: inline-block;
    margin: 0;
}

#modalHelp .help-request-container .contact-me-container {
    display: flex;
}

#modalHelp .help-label-area {
    padding-top: 0;
}

#modalHelp .help-request-container textarea {
    min-height: 100px;
}

#modalHelp .help-request-container .modal-footer {
    background: none;
}

#modalHelp .btn-need-more-help i {
    margin-right: 8px;
}

@media(min-width: 768px) {
    #modalHelp .modal-dialog {
        width: 640px;
    }

    #modalHelp .modal-body {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media(max-width: 767px) {
    #modalHelp .modal-body {
        padding-left: 5px;
        padding-right: 5px;
    }

    .copy-merge-measurement-container .item-filter,
    .copy-merge-measurement-container .entity-filter {
        padding: 0px;
    }
}

@media (max-width: 480px) and (min-width: 320px) {
    #modalHelp iframe {
        height: 120px !important;
    }
}

@media (max-width: 991px) and (min-width: 601px) {
    #modalHelp iframe {
        height: 260px !important;
    }
}


a.help-icon {
    line-height: 0;
}

.title-page {
    display: flex;
    align-items: center;
}

.title-page-with-button {
    flex-wrap: wrap;
}

.title-page-without-button {
    justify-content: space-between;
}

.title-page .help-icon {
    margin-left: auto;
}


.title-page.header-editor-page .help-icon {
    margin-left: 3px;
}

.copy-merge-measurement-container .preview-table .content-header.title-table, .copy-merge-measurement-container .preview-table .content-header.header-preview {
    background: #666;
    display: flex;
}

.copy-merge-measurement-container .preview-table .content-header.title-name {
    border: 1px solid #ddd;
    border-bottom: 0;
    display: flex;
}

@supports ( -moz-appearance:none ) {
    /*alter table padding so it would align on firefox*/
    .copy-merge-measurement-container .preview-table .table-container .content-header-container {
        padding-right: 16px;
    }
}

.copy-merge-measurement-container .table-container .content-header-container {
    padding-right: 25px;
}

.copy-merge-measurement-container .old-measurement-value-container .source-measurement-value > div {
    padding-left: 15px;
    padding-right: 0px;
}

.copy-merge-measurement-container .table-container .title-header-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.copy-merge-measurement-container .table-container .title-header-container ~ .title-header-container {
    border-left: 1px solid #ddd;
}

.copy-merge-measurement-container .table-container .title-header-container > div {
    font-weight: bold;
}

.copy-merge-measurement-container .preview-table .preview-content-container .preview-content .preview-inner-content {
    display: flex;
}

@media(max-width:991px) {
    .siteadmin-measurementmerge .copy-merge-measurement-container .preview-table .preview-content-container .preview-content {
        padding-bottom: 5px;
    }

    .siteadmin-measurementmerge .copy-merge-measurement-container .preview-table .preview-content-container .preview-content label {
        margin-bottom: 0;
    }

    .siteadmin-measurementmerge .copy-merge-measurement-container .preview-table .destination-value-container {
        background: none;
    }

    .siteadmin-measurementmerge .copy-merge-measurement-container .preview-table .preview-content-container .preview-item-detail {
        margin-top: 5px;
    }

    .siteadmin-measurementmerge .copy-merge-measurement-container .preview-table .preview-content-container .preview-content .item-content ~ .item-content {
        border-left: none;
    }

    .siteadmin-measurementmerge .copy-merge-measurement-container .preview-table .preview-content-container .preview-content .item-content > div {
        margin-top: 5px;
    }

    .siteadmin-measurementmerge .copy-merge-measurement-container .preview-table .preview-content-container .preview-content:nth-child(2n) {
        background: #f5f5f5;
    }
}

@media(max-width:767px) {
    .siteadmin-measurementcopy .copy-merge-measurement-container .preview-table .preview-content-container .preview-content {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .copy-merge-measurement-container .preview-table .preview-content-container .preview-content:nth-child(2n) {
        background: #f5f5f5;
    }

    .copy-merge-measurement-container .preview-table .preview-content-container .preview-content .item-content ~ .item-content {
        border-left: none;
        background: none;
    }

    .copy-merge-measurement-container .preview-table .preview-content-container .preview-item-detail {
        margin-top: 5px;
    }

    .copy-merge-measurement-container .radio-button-container .measurement-type-radio,
    .copy-merge-measurement-container .new-measurement-container .measurement-types-container .unit-measurement {
        padding-left: 0;
        padding-right: 5px;
    }
}

@media(max-width:425px) {
    .header-copy-merge-measurement {
        background: none;
        border: none;
    }
}

@media(max-width:375px) {
    .copy-merge-measurement-container .preview-table .preview-content-container .preview-content .measurement-date-container {
        width: 90px;
        min-height: 42px;
    }
}

.item-filter .show-when-medical {
    display: none !important;
}

.item-filter.medical-entity .show-when-medical, .item-filter.medical-entity .entities-value, .item-filter .select-animal-type {
    display: inline-block !important;
}

.item-filter .select-animal-type {
    vertical-align: middle;
}

.source-measurements .item-filter .entities-value .filter {
    margin: 0;
}

.copy-merge-measurement-container .copy-merge-measurement-no-record-found {
    padding: 20px;
}

.measurement-index #chart-form .date-range-container .input-date-range-container span {
    margin-left: 3px;
    margin-right: 3px;
}

.measurement-index #chart-form .input-date-range-container,
.measurement-index #chart-form .measurement-sort-by-container,
.container-header-measurement .measurement-sort-by-container {
    display: flex;
    align-items: center;
}

#measurement-modal .container-header-measurement .measurement-sort-by-container {
    position: relative;
}



@media(min-width: 1200px) {
    .measurement-index #chart-form .container-measurement-item {
        min-width: 200px;
        max-width: 360px;
    }
}

@media(min-width: 768px) and (max-width: 1199px) {
    .measurement-index #chart-form .container-measurement-item {
        width: 50%;
    }
}

@media(min-width: 768px) {
    .measurement-index #chart-form {
        display: flex;
        flex-wrap: wrap;
    }

    .measurement-index #chart-form .form-group {
        margin-right: 5px;
    }

    .measurement-index .chart-list-measurement .panel-heading {
        display: flex;
        align-items: baseline;
    }

    .measurement-index #chart-form .date-range-container > label,
    .measurement-index #chart-form .date-range-container > span,
    .measurement-index #chart-form .form-group-label > label {
        padding-top: 9px;
    }

    .measurement-index .view-mode .btn-group {
        display: flex;
        justify-content: flex-end;
    }

    .measurement-index .view-mode {
        margin-left: auto;
        flex: 1;
        flex-shrink: 0;
    }

    .measurement-index #chart-form .form-group #from-date {
        margin-left: 5px;
    }



    .measurement-index #chart-form .measurement-sort-by-container {
        margin-left: 10px;
    }
}

@media(min-width: 480px) {
    .measurement-index #chart-form .date-range-container {
        display: flex;
    }
}

@media(min-width: 1200px) {
    .measurement-index #chart-form .date-range-container {
        margin-left: 10px;
    }

    .measurement-index #chart-form select.unit-id {
        min-width: 100px
    }
}

@media(max-width: 1199px) {
    .measurement-index #chart-form .date-range-container,
    .measurement-index .date-range-container .from-date {
        margin-left: 0;
    }

    .measurement-index #chart-form .date-range-container {
        align-items: center;
    }

    .measurement-index #chart-form .date-range-container > label {
        padding-top: 0 !important;
    }
}


@media(max-width: 767px) {
    .measurement-index #chart-form .container-measurement-item,
    .measurement-index #chart-form .date-range-container {
        width: 100%;
    }

    .copy-merge-measurement-container .item-filter {
        padding: 0px 15px;
    }

    .measurement-index #chart-form .form-group-label > label {
        margin-top: 10px;
    }

    .measurement-index #chart-form .date-range-container > label {
        margin-right: 5px;
    }
}

@media(max-width: 419px) {
    .panel-measurement .container-header-measurement .clear {
        display: none;
    }
}

.measurement-index #chart-form select.unit-id {
    min-width: 120px;
}

.preview-output-measurement.isCustomLevel .preview-table-custom-level,
.preview-output-measurement.isMatch .table-container.preview,
.option-measurement.isMatch,
.option-measurement.isMatch .option-copy-measurement.content-wrapper,
.new-measurement-container.isCustomLevel .custom-level-checked,
.new-measurement-container.isNotMatch .unit-not-match,
.destination-measurement-container.isNotMatch .unit-not-match,
.destination-measurement-container.isCustomLevel .custom-level-checked,
.copy-merge-measurement-container .new-measurement-container.show-new-unit .other-unit-textbox-container,
.destination-measurement-container.show-new-unit .other-unit-textbox-container,
.preview-output-measurement.show-new-unit,
.preview-output-measurement.single-unit {
    display: block !important;
}

.preview-output-measurement.isCustomLevel .table-container.preview, .content-container.hide-unit .unit-not-match, .content-container.hide-unit .unit-measurement-container, .preview-output-measurement .preview-table-custom-level, .option-measurement.isTime {
    display: none !important;
}

.copy-merge-measurement-container.isSourceCustomLevel .destination-measurement-container .measurement-type-radio:not(.isCustomLevel):not(.isTime) .copyMerge-radio-label {
    color: #aaaaaa;
    cursor: not-allowed;
}

.copy-merge-measurement-container .radio-button-container {
    padding-top: 10px;
}

.copy-merge-measurement-container .custom-level-checked {
    padding-top: 25px;
}

.copy-merge-measurement-container .custom-level-inner-container .item-detail .field-custom-level-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}

@media (max-width: 576px) {
    .copy-merge-measurement-container .custom-level-inner-container .item-detail .field-custom-level-container {
        display: flex;
        flex-direction: column;
    }

    .copy-merge-measurement-container .custom-level-inner-container .item-detail span.display-number {
        align-self: center;
    }
}

.welfare-menu-list .navbar-nav {
    width: 100%;
    float: none;
    margin: 0;
}

.welfare-menu-list .navbar-nav > li {
    float: none;
    display: block;
}

.welfare-menu-list .navbar-nav > li > a {
    padding: 10px;
    line-height: 1.1em;
}

.welfare-menu-list .navbar-nav > li.no-daily-report-detail a {
    background: none;
    color: #999;
    cursor: auto;
}

.dailyreport-attachment-container .no-records-found-container, .item-cards-container .no-records-found-container {
    padding-top: 10px;
}

.item-cards-container .no-records-found-container {
    padding-top: 10px;
}

.wrapper-daily-report-welfare .sidebar-trigger-container {
    position: absolute;
    top: 30px;
    left: 0;
    bottom: 0;
}

.wrapper-daily-report-welfare .sidebar-trigger {
    background-color: #2780e3;
    border-radius: 0 3px 3px 0;
    text-align: center;
    padding: 3px 7px;
    color: white;
    z-index: 710 !important;
    display: none;
    top: 70px;
}

.dailyreport-view .schedule-measurement, .dailyreport-view .schedule-checklist, .dailyreport-view .time-schedule-note {
    display: inline-block !important;
    margin-right: 5px;
}

.dailyreport-view .measurement-details .template-name, .dailyreport-view .schedule-measurement ~ .template-name, .dailyreport-view .schedule-checklist ~ span.template-name, .dailyreport-view .time-schedule-note ~ .template-name {
    color: #aaa;
    font-size: 13px;
}

.dailyreport-view .schedule-measurement:after,
.dailyreport-view .schedule-checklist:after,
.dailyreport-view .time-schedule-note:after,
#default-view .welfare-detail-container .measurement-entity-item .template-info .schedule-measurement:after {
    content: '|';
    display: inline-block;
    color: #aaa;
}

#default-view .welfare-detail-container .measurement-entity-item .template-info .schedule-measurement:after {
    margin-left: 5px;
}

.dailyreport-view .schedule-measurement:after,
.dailyreport-view .schedule-checklist:after,
.dailyreport-view .time-schedule-note:after {
    margin-left: 8px;
}

#default-view .welfare-detail-container .measurement-entity-item .template-info .schedule-measurement,
.dailyreport-view .calculated-measurement .measurement-details .view-measurement-entity {
    margin-right: 5px;
}

@media(max-width:1120px) {
    .dailyreport-view .welfare-menu-list .header-section {
        text-align: center;
    }

    .dailyreport-view .wrapper-daily-report-welfare .header-section .label-section {
        display: block;
    }
}

@media(min-width: 992px) and (max-width: 1140px) {
    .wrapper-daily-report-welfare .header-section .btn-group {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 1024px) {
    .dailyreport-view #default-view .welfare-detail-container .welfare-checklist-detail {
        padding: 15px 0;
    }

    .dailyreport-view .general-note-wrapper {
        padding: 20px 0 10px;
    }

    .welfare-menu-list .navbar-nav > li > a {
        padding: 10px 2px;
    }

    .dailyreport-view .wrapper-daily-report-welfare .daily-report-detail-container {
        padding: 15px 25px;
    }
}

@media (max-width: 767px) {
    .wrapper-daily-report-welfare .sidebar-trigger {
        display: block;
    }

    .welfare-menu-list .navbar-nav > li {
        border-bottom: none;
    }

    .dailyreport-view .wrapper-daily-report-welfare .daily-report-detail-container .welfare-entries-animal .entity-entries {
        padding-left: 15px;
    }

    .dailyreport-view .measurement-content-view .row-measurement-entity > div {
        padding-left: 0;
        padding-right: 0;
    }

    .dailyreport-view #default-view .item-name-container.general-note {
        width: 100%;
    }

    .welfare-checklist-detail .checklist-detail-container .checkbox-checklist {
        margin-top: 5px;
    }

    .dailyreport-view #default-view .welfare-detail-container .welfare-checklist-detail label {
        margin-bottom: 0;
    }

    .dailyreport-view #default-view .welfare-detail-container .welfare-checklist-detail .created-by-multiple {
        display: block;
        margin-bottom: 5px;
    }

    .dailyreport-view #default-view .welfare-detail-container .welfare-checklist-detail {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .copy-merge-measurement-container .preview-output-measurement .preview-table .preview-item-detail label,
    .copy-merge-measurement-container .preview-output-measurement .preview-table .preview-content label {
        margin: 0;
    }

    .copy-merge-measurement-container .custom-level-checked {
        padding: 0;
    }

    .copy-merge-measurement-container .custom-level-checked .measurement-value,
    .copy-merge-measurement-container .custom-level-checked .destination-item .add-new-textbox,
    .copy-merge-measurement-container .custom-level-checked .item-to-convert {
        text-align: center;
    }

    .copy-merge-measurement-container .option-measurement .option-copy-measurement,
    .copy-merge-measurement-container .option-measurement .radio-button-container {
        padding: 0;
    }

    #measurement-tab .navbar-nav,
    #measurement-template-container .navbar-nav {
        margin: 0;
    }

    #measurement-tab .navbar-custom .navbar-collapse,
    #measurement-template-container .navbar-custom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

@media(min-width: 480px) and (max-width: 767px) {
    .measurements-container .measurement-content-view {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media(max-width: 479px) {
    .measurements-container .measurement-content-view .measurement-details {
        padding-left: 0;
        padding-right: 0;
    }
}

.copy-merge-measurement-container .preview-output-measurement #measurement-preview-load {
    padding-top: 40px;
    position: absolute;
    z-index: 1;
    right: 50%;
}

#measurement-tab .accordion-target li a,
#measurement-template-container .accordion-target li a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
}

#measurement-tab .accordion-target li.active,
#measurement-template-container .accordion-target li.active:not(.no-record) {
    background-color: #2780e3;
}

#measurement-tab .accordion-target li:hover,
#measurement-template-container .accordion-target li:hover {
    background-color: #e6e6e6;
}

#calculated-measurement-tab .accordion-target li .calculated-measurement-name,
#measurement-tab .accordion-target li .measurement-name,
#measurement-template-container .accordion-target li .measurement-template-name {
    flex-grow: 1;
    line-height: initial;
    word-break: break-word;
}

#measurement-tab .container-entity-measurement-item .no-entity-found,
#measurement-template-container .container-entity-measurement-item .no-entity-found {
    padding-top: 15px;
    padding-bottom: 15px;
}

#measurement-tab .measurement-item-wrapper .panel-default {
    position: relative;
}

#measurement-tab .spinner-entity {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
}

#calculated-measurement-tab .container-entity-measurement-item .entity-name-container:not(:last-child),
#calculated-measurement-tab .container-entity-measurement-item label,
#measurement-tab .container-entity-measurement-item label,
#measurement-tab .container-entity-measurement-item .entity-name-container:not(:last-child),
#measurement-template-container .container-entity-measurement-item .entity-name-container:not(:last-child) {
    border-bottom: 1px solid #eee;
}

#calculated-measurement-tab .container-entity-measurement-item .entity-name-container,
#measurement-tab .container-entity-measurement-item .entity-name-container,
#measurement-template-container .container-entity-measurement-item .entity-name-container {
    padding: 10px 0;
}

#calculated-measurement-tab .container-entity-measurement-item .entity-name-container i,
#measurement-tab .container-entity-measurement-item .entity-name-container i,
#measurement-template-container .container-entity-measurement-item .entity-name-container i {
    padding: 10px 5px;
}

#calculated-measurement-tab .container-entity-measurement-item,
#measurement-tab .container-entity-measurement-item,
#measurement-template-container .container-entity-measurement-item {
    padding-bottom: 0;
    max-height: 400px;
    overflow-y: auto;
    min-height: 40px;
}

#measurement-template-container .container-entity-measurement-item {
    padding-top: 0;
}

#measurement-tab .container-entity-measurement-item .entity-name-container,
#measurement-template-container .container-entity-measurement-item .entity-name-container {
    display: flex;
    align-items: center;
}

#measurement-tab .container-entity-measurement-item .entity-name-container .animal-mini-detail,
#measurement-template-container .container-entity-measurement-item .entity-name-container .animal-mini-detail {
    width: 100%;
}

#measurement-tab .container-entity-measurement-item.on-load {
    min-height: 100px;
}

#measurement-tab .entities-type-label {
    border-bottom: 1px solid #ccc;
    padding: 30px 15px 15px 0;
}

.copy-merge-measurement-container .other-unit-textbox-container label {
    padding-top: 0px;
}

@media(min-width:768px) {
    .copy-merge-measurement-container .entity-filter {
        padding-right: 0;
    }

    .copy-merge-measurement-container .item-filter {
        padding-left: 0;
    }
}

.popover-user-notification .spinner-container, #notification-content .spinner-container {
    position: absolute;
    top: 55px;
    left: 43%;
}

.user-index .search-filter-container, .business-index .search-filter-container, .user-filter-container #user-search, .search-filter-container #business-search, .user-filter-container #status, .business-filter-container #status {
    width: 100%;
}

.business-filter-container #businessTypeId {
    max-width: 210px;
}

.user-index .filter-status-container, .business-index .business-filter-container .bussiness-filter-wrapper {
    display: inline-block;
}

.user-filter-container .search-group {
    width: 89%;
}

.coalition-filter-container .filter-status-container,
.coalition-filter-container .search-group,
.coalition-filter-container .search-filter-container,
.coalition-filter-container .input-group-btn,
.resource-category-filter-container .search-group,
.resource-category-filter-container .search-filter-container,
.resource-category-filter-container .input-group-btn {
    float: left;
}

.resource-category-filter-container .search-group {
    margin-left: auto;
}

.resource-category-filter-container {
    display: flex;
    align-items: center;
    padding-top: 10px;
}

@media(max-width: 479px) {
    .resource-category-filter-container {
        display: block;
    }

    .resource-count {
        padding-bottom: 10px;
    }
}

.coalition-filter-container:after,
.resource-category-filter-container:after {
    content: ' ';
    display: block;
    clear: both;
}

@media (max-width: 767px) {
    .user-filter-container #status,
    .user-filter-container .search-group,
    .business-filter-container #businessTypeId,
    .business-filter-container #status,
    .business-filter-container .search-group,
    .user-index .user-filter-container .search-group {
        width: 100% !important;
    }

    .user-index #filterForm,
    .business-index #filterForm {
        padding: 10px 15px;
    }

    .business-filter-container select,
    .user-filter-container select {
        margin-bottom: 5px;
    }

    .user-index .user-filter-container .filter-status-container,
    .business-index .business-filter-container .bussiness-filter-wrapper {
        display: block !important;
    }
}

.business-index .no-record-found h4 {
    padding-left: 15px
}

.general-note-container {
    padding: 15px 5px 10px 5px;
    position: relative;
    display: inline-block;
    width: 100%;
}

.general-note-container .image-wrapper {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}

.general-note-container .image-inner-container {
    border: 2px solid #ccc;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 1px
}

.general-note-container .image-inner-container img {
    border-radius: 50%;
    width: 44px;
    height: 44px;
    vertical-align: middle;
}

.general-note-container .created-by-container {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.general-note-container .created-by-container .general-note-audit-user {
    color: #333 !important;
    font-weight: bold;
    font-size: 18px !important;
    display: inline-block;
}

.general-note-container .general-note-audit-fields .general-note-audit-field {
    color: #aaa;
    font-size: 13px;
}

.general-note-audit-fields .general-note-audit-datetime {
    padding-left: 2px;
    border-color: #ccc;
}

.general-note-container .general-note-content label, .general-note-container .general-note-audit-field {
    display: inline;
}

.general-note-container .general-note-content {
    padding-right: 0;
}

.general-note-container .rowContentNote {
    padding-right: 0px !important;
    padding-left: 10px;
    margin-top: 5px;
    border-left: 6px solid #ccc;
}

.general-note-container .general-note-content label {
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.0em;
}

.general-note-container .general-note-content .note-type {
    font-size: 11px;
    text-transform: uppercase;
    color: #999;
    margin-left: 3px;
}

.general-note-container .general-note-content .note-content {
    margin-top: 5px;
}

.general-note-container .general-note-audit-fields {
    text-align: left;
}

.general-note-container .general-note-updated:not(.hide) {
    margin: 8px 0;
    display: block;
    width: 100%;
}

.general-note-container .general-note-content .note-subtitle {
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: bold;
    color: #333 !important;
}

.animal-view .panel-daily-report-animal-note a.filter i {
    margin-right: 3px;
}

.general-note-container .general-note-content .note-subtitle a {
    font-weight: 600;
}

.general-note-container.template-note {
    display: none;
}

.general-note-container .btn-actions {
    position: absolute;
    right: 0;
}

.general-note-container:hover {
    background-color: #dee7ef;
}

@media(min-width: 375px) and (max-width: 991px) {
    .general-note-container .created-by-container {
        width: 75%;
    }
}

@media(max-width: 374px) {
    .general-note-container .created-by-container {
        width: 60%;
    }
}

@media(min-width: 992px) {
    .general-note-container .general-note-content {
        padding-left: 80px;
        margin-top: -15px;
    }

    .general-note-container .btn-actions .edit-item,
    .general-note-container .btn-actions .delete-item {
        display: inline-block;
    }

    .general-note-container .btn-actions {
        top: 30px;
    }

    .general-note-container .btn-actions .edit-item,
    .general-note-container .btn-actions .delete-item {
        padding: 5px 10px;
    }
}

@media(max-width: 991px) {
    .general-note-container .general-note-content {
        padding-left: 0px;
    }

    .general-note-container .created-by-container .general-note-audit-user {
        width: 100%;
    }

    .panel-note-container .general-note-container .general-note-content {
        padding-left: 15px;
    }

    .general-note-container .btn-actions {
        top: 15px;
    }

    .general-note-container .btn-actions .edit-item,
    .general-note-container .btn-actions .delete-item {
        padding: 10px;
    }
}

#modalGeneralNote .note-type-container {
    margin-bottom: 10px;
}

#modalGeneralNote.add .title-edit {
    display: none;
}

#modalGeneralNote.edit .title-add {
    display: none;
}

#modalGeneralNote .select2-container--default .select2-results > .select2-results__options {
    max-height: 135px !important;
}

.body-dailyreport-edit .introjs-overlay, .body-dailyreport-edit .introjs-helperLayer {
    z-index: 899 !important;
}

.body-dailyreport-edit .introjs-tooltipReferenceLayer, .daily-report-container .introjs-showElement {
    z-index: 900 !important;
}

.body-dailyreport-edit .introjs-helperLayer {
    display: none !important;
}

#application-configuration .version {
    margin: 0px 5px;
}

#layout-footer .build-info {
    font-size: 11px;
}

#layout-footer .build-info::before {
    content: 'v';
}

.dailyreport-wrapper-container .calendar-month-container {
    position: relative;
}

.dailyreport-wrapper-container input.calendar-date-picker {
    position: absolute;
    background-color: transparent;
    color: transparent;
    border: none;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    cursor: pointer;
    user-select: none;
}

.dailyreport-wrapper-container input.calendar-date-picker:focus {
    outline: none;
}

.welfare-index .message-notification-info,
.erase-data-modal-tooltip {
    padding: 15px 0;
    border: 1px solid #ddd;
    background: #f5f5f5;
}

.welfare-index .message-notification-info .info-notification-welfare,
.erase-data-modal-tooltip {
    padding: 3px 10px 0;
}

@media(max-width:991px) {
    .copy-merge-measurement-container.merge .source-medical-date-container.show-when-medical {
        padding: 15px;
    }

    .user-index .user-filter-container .search-group {
        width: 87%;
    }
}

.search-filter-container .search.search-field {
    padding-right: 30px;
}

#animalgroup-tab .search-filter .search-field,
#measurement-tab .search-filter .search-field {
    padding-right: 35px;
}

.user-index .user-filter-container, .business-index .business-filter-container {
    width: 100%;
}


.wrap-flag-dropdown .select2-results__option .wrap:before {
    font-family: fontAwesome;
    content: "\f096";
    width: 25px;
    height: 25px;
    padding-right: 10px;
}

.wrap-flag-dropdown .select2-results__option[aria-selected=true] .wrap:before {
    content: "\f14a";
    color: #fff;
}

.wrap-flag-dropdown .select2-results__option:not(:first-child)[aria-selected=true] {
    border-top: 1px solid #fff;
}

.wrap-flag-dropdown .select2-results__option .wrap .label-color,
.custom-value-wrap > span.custom-value-color {
    border: 5px solid transparent;
    margin-right: 5px;
}

@media(max-width:768px) {
    .box-medical-search .wrapper-refine-search .input-refine {
        padding: 0px 10px !important;
    }

    .box-medical-search .wrapper-refine-search .medical-treatment-container .wrapper-type {
        margin-left: 0px !important;
        margin-top: -10px;
    }
}

@media (min-width:768px) {
    .box-medical-search .wrapper-refine-search .medical-treatment-container {
        float: left;
        padding: 10px;
        display: inline-block;
        background-color: #ddd;
        margin-left: 15px;
    }

    .box-medical-search .wrapper-refine-search .medical-treatment-container .form-group {
        width: 210px;
    }
}

.box-medical-search .wrapper-refine-search .medical-treatment-container .wrapper-type {
    margin-left: -3px;
}

.box-medical-search .wrapper-refine-search .medical-treatment-container .wrapper-type.custom-value-item-row {
    width: 275px;
}

.box-medical-search .wrapper-refine-search .flag-row, .box-medical-search .wrapper-refine-search .reset-refine-medical {
    padding: 10px;
}

.box-medical-search .wrapper-refine-search .reset-refine-medical {
    margin-left: 10px;
}

.business-list .flag {
    width: 5% !important;
}

.col-12-text {
    width: 100%;
    padding-left: 30px;
}

.measurement-item-container .measurement-item-wrapper .measurement-view .measurement-name,
#measurement-template-container .template-view-mode .title {
    text-overflow: ellipsis;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    display: inline;
}

@media(max-width: 1200px) {
    .medical-view .panel-body .row .col-12-text,
    .col-12-text {
        width: 100%;
    }
}

@media(min-width: 1200px) {
    .measurement-item-container .measurement-item-wrapper .measurement-view .measurement-name,
    #measurement-template-container .template-view-mode .title {
        max-width: 688px !important;
    }
}

@media(max-width: 768px) {
    .measurement-item-container .measurement-item-wrapper .measurement-view .measurement-name {
        max-width: 340px !important;
    }
}

@media(max-width: 475px) {
    .measurement-item-container .measurement-item-wrapper .measurement-view .measurement-name {
        max-width: 185px !important;
    }
}

.animal-edit .select-linegage-type, .animal-add .select-linegage-type {
    padding-left: 15px;
    padding-right: 15px;
}

.read-only-note .img-container img, .measurement-note .img-container img, .measurement-entity-note .img-container img {
    cursor: pointer;
}

.welfare-record-status .wrapperBootstrapSwitch,
.show-medical-reminder-container .wrapperBootstrapSwitch {
    padding-top: 10px;
}

.welfare-record-status .wrapperBootstrapSwitch .active-status,
.welfare-record-status .wrapperBootstrapSwitch.active .inactive-status,
.show-medical-reminder-container:not(.active) .wrapperBootstrapSwitch .enabled-value,
.show-medical-reminder-container.active .wrapperBootstrapSwitch .disabled-value {
    display: none;
}

.welfare-record-status .wrapperBootstrapSwitch.active .active-status,
.welfare-record-status .wrapperBootstrapSwitch .inactive-status,
.show-medical-reminder-container .wrapperBootstrapSwitch .enabled-value,
.show-medical-reminder-container .wrapperBootstrapSwitch .disabled-value {
    display: inline-block;
    padding-left: 10px;
    font-weight: 600;
    vertical-align: bottom;
    line-height: 1.6;
}

.welfare-record-status .bootstrap-switch-wrapper,
.show-medical-reminder-container .bootstrap-switch-wrapper {
    width: 46px;
}

.welfare-record-status .bootstrap-switch-wrapper .bootstrap-switch-container,
.show-medical-reminder-container .bootstrap-switch-wrapper .bootstrap-switch-container {
    width: 66px;
}

.welfare-record-status .bootstrap-switch-wrapper .bootstrap-switch-container span,
.show-medical-reminder-container .bootstrap-switch-wrapper .bootstrap-switch-container span {
    width: 22px;
}

.welfare-filter-container .welfare-filter-wrapper {
    float: right;
}

.welfare-filter-container .filter-status-dropdown {
    margin-top: 15px;
}

.welfare-filter-container .welfare-filter-wrapper .label-status-wrapper {
    margin-top: 25px;
    text-align: end;
}

#welfare-view-graph .box-chart {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 0 0 10px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

#welfare-view-graph .box-chart .title {
    padding-top: 10px;
}

#welfare-view-graph .wrapper-box-chart {
    margin-bottom: 20px;
}

#welfare-view-graph .chart-measurement .container-legend-aggregation,
#welfare-view-graph .chart-calculated-measurement .container-legend-aggregation,
#welfare-view-graph .chart-custom-level .container-legend-aggregation,
#welfare-view-graph .chart-note .container-legend-aggregation,
#welfare-view-graph .chart-checklist .container-legend-aggregation,
.progress-report #welfare-view-compare .container-legend-aggregation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#welfare-view-graph .chart-checklist .container-legend-aggregation {
    margin-bottom: 5px;
}

#welfare-view-graph .chart-note .container-legend-aggregation,
#welfare-view-graph .chart-measurement .container-legend-aggregation,
#welfare-view-graph .chart-calculated-measurement .container-legend-aggregation,
#welfare-view-graph .chart-custom-level .container-legend-aggregation,
.progress-report #welfare-view-compare .container-legend-aggregation {
    height: 45px;
}

#welfare-view-graph .chart-checklist .container-legend-aggregation {
    height: 40px;
}

#welfare-view-graph .chart-note .container-legend-aggregation,
#welfare-view-graph .chart-measurement .container-legend-aggregation,
#welfare-view-graph .chart-calculated-measurement .container-legend-aggregation,
#welfare-view-graph .chart-custom-level .container-legend-aggregation,
#welfare-view-graph .chart-checklist .container-legend-aggregation,
.progress-report #welfare-view-compare .container-legend-aggregation {
    padding-right: 20px;
    padding-left: 15px;
}


#welfare-view-graph .chart-note .container-legend-aggregation,
#welfare-view-graph .chart-measurement .container-legend-aggregation,
#welfare-view-graph .chart-calculated-measurement .container-legend-aggregation,
#welfare-view-graph .chart-custom-level .container-legend-aggregation,
.progress-report #welfare-view-compare .container-legend-aggregation {
    margin-bottom: 10px;
}

#welfare-view-graph .chart-note .container-legend-aggregation .notes-counter {
    font-size: 14px;
}

.welfare-progress .btn-chart-time button,
.welfare-progress .btn-time button {
    outline: none;
}

.welfare-progress .btn-chart-type button.inactive {
    background: none;
}

.welfare-progress .btn-chart-type span.active {
    border-bottom: 3px solid #2780e3 !important;
}

.welfare-progress .btn-chart-type span {
    display: inline-block;
    padding-top: 3px;
    cursor: pointer;
    margin-left: 15px;
}

.welfare-progress .btn-chart-type span i {
    width: 30px;
    display: inline-block;
    height: 31px;
}

#welfare-view-graph .chart-custom-level .container-legend-aggregation {
    text-align: right;
}

.welfare-progress .chart-option .btn-dropdown.filtered,
.progress-report .btn-dropdown.filtered {
    color: #2b78e4;
}

.progress-report .filter-all-graph .btn-dropdown {
    display: flex;
    align-items: center;
    flex: 1;
}


#welfare-view-graph .chart-checklist.filter-day .label-interval, #welfare-view-graph .chart-checklist.filter-day .label-endDate {
    display: none;
}

.progress-report .view-graph-option {
    display: flex;
    align-items: baseline;
    position: relative;
}

.progress-report .view-graph-option ul.list-welfare-templates {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-right: 15px;
    display: flex;
    min-width: 0;
    overflow: hidden;
}

.welfare-progress .container-list-welfare-template {
    display: flex;
    align-items: center;
    min-width: 0;
    width: 100%;
}

@media(max-width: 991px) {
    .welfare-progress .container-list-welfare-template {
        width: 100%;
    }
}

@media(min-width: 992px) {
    .welfare-progress .container-list-welfare-template {
        padding-right: 30px;
    }
}

.progress-report #welfare-view-compare .box-chart .no-result {
    padding: 30px 20px;
}


.progress-report #welfare-view-compare .box-chart-content .spinner,
#welfare-view-graph .box-chart-content .spinner {
    position: absolute;
}

#welfare-view-graph .chart-calculated-measurement .box-chart-content .spinner,
#welfare-view-graph .chart-measurement .box-chart-content .spinner,
#welfare-view-graph .chart-note .box-chart-content .spinner,
#welfare-view-graph .chart-checklist .box-chart-content .spinner,
.progress-report #welfare-view-compare .box-chart-content .spinner {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

#welfare-view-graph .chart-note .box-chart-content .spinner,
.progress-report #welfare-view-compare .box-chart-content .spinner {
    z-index: 1;
}

@media(min-width: 992px) {
    .progress-report .filter-all-graph {
        text-align: right;
        margin-left: auto;
    }

    .welfare-progress .view-grap-option-daily-report {
        margin-bottom: 30px;
    }
}

@media(max-width: 991px) {
    .progress-report .filter-all-graph {
        margin-top: 10px;
    }

    .welfare-progress .list-welfare-templates li {
        padding-bottom: 8px;
    }

    .progress-report .view-graph-option {
        flex-flow: column;
    }
}

@media(min-width: 768px) {
    #welfare-view-graph .chart-custom-level .box-chart-content .spinner {
        top: 50%;
        left: 25%;
        transform: translate(-25%, -50%);
    }
}

@media(max-width: 767px) {
    #welfare-view-graph .chart-custom-level .box-chart-content .spinner {
        top: 35%;
        left: 35%;
        transform: translate(35%, -35%);
    }
}

.welfare-progress-all-graph hr {
    margin-top: 0;
    margin-bottom: 40px;
    padding: 0;
}

.welfare-progress .container-list-welfare-template .dropdown-template i {
    font-size: 17px;
    margin-left: 3px;
}

.welfare-progress .container-list-welfare-template .dropdown-template a.dropdown-toggle {
    display: flex;
    align-items: center;
    color: #333;
    width: 105px;
}

.welfare-progress .container-list-welfare-template .dropdown-template .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
}

.welfare-progress .container-list-welfare-template .dropdown-template a.dropdown-toggle:hover {
    color: #2780e3 !important;
}

.welfare-progress .container-list-welfare-template .dropdown-template a.dropdown-toggle:hover,
.welfare-progress .container-list-welfare-template .dropdown-template a.dropdown-toggle:focus {
    text-decoration: none;
}

.welfare-progress .container-list-welfare-template .dropdown-template a.dropdown-toggle.selected {
    color: #2780e3 !important;
    font-weight: 600;
}


.progress-report .view-graph-option ul.list-welfare-templates::-webkit-scrollbar {
    display: none;
}

.welfare-progress .container-list-welfare-template .dropdown-template {
    display: flex;
    align-items: center;
    position: relative;
}



.progress-report .view-graph-option li.active a:focus, .progress-report .view-graph-option li.active a:hover, .progress-report .view-graph-option li.active a:visited {
    text-decoration: none !important;
}

.welfare-progress .list-welfare-templates li.hover a {
    text-decoration: none !important;
    color: #2780e3 !important;
}

.welfare-progress .list-welfare-templates li.active {
    border-bottom: 3px solid #2780e3;
    font-weight: 600;
}

.welfare-progress .list-welfare-templates > li > a {
    display: inline-block;
    color: #333;
    vertical-align: bottom;
    line-height: 1.2em;
}

.progress-report .view-graph-option .dropdown-entity-type a {
    width: 100%;
}

.welfare-progress .list-welfare-templates a.view-option {
    max-width: 200px;
    min-width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.welfare-progress .container-list-welfare-template .dropdown-template .dropdown-menu > li {
    padding: 3px 20px;
    display: flex;
}

.welfare-progress .container-list-welfare-template .dropdown-template .dropdown-menu .view-option {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.welfare-progress .container-list-welfare-template .dropdown-template .dropdown-menu > li.active {
    background-color: #2780e3;
}

.welfare-progress .container-list-welfare-template .dropdown-template .dropdown-menu > li.active > a {
    color: #fff;
}

.welfare-progress .container-list-welfare-template .dropdown-template .dropdown-menu a {
    display: inline-block;
    padding: 0;
}

.welfare-progress .container-list-welfare-template .dropdown-template .dropdown-menu > li:hover {
    background-color: #2780e3;
}

.welfare-progress .container-list-welfare-template .dropdown-template .dropdown-menu > li:hover > a {
    color: #fff;
}

.progress-report .view-graph-option a.fa-external-link {
    margin-left: 5px;
    font-size: 13px;
    margin-top: 3px;
}

#welfare-view-graph {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 150px;
}

.welfare-progress p.header-text {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

#welfare-view-compare .spinner-view-compare,
#welfare-view-graph .spinner-view-graph {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}



#welfare-view-graph .chart-note .legend-chart-result.legend-chart-common.legend-flex {
    flex: 1;
    overflow-x: auto;
    margin-left: 15px;
    margin-right: 15px;
    display: flex;
}

#welfare-view-graph .chart-note .legend-chart-result.legend-chart-common,
#welfare-view-graph .chart-custom-level .legend-chart-result.legend-chart-commonn {
    height: 25px;
}

#welfare-view-graph .chart-custom-level .legend-chart-result.legend-chart-common {
    width: 60%;
}

#welfare-view-graph .chart-measurement .legend-chart-result.legend-chart-common,
#welfare-view-graph .chart-calculated-measurement .legend-chart-result.legend-chart-common,
#welfare-view-graph .chart-custom-level .legend-chart-result.legend-chart-common,
#welfare-view-graph .chart-note .legend-chart-result.legend-chart-common,
.progress-report #welfare-view-compare .legend-chart-result.legend-chart-common {
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
}

#welfare-view-graph .chart-measurement .legend-chart-result.legend-chart-common,
#welfare-view-graph .chart-calculated-measurement .legend-chart-result.legend-chart-common,
#welfare-view-graph .chart-custom-level .legend-chart-result.legend-chart-common,
#welfare-view-graph .chart-note .legend-chart-result.legend-chart-common,
.welfare-progress .progress-report #welfare-view-compare .legend-chart-result.legend-chart-common {
    margin-top: 10px;
}

#default-view .progress-report #welfare-view-compare .legend-chart-result.legend-chart-common {
    margin-top: 7px;
}

#welfare-view-graph .chart-measurement .legend-chart-result.legend-chart-common ul::-webkit-scrollbar,
#welfare-view-graph .chart-calculated-measurement .legend-chart-result.legend-chart-common ul::-webkit-scrollbar,
#welfare-view-graph .chart-custom-level .legend-chart-result.legend-chart-common ul::-webkit-scrollbar,
#welfare-view-graph .chart-note .legend-chart-result.legend-chart-common::-webkit-scrollbar,
.progress-report #welfare-view-compare .box-chart.line .legend-chart-result.legend-chart-common::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background-color: #ddd;
}

#welfare-view-graph .chart-measurement .legend-chart-result.legend-chart-common ul::-webkit-scrollbar-thumb:horizontal,
#welfare-view-graph .chart-calculated-measurement .legend-chart-result.legend-chart-common ul::-webkit-scrollbar-thumb:horizontal,
#welfare-view-graph .chart-custom-level legend-chart-result.legend-chart-common ul::-webkit-scrollbar-thumb:horizontal,
#welfare-view-graph .chart-note .legend-chart-result.legend-chart-common::-webkit-scrollbar-thumb:horizontal,
.progress-report #welfare-view-compare .box-chart.line .legend-chart-result.legend-chart-common::-webkit-scrollbar-thumb:horizontal {
    background-color: #aaa;
    border-radius: 10px;
}

#welfare-view-graph .chart-measurement .container-legend-aggregation .input-group-btn,
#welfare-view-graph .chart-calculated-measurement .container-legend-aggregation .input-group-btn,
#welfare-view-graph .chart-custom-level .container-legend-aggregation .input-group-btn,
.progress-report #welfare-view-compare .container-legend-aggregation .input-group-btn {
    width: auto;
}


#welfare-view-graph .graph-measurement-time .btn-chart-mode {
    position: absolute;
    bottom: 0px;
    left: 20px;
    font-size: 18px;
    color: #666 !important;
    padding: 5px;
    line-height: 0;
    box-shadow: none;
}

#welfare-view-graph .graph-measurement-time .btn-chart-mode.active {
    color: #2780e3 !important;
}

#welfare-view-graph .container-legend-aggregation .chart-group-by-filter,
#welfare-view-graph .container-legend-aggregation .btn-export-container,
#welfare-view-graph .container-legend-aggregation .date-range,
.progress-report #welfare-view-compare .container-legend-aggregation .chart-group-by-filter,
.progress-report #welfare-view-compare .container-legend-aggregation .btn-export-container,
.progress-report #welfare-view-compare .container-legend-aggregation .date-range {
    flex: 1 1 0;
}

.progress-report #welfare-view-compare .box-chart-content .date-range,
#welfare-view-graph .container-legend-aggregation .date-range {
    font-weight: 600;
}

.progress-report #welfare-view-compare .date-range,
#welfare-view-graph .box-chart .date-range {
    display: flex;
    justify-content: center;
    font-size: 16px;
}

.progress-report #welfare-view-compare .date-range .end-date:before,
#welfare-view-graph .box-chart .date-range .end-date:before {
    content: "-";
    margin-left: 3px;
    margin-right: 3px;
}

.progress-report #welfare-view-compare .container-legend-aggregation .btn-export-container,
#welfare-view-graph .container-legend-aggregation .btn-export-container {
    display: flex;
    justify-content: flex-end;
}


#welfare-view-graph .wrapper-chart-full-size {
    padding-left: 0px;
    padding-right: 0px;
}


.welfare-progress h2 a.back:hover, .welfare-progress h2 a.back:focus, .welfare-progress h2 a.back:visited {
    text-decoration: none;
}

.welfare-progress .header-welfare-progress h4 {
    margin-top: 15px;
}



@media(max-width: 992px) {
    #welfare-view-graph .wrapper-box-chart {
        padding-left: 0px;
        padding-right: 0px;
    }

    #welfare-view-graph .graph-measurement-time .chart-result .chart-result-canvas {
        margin-bottom: 40px;
    }
}

@media(min-width: 768px) {
    #welfare-view-graph .chart-measurement .legend-chart-result.legend-chart-common li,
    #welfare-view-graph .chart-calculated-measurement .legend-chart-result.legend-chart-common li,
    #welfare-view-graph .chart-custom-level .legend-chart-result.legend-chart-common li,
    #welfare-view-graph .chart-note .legend-chart-result.legend-chart-common li,
    .progress-report #welfare-view-compare .box-chart.line .legend-chart-result.legend-chart-common li {
        margin-right: 10px;
        display: inline-block;
    }

    #welfare-view-graph .chart-note .legend-chart-result.legend-chart-common li {
        white-space: nowrap;
    }


    #welfare-view-graph .chart-note .chart-result-canvas {
        height: calc(100% - 40px) !important;
    }
}

@media(max-width: 767px) {

    .welfare-detail-container .measurements-container .measurement-title-container .btn-group .btn-add-measurement {
        margin-left: auto;
    }
}

@media(max-width: 479px) {
    #default-view .welfare-detail-container .measurements-container .header-measurement-details .header-measurement-name {
        padding-left: 0;
    }

    #default-view .welfare-detail-container .measurements-container .measurement-result-container .measurement-details {
        padding-right: 15px !important;
    }


    #default-view .welfare-detail-container .measurements-container .measurement-result-container .measurement-details:not(.measurement-entity-item) {
        padding-left: 15px !important;
    }
}

@media(max-width: 991px) {
    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .header-measurement-detail-container,
    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .list-measurement-details-container,
    .referral-referfriends .header-list-referral-container,
    .referral-referfriends .list-referral-details-container {
        display: flex;
        width: 100%;
    }

    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .header-measurement-details > div,
    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .measurement-result-container .measurement-details,
    .referral-referfriends .header-list-referral-container .header-referral-details > label,
    .referral-referfriends .list-referral-details .referral-details {
        display: inline-block;
        flex-shrink: 0;
    }

    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .header-measurement-details,
    .referral-referfriends .header-list-referral-container .header-referral-details {
        display: flex;
        align-items: center;
        overflow-x: hidden;
        overflow-y: hidden;
        background-color: #fff;
        -ms-overflow-style: none;
        scrollbar-width: none;
        border-bottom: 2px solid #aaa;
        flex-direction: row;
        width: 0;
        flex-basis: 100%;
    }

    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .measurement-result-container,
    .referral-referfriends .list-referral-details {
        display: flex;
        flex-direction: column;
        overflow-x: auto;
        flex-grow: 1;
        width: 0;
        flex-basis: 100%;
    }


    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .measurement-result-container .row-measurement-details > div,
    .referral-referfriends .row-referral-details  > div{
        display: flex;
    }


    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .header-measurement-details .header-measurement-name,
    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .header-measurement-details .header-measurement-date,
    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .measurement-result-container .measurement-entity-item,
    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .measurement-result-container .measurement-entity-date {
        width: 175px;
    }

    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .header-measurement-details .header-measurement-value,
    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .measurement-result-container .measurement-entity-value {
        width: 163px;
    }

    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .measurement-result-container .measurement-entity-value {
        padding-left: 15px !important;
    }

    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .header-measurement-details .header-measurement-unit,
    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .measurement-result-container .measurement-entity-type {
        width: 125px;
    }

    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .header-measurement-details .header-measurement-created-by,
    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .header-measurement-details .header-measurement-updated-by,
    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .measurement-result-container .measurement-entity-created,
    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .measurement-result-container .measurement-entity-updated {
        width: 140px;
    }


    #default-view .welfare-detail-container .measurements-container .measurement-result-container .measurement-details {
        margin-bottom: 0 !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .header-measurement-details,
    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .measurement-result-container .measurement-content-view {
        padding-top: 0;
        padding-bottom: 0;
    }

    .dailyreport-edit #default-view .welfare-detail-container .measurements-container .header-measurement-details > div {
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .referral-referfriends .header-referral-details .header-referral-type,
    .referral-referfriends .header-referral-details .header-referral-amount,
    .referral-referfriends .list-referral-details .referral-type,
    .referral-referfriends .list-referral-details .referral-amount {
        width: 120px;
    }

    .referral-referfriends .header-referral-details .header-referral-email,
    .referral-referfriends .header-referral-details .header-referral-email-sent,
    .referral-referfriends .header-referral-details .header-referral-tenant-name,
    .referral-referfriends .list-referral-details .referral-email,
    .referral-referfriends .list-referral-details .referral-email-sent,
    .referral-referfriends .list-referral-details .referral-tenant-name {
        width: 190px;
    }

    .referral-referfriends .header-referral-details .header-referral-status,
    .referral-referfriends .list-referral-details .referral-status {
        width: 92px;
    }

    .referral-referfriends .header-referral-details .header-referral-updated-on,
    .referral-referfriends .list-referral-details .referral-updated-on {
        width: 165px;
    }


    .referral-referfriends .list-referral-details .referral-email,
    .referral-referfriends .list-referral-details .referral-tenant-name {
        word-break: break-all;
    }
}

@media(min-width: 992px) {
    #welfare-view-graph .wrapper-box-chart.odd {
        padding-left: 0px;
        padding-right: 10px;
    }

    #welfare-view-graph .wrapper-box-chart.even {
        padding-left: 10px;
        padding-right: 0px;
    }

    .referral-referfriends .list-referral-details .row-referral-details > div{
        display: flex;
    }
}

@media(max-width: 1199px) {
    .progress-report .container-compare-entity {
        padding: 0px;
    }
}

@media(min-width: 1200px) {

    .progress-report .container-compare-entity {
        padding-left: 0px;
    }
}

.progress-report .search-entity .select2-search__field {
    width: 100% !important;
    margin-top: 5px;
}

.progress-report .search-entity {
    margin-bottom: 10px;
    position: relative;
    display: none;
}

.progress-report.compare-report .search-entity {
    display: block !important;
}

.progress-report.compare-report .search-entity .temp-section-option {
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    opacity: 0;
}

.progress-report .search-entity .clear-search {
    position: absolute;
    right: 15px;
    top: 19px;
    z-index: 1;
    padding-left: 5px;
    padding-right: 5px;
}

.progress-report .search-entity .clear-search:focus,
.progress-report .search-entity .clear-search:hover {
    text-decoration: none;
    color: #999;
}

#welfare-view-compare .template {
    display: none;
}

#welfare-view-compare .selected-entity:not(:last-child) .container-entity-detail {
    border-bottom: 1px solid #ddd;
}

.progress-report.compare-report #welfare-view-compare .container-selected-entity {
    display: inline-block !important;
}

.progress-report #welfare-view-compare .container-selected-entity {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0px;
    background-color: #fff;
    border: 1px solid #ddd;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
}

.progress-report #welfare-view-compare .container-selected-entity.show-no-record .no-entity {
    display: block !important;
}

.progress-report #welfare-view-compare .container-selected-entity .no-entity {
    display: none;
    padding: 15px;
}

.progress-report .search-entity .select2-container--default.select2-container--focus .select2-selection--multiple,
.progress-report .search-entity .select2-container--default .select2-selection--multiple {
    border: 1px solid #ddd;
}

.progress-report .search-entity .select2-container--default.select2-container--open .select2-selection--multiple {
    outline: none;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}


.progress-report #welfare-view-compare .box-chart.radar .legend-chart-result.legend-chart-common::-webkit-scrollbar,
.progress-report #welfare-view-compare .container-selected-entity::-webkit-scrollbar {
    width: 7px;
}

.progress-report #welfare-view-compare .box-chart.radar .legend-chart-result.legend-chart-common::-webkit-scrollbar-thumb,
.progress-report #welfare-view-compare .container-selected-entity::-webkit-scrollbar-thumb {
    background: #ccc;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.progress-report #welfare-view-compare .box-chart.radar .legend-chart-result.legend-chart-common::-webkit-scrollbar-track,
.progress-report #welfare-view-compare .container-selected-entity::-webkit-scrollbar-track {
    background: none;
}

.progress-report #welfare-view-compare .container-selected-entity .checkbox {
    margin-top: 0px;
}

.progress-report.compare-report .welfare-progress-compare {
    display: inline-block;
    width: 100%;
    position: relative;
    min-height: 300px;
}

.progress-report .welfare-progress-compare {
    display: none;
}

.progress-report #welfare-view-compare .container-entity-detail {
    padding-top: 5px;
    padding-bottom: 10px;
}

.progress-report #welfare-view-compare .container-entity-detail .selected-entity {
    display: flex;
    width: 100%;
}

.progress-report #welfare-view-compare .container-entity-detail:not(:last-child) .selected-entity {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.progress-report #welfare-view-compare .container-selected-entity .remove-entity {
    color: #333;
    text-decoration: none;
    margin-left: auto;
    display: flex;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
}

.progress-report #welfare-view-compare .btn-chart-type {
    display: flex;
}


.progress-report #welfare-view-compare .btn-chart-type button {
    box-shadow: none;
    border: none;
    padding-bottom: 3px;
}

.progress-report #welfare-view-compare .btn-chart-type button.btn-line {
    background-color: transparent;
    margin-right: 7px;
    color: #333 !important;
}

.progress-report #welfare-view-compare .btn-chart-type button.active {
    padding-bottom: 0;
}


.progress-report #welfare-view-compare .btn-chart-type button:hover,
.progress-report #welfare-view-compare .btn-chart-type button:focus {
    color: #333 !important;
    box-shadow: none;
    outline: none;
    background-color: #ddd;
}

.progress-report #welfare-view-compare .container-selected-entity .entity-detail,
.progress-report #welfare-view-compare .animal-mini-detail {
    display: flex;
    width: 100%;
}


.progress-report #welfare-view-compare .container-selected-entity .section-card-picture,
.progress-report #welfare-view-compare .animal-mini-detail .animal-picture {
    padding-left: 0;
    display: flex;
    justify-content: center;
    width: 100px;
}

.progress-report #welfare-view-compare .container-selected-entity .remove-entity:hover {
    color: #165ba8;
}

.progress-report #welfare-view-compare .container-selected-entity .remove-entity:hover,
.progress-report #welfare-view-compare .container-selected-entity .remove-entity:focus {
    text-decoration: none;
}

.progress-report #welfare-view-compare .container-selected-entity .animal-name,
.progress-report #welfare-view-compare .container-selected-entity .canonical-name,
.progress-report #welfare-view-compare .container-selected-entity .common-name,
.progress-report #welfare-view-compare .container-selected-entity .section-name,
.progress-report #welfare-view-compare .container-selected-entity .full-path {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal;
}

.progress-report #welfare-view-compare .container-selected-entity .animal-name,
.progress-report #welfare-view-compare .container-selected-entity .canonical-name,
.progress-report #welfare-view-compare .container-selected-entity .common-name,
.progress-report #welfare-view-compare .container-selected-entity .section-name {
    -webkit-line-clamp: 1;
}

.progress-report #welfare-view-compare .container-selected-entity .section-name.disabled {
    color: #333 !important;
}

.progress-report #welfare-view-compare .container-selected-entity .full-path {
    -webkit-line-clamp: 2;
}

.progress-report #welfare-view-compare .container-selected-entity .section-card-picture i {
    color: #fff;
    font-size: 30px;
}

.progress-report #welfare-view-compare .container-selected-entity .name {
    display: flex;
}

.progress-report #welfare-view-compare .container-selected-entity .animal-name {
    max-width: 100%;
}

.progress-report #welfare-view-compare .container-selected-entity .section-name {
    font-weight: 600;
}

.progress-report #welfare-view-compare .container-selected-entity .icon-view-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #e0e2e1;
    width: 80px;
    height: 80px;
    background: #7d7d7d;
}

.progress-report #welfare-view-compare .box-chart .container-dropdown-measurement-item {
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    margin-top: 10px;
}

.progress-report #welfare-view-compare .box-chart .container-dropdown-measurement-item .template-measurement-item {
    display: none !important;
}

.progress-report #welfare-view-compare .box-chart .container-selected-measurement-item {
    flex-basis: 98%;
    color: #ccc;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.progress-report #welfare-view-compare .box-chart .container-selected-measurement-item.processing {
    display: block !important;
}

.progress-report #welfare-view-compare .box-chart .container-dropdown-measurement-item .caret {
    margin-left: auto;
}

.progress-report #welfare-view-compare .box-chart .filter-date-range-container {
    display: flex;
}

@media(min-width: 1400px) {
    .progress-report #welfare-view-compare .box-chart .box-chart-title {
        height: 63px;
    }

    .progress-report #welfare-view-compare .box-chart .container-dropdown-measurement-item {
        flex-basis: 60%;
    }


    .progress-report #welfare-view-compare .box-chart .chart-option {
        margin-left: auto;
        justify-content: flex-end;
    }


    .progress-report #welfare-view-compare .box-chart.line {
        min-height: 705px;
    }
}

@media(max-width: 1399px) {
    .progress-report #welfare-view-compare .box-chart .box-chart-title {
        flex-direction: column;
    }

    .progress-report #welfare-view-compare .box-chart .chart-option {
        margin-top: 5px;
    }
}


@media(min-width: 1200px) {
    .progress-report #welfare-view-compare .container-selected-entity {
        height: 671px;
    }
}

@media(max-width: 1199px) {
    .progress-report #welfare-view-compare .container-selected-entity {
        height: 400px;
    }

    .progress-report #welfare-view-compare .container-compare-chart {
        padding: 0;
    }


    .progress-report #welfare-view-compare .box-chart-title {
        flex-direction: column;
    }

    .progress-report #welfare-view-compare .box-chart .chart-option button {
        padding-bottom: 5px;
    }
}

@media(min-width: 768px) {
    .progress-report #welfare-view-compare .box-chart.radar {
        height: 730px;
    }
}

@media(min-width: 768px) and (max-width: 1399px) {
    .progress-report #welfare-view-compare .box-chart.line {
        min-height: 730px;
    }
}

@media(max-width: 767px) {
    .progress-report #welfare-view-compare .box-chart.radar {
        height: 600px;
    }

    .progress-report #welfare-view-compare .box-chart.line {
        min-height: 600px;
    }
}

@media(min-width: 420px) and (max-width: 1399px) {
    .progress-report #welfare-view-compare .box-chart:not(.filter-by-date-range) .box-chart-title {
        height: 93px;
    }

    .progress-report #welfare-view-compare .box-chart.filter-by-date-range .box-chart-title {
        height: 121px;
    }

    .progress-report #welfare-view-compare .box-chart:not(.filter-by-date-range) .box-chart-content {
        height: calc(100% - 120px);
    }

    .progress-report #welfare-view-compare .box-chart.filter-by-date-range .box-chart-content {
        height: calc(100% - 140px);
    }


    .progress-report #welfare-view-compare .box-chart .btn-chart-type {
        padding-left: 10px;
    }

    .progress-report #welfare-view-compare .box-chart .btn-chart-type::before {
        top: 5px;
    }
}

@media(max-width: 575px) {
    .progress-report #welfare-view-compare .box-chart.filter-by-date-range .btn-chart-type::before {
        top: 20px;
    }
}


@media(min-width: 420px) {
    .progress-report #welfare-view-compare .box-chart .chart-option {
        width: 330px;
    }

    .progress-report #welfare-view-compare .btn-chart-type {
        margin-left: 15px;
        padding-left: 5px;
    }
}

@media(max-width: 419px) {
    .progress-report #welfare-view-compare .box-chart .chart-option {
        flex-direction: column;
    }

    .progress-report #welfare-view-compare .btn-chart-type::before {
        display: none;
    }

    .progress-report #welfare-view-compare .btn-chart-type {
        margin-top: 10px;
    }
}


@media(min-width: 375px) and (max-width: 767px) {
    #welfare-view-compare .container-selected-section .entity-detail {
        width: 87%;
    }
}

@media(max-width: 374px) {
    #welfare-view-compare .container-selected-section .entity-detail {
        width: 86%;
    }

    #welfare-view-compare .btn-chart-type {
        width: 100%;
    }

    #welfare-view-compare .container-selected-animal .entity-detail {
        width: 86%;
    }

    #welfare-view-compare .container-selected-animal .animal-picture {
        padding-left: 5px;
        width: 95px;
    }
}

@media(min-width: 375px) and (max-width: 767px) {
    #welfare-view-compare .container-selected-animal .entity-detail {
        width: 87%;
    }
}

@media(max-width: 320px) {
    #welfare-view-compare .container-selected-animal .entity-detail {
        width: 86%;
    }
}

@media(min-width: 1200px) and (max-width: 1399px) {
    #welfare-view-compare .container-selected-animal .animal-picture {
        padding-left: 5px;
        width: 100px;
    }

    .progress-report container-compare-entity {
        padding-right: 10px;
    }

    .welfare-progress .template-page-container .template-page-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    #welfare-view-compare .container-selected-entity .entity-detail {
        width: 86%;
    }
}

.progress-report .search-entity .select2-selection__rendered li {
    width: 96%;
}

.progress-report #welfare-view-compare .container-compare-chart .box-chart {
    padding-right: 0px;
    padding-left: 0px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding-bottom: 15px;
    display: flex;
    flex-direction: column;
}


.progress-report #welfare-view-compare ul li.measurement-item {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    padding-top: 10px;
    width: 100%;
}

#default-view .progress-report #welfare-view-compare ul li.measurement-item .checkbox {
    margin-top: 10px;
    padding-top: 0;
}

.progress-report #welfare-view-compare .container-selected-measurement-item:not(.processing) .tag-measurement.hide-tag {
    display: none !important;
}

.progress-report #welfare-view-compare ul li.measurement-item .measurement-item-name {
    font-weight: 600;
    padding-right: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.progress-report #welfare-view-compare ul li .measurement-item-unit {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    white-space: nowrap;
}


.progress-report #welfare-view-compare .measurement-item-unit .input-group-btn {
    width: auto;
}

.progress-report #welfare-view-compare .measurement-item-unit button {
    border: none;
    color: #3e79dd !important;
    font-weight: 600;
    padding-right: 0;
    outline: none;
    box-shadow: none;
}

.progress-report #welfare-view-compare .measurement-item-unit button:hover,
.progress-report #welfare-view-compare .measurement-item-unit button:focus {
    background-color: transparent !important;
}

.progress-report #welfare-view-compare .icon-template,
.welfare-progress-entity .icon-template,
#section-editor .section-detail-content-container .icon-template {
    margin-left: 3px;
    color: #74ac0a;
}

.select-animal-custom-format.welfare-progress-entity.multiple .checkbox,
.select-animal-custom-format.welfare-progress-entity .assigned-template {
    display: none !important;
}

.select-animal-custom-format.welfare-progress-entity.multiple .animal-info-container {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}


#section-editor .section-detail-content-container .section-name-container a.fa-external-link {
    text-decoration: none;
    margin-left: 3px;
}

.select-daily-report-chart .icon-template {
    color: #74ac0a;
}


.select2-container.welfare-progress-entity .select2-results {
    margin-top: 5px;
}

.select2-container.welfare-progress-entity .select2-entity-type .btn-group {
    justify-content: center;
}

.select2-container.welfare-progress-entity .select2-entity-type button {
    width: 100px;
}

.welfare-progress-section .icon-template, .select-daily-report-chart .icon-template {
    margin-right: 5px;
}

.welfare-progress-section .no-template, .select-daily-report-chart .no-template {
    padding-left: 20px;
}

.welfare-progress-entity .select2-results__option[aria-selected="true"] .icon-template,
.select-daily-report-chart .select2-results__option--highlighted .icon-template, .welfare-progress-entity .select2-results__option--highlighted .icon-template {
    color: #fff !important;
}

.progress-report .entity-animal .dropdown-entity-section,
.progress-report .entity-section .dropdown-entity-animal,
#welfare-view-compare.entity-animal .container-dropdown-section,
#welfare-view-compare.entity-section .container-dropdown-animal,
#welfare-view-compare.entity-animal .container-selected-section,
#welfare-view-compare.entity-section .container-selected-animal,
#welfare-view-compare.entity-animal .open .dropdown-measurement-item-section,
#welfare-view-compare.entity-section .open .dropdown-measurement-item-animal {
    display: none !important;
}

.deleted .dropdown-entity-type-section .select2-selection--single {
    background-color: #fff3e1 !important;
    border: 1px solid #ff9900 !important;
}

.dropdown-animal .select2-selection__choice.deleted,
.dropdown-animal-group .select2-selection__choice.deleted,
.dropdown-animal-within-section .select2-selection__choice.deleted {
    background-color: #ff7518 !important;
    border: 1px solid #ff7518 !important;
    opacity: 0.7;
}

.dropdown-animal .select2-selection__choice.deleted span,
.dropdown-animal-group .select2-selection__choice.deleted span,
.dropdown-animal-within-section .select2-selection__choice.deleted span {
    font-weight: 500;
    color: #FFF !important;
}

.progress-report .view-graph-option .dropdown-entity-type {
    display: inline-block;
    vertical-align: top;
    margin-right: 2px;
}

@media(max-width: 479px) {
    .progress-report .view-graph-option .dropdown-entity-type,
    .progress-report .view-graph-option .dropdown-entity {
        width: 100%;
    }

    .progress-report .view-graph-option .dropdown-entity {
        margin-top: 3px;
    }

    .progress-report .view-graph-option .input-group {
        width: 100%;
    }
}

@media(min-width: 480px) {
    .progress-report .view-graph-option .dropdown-entity-type {
        width: 110px;
    }
}

@media(min-width: 480px) and (max-width: 991px) {
    .progress-report .view-graph-option .dropdown-entity {
        width: calc(100% - 115px);
    }
}

@media(max-width: 991px) {
    .progress-report .view-graph-option .input-group {
        width: 100%;
    }
}

@media(min-width: 992px) {
    .progress-report .view-graph-option .input-group {
        width: 50%;
    }

    .progress-report .view-graph-option .dropdown-entity {
        width: 60%;
    }
}

.progress-report .view-graph-option .dropdown-entity {
    display: inline-block;
}

#welfare-view-compare .container-compare-entity .btn-group {
    width: 100%;
    margin-bottom: 10px;
}

#welfare-view-compare .container-compare-entity .btn-group button {
    width: 50%;
}

#welfare-view-compare .container-compare-entity .btn-inactive {
    background-color: #fff !important;
}

#welfare-view-compare .container-compare-entity .btn-group button:focus {
    outline: none;
}

.add-measurement.open .dropdown-menu .content-measurement-item,
.btn-add-measurement-template.open .dropdown-menu .content-measurement-template {
    max-height: 250px;
    overflow-y: auto;
    padding-bottom: 3px;
}

.add-measurement.open .dropdown-menu .content-measurement-item .no-record,
.btn-add-measurement-template.open .dropdown-menu .no-record {
    padding-left: 7px;
    padding-top: 6px;
    padding-bottom: 8px;
    display: block;
}

.add-measurement.open .dropdown-menu .content-measurement-item li a,
.btn-add-measurement-template.open .dropdown-menu .content-measurement-template li a {
    padding: 3px 10px;
    color: #444;
    display: flex;
    align-items: center;
}

.add-measurement.open .dropdown-menu .content-measurement-item li a:hover,
.btn-add-measurement-template.open .dropdown-menu .content-measurement-template li a:hover {
    text-decoration: none;
}


.add-measurement.open .dropdown-menu .content-measurement-item li:hover {
    background-color: #5897fb;
    cursor: pointer;
}

.add-measurement.open .dropdown-menu .content-measurement-item li:hover > a {
    color: #fff;
}

.add-measurement.open .dropdown-menu .add-new-measurement,
.add-measurement.open .dropdown-menu .add-new-measurement-template,
.btn-add-measurement-template.open .dropdown-menu .add-new-measurement-template {
    border-top: 1px solid #ccc;
    padding: 5px 8px 5px 8px;
    background-color: #eee;
    width: auto;
    color: #2780e3;
    cursor: pointer;
}

.add-measurement.open .dropdown-menu .add-new-measurement a,
.add-measurement.open .dropdown-menu .add-new-measurement-template a,
.btn-add-measurement-template.open .dropdown-menu .add-new-measurement-template a {
    width: 100%;
    display: inline-block;
}

.add-measurement.open .dropdown-menu .add-new-measurement a:hover, .btn-add-measurement-template.open .dropdown-menu .content-measurement-item li:hover > a {
    text-decoration: none;
}

.add-measurement.open ul.dropdown-menu,
.btn-add-measurement-template.open ul.dropdown-menu {
    padding: 0;
    width: 100%;
    position: relative;
}

@media(min-width: 375px) {
    .add-measurement.open ul.dropdown-menu,
    .btn-add-measurement-template.open ul.dropdown-menu {
        width: 320px;
    }
}

@media(max-width: 374px) {
    .add-measurement.open ul.dropdown-menu,
    .btn-add-measurement-template.open ul.dropdown-menu {
        min-width: 320px;
    }
}

.add-measurement ul.dropdown-menu .measurement-search,
.btn-add-measurement-template ul.dropdown-menu .measurement-search {
    height: 32px;
    width: 100%;
}

.add-measurement.open .dropdown-menu .container-measurement-search,
.add-measurement ul.dropdown-menu .measurement-search,
.btn-add-measurement-template.open .dropdown-menu .container-measurement-search,
.btn-add-measurement-template ul.dropdown-menu .measurement-search {
    padding: 5px;
}

.list-editor .list-content-wrapper .editor-entity {
    margin: 0;
}

.list-measurements.has-measurement .add-measurement {
    padding-top: 10px;
}

.measurement-row .previous-measurement .measurement-note {
    border-left: 6px solid #ccc;
    display: block;
    padding-left: 10px;
}

.list-editor .editor-entity.row.measurement-row.no-prev .no-previous-measurement {
    display: block !important;
}

.list-editor .editor-entity.row.measurement-row .no-previous-measurement,
.list-editor .editor-entity.row.measurement-row.no-prev .previous-measurement {
    display: none;
}

@media (max-width: 767px) {
    .add-measurement-container .show-when-custom-level.container-select-custom-level {
        width: 100%;
    }
}

.cookie-policy-container {
    position: fixed;
    z-index: 10;
    bottom: 0;
    width: 100%;
}

.cookie-policy-container .cookie-policy-content {
    position: relative;
    bottom: 0;
    width: 90%;
    margin-bottom: 15px;
    border-radius: 5px;
    background: #74ad1e;
    color: #fff;
    padding: 20px 50px;
    left: 50%;
    transform: translateX(-50%);
}

.cookie-policy-container h4 {
    font-weight: 600;
}

.cookie-policy-container h4, .cookie-policy-container span {
    margin: 0;
}

.cookie-policy-container .btn-accept {
    background-color: #55840e !important;
    border-color: #55840e !important;
    width: 50%;
    margin-right: 10px;
}

.cookie-policy-container .btn-accept:focus,
.cookie-policy-container .btn-accept:active,
.cookie-policy-container .btn-accept:hover {
    background-color: #466f09 !important;
    border-color: #466f09 !important;
    outline: none;
}

.cookie-policy-container .btn-close {
    border-radius: 50%;
    border: none;
    background: #555;
    font-size: 25px;
    padding: 0 11px;
    line-height: 35px;
}

.cookie-policy-container .btn-close:hover,
.cookie-policy-container .btn-close:active {
    background: #333;
    outline: none;
}

.cookie-policy-container .cookie-policy-content div + div {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 882px) {
    .cookie-policy-container .cookie-policy-content {
        padding: 20px 10px;
    }

    .cookie-policy-container .btn-accept {
        width: 60%;
    }
}

@media(max-width: 767px) {
    .cookie-policy-container .cookie-policy-content div + div {
        padding-top: 15px;
        text-align: center;
    }
}

.list-animal-disposition-history {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 350px;
    padding-top: 0;
    padding-bottom: 0;
}

.list-animal-disposition-history .disposition-history-small-content {
    display: none;
    position: relative;
}

.list-animal-disposition-history .disposition-history-large-content,
.list-animal-disposition-history .disposition-history-small-content {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.list-animal-disposition-history .disposition-history-small-content .row + .row {
    margin-top: 5px;
}

.show-without-panel {
    margin-top: 10px;
}

.show-without-panel .panel {
    box-shadow: none;
}

.show-without-panel .panel-default {
    border: none;
}

.show-without-panel .panel-default > .panel-heading {
    background: none;
    font-size: 19px;
    margin-top: 50px;
    text-transform: uppercase;
    font-weight: 300;
    padding-left: 0;
    padding-right: 0;
}

.header-animal-disposition-history {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 1;
}

.disposition-history-content .disposition-history-large-content:before,
.disposition-history-content + .disposition-history-content .disposition-history-small-content:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #eee;
}

@media(max-width: 767px) {
    .list-measurement-details .measurement-note {
        padding-left: 15px;
    }

    .list-animal-disposition-history .header-animal-disposition-history {
        display: none;
    }

    .list-animal-disposition-history .disposition-history-large-content {
        display: none;
    }

    .list-animal-disposition-history .disposition-history-small-content {
        display: block;
    }

    .list-animal-disposition-history .disposition-history-small-content .row {
        padding: 3px 0;
    }

    .list-animal-disposition-history .disposition-history-small-content .row .text-muted {
        text-align: right;
    }
}

@media(max-width: 480px) {
    .list-animal-disposition-history .disposition-history-small-content .row .text-muted {
        text-align: left;
    }
}

#measurement-template-container .measurement-template-view,
#measurement-template-container .editor-measurement-template-container {
    display: none;
}

#measurement-template-container .measurement-template-view.active,
#measurement-template-container .editor-measurement-template-container.active {
    display: block;
}

#measurement-template-container .tab-content .footer {
    border-top: 1px solid #ddd;
    padding: 15px 0;
    margin-top: 5px;
}

.measurement-template-wrapper .header {
    background: #eee;
    padding: 15px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.measurement-template-wrapper .header .reset-textbox {
    color: #aaa;
    font-size: 15px;
    top: 16px;
    position: absolute;
    right: 25px;
    padding: 10px;
}

.measurement-template-wrapper .detail-item .title-container {
    padding-bottom: 9px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.measurement-template-wrapper .row.detail-item .title-container {
    margin-bottom: 0;
}

.measurement-template-wrapper .detail-item .title-container .label-measurement-type {
    padding-left: 22px;
}

#measurement-template-container .detail-item .title-container .unit {
    padding-left: 10px;
}

#measurement-template-container .template-view-mode .detail-item {
    padding: 15px;
}

#measurement-template-container .template-view-mode .detail-item .content-measurement-template-container {
    overflow-y: auto;
    max-height: 475px;
}

#measurement-template-container .help-icon,
.siteadmin-calculatedmeasurements .measurement-content-wrapper .help-icon {
    margin-left: auto;
}

#measurement-template-container .template-view-mode .measurement-item-name {
    word-break: break-word;
}

.measurement-template-wrapper .detail-item .item-wrapper .template-content-container,
#measurement-template-container .template-view-mode .detail-item .template-detail-container,
.measurement-template-wrapper .detail-item .item-wrapper {
    padding: 15px 10px;
}

.measurement-template-wrapper .detail-item .item-wrapper:after {
    display: block;
    content: '';
    clear: both;
}

.customlist-resourcefield .custom-list .list-editor-rows {
    padding-bottom: 10px;
}

.customlist-resourcefield .custom-list .list-editor {
    padding-bottom: 20px;
}

.customlist-resourcefield .custom-list .row-category-field {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.customlist-resourcefield .custom-list .row-category-field .dropdown-menu-container {
    margin-left: 10px;
    position: relative;
}

.customlist-resourcefield .custom-list .row-category-field .custom-default-field {
    min-height: 43px;
}

.measurement-template-wrapper .measurement-container.validation-error .select2-selection,
.resource-category .row-category-field.validation-error .select2-selection {
    border: 1px solid #ffa9bc !important;
    background-color: #fff7f8 !important;
}

.measurement-template-wrapper .template-content-container .measurement-error {
    display: inline-block;
    margin-top: 5px;
    margin-left: 30px;
}

#measurementTemplate .error-required-measurement {
    display: inline-block;
    margin-bottom: 15px;
}

#measurementTemplate .modal-header .help-icon {
    margin-left: 5px;
}

#measurement-custom-level-carousel-form .list-measurement-custom-level-items label.error {
    color: #ff0039;
    font-weight: normal;
}

#measurement-custom-level-carousel-form .list-measurement-custom-level-items .error-measurement-custom-level-item {
    padding-left: 50px;
}


#measurement-custom-level-carousel-form .list-measurement-custom-level-items textarea.error {
    border: 1px solid #ffa9bc;
    background-color: #fff7f8;
}

#measurement-template-container .template-edit-mode .changed-unit-type .measurement-container {
    position: relative;
}

#measurement-template-container .template-edit-mode .changed-unit-type .measurement-container .select2-selection__rendered {
    padding-right: 35px;
}

#measurement-template-container .template-edit-mode .changed-unit-type .warning-unit-modified,
#measurementTemplate .template-edit-mode .changed-unit-type .warning-unit-modified {
    position: absolute;
    right: 36px;
    display: block !important;
    top: 15px;
}

#measurement-template-container .template-edit-mode .warning-unit-modified,
#measurementTemplate .template-edit-mode .warning-unit-modified {
    display: none;
}

.measurement-template-wrapper .item-wrapper .template-content-container .remove-container {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 55%;
    transform: translateY(-50%);
    background-position: center;
    margin-top: 0px !important;
}

#measurement-template-container .measurement-template-wrapper .footer .delete {
    float: left
}

.detail-item .title-container span {
    font-weight: bold;
}

#measurement-template-container .template-detail-container .unit-name {
    padding-left: 7px;
}

#measurement-template-container .nav li.new-template,
.item-wrapper .template-content-container.deleted,
#measurement-template-container .accordion-container .accordion-target {
    display: none;
}

#measurementTemplate .accordion-container .sym-measurement-template {
    top: -1px;
}

#measurement-template-container .nav li.new-template.active,
#measurement-template-container .accordion-container.active .accordion-target {
    display: block !important;
}

.editor-measurement-template-container .template-edit-mode .validation-name {
    display: flex;
}

@media(min-width:479px) {
    #measurement-template-container .content-measurement-template-container .measurement-type-name {
        padding-left: 0;
    }

    .item-wrapper .template-content-container .no-unit-label {
        display: inline-block;
    }
}

@media(max-width:479px) {
    #measurement-template-container .content-measurement-template-container .measurement-template-detail {
        padding-left: 40px;
    }

    #measurement-template-container .template-content-container:not(:last-child) {
        border-bottom: 1px solid #dddddd;
        padding-bottom: 25px !important;
    }

    #measurement-template-container .measurement-template-detail > div:not(:first-child) {
        margin-top: 10px;
    }

    #measurement-template-container .editor-measurement-template-container .template-content-container > div > div {
        margin-top: 10px;
    }

    .btn-stack-container-responsive {
        display: flex;
        flex-direction: column;
    }

    .btn-stack-container-responsive .btn {
        margin-bottom: 5px;
    }

    .btn-stack-container-responsive .btn.save {
        order: 1;
    }

    .btn-stack-container-responsive .btn.cancel {
        order: 2;
    }

    .btn-stack-container-responsive .btn.delete {
        order: 3;
    }
}

#measurementTemplate .form-group.content-container:not(:first-child) {
    border-top: 1px solid #ddd;
    padding-top: 25px;
}

#measurementTemplate .modal-custom-level-item .show-when-custom-level {
    display: block !important;
}

#measurement-template-modal .item.active .modal-body {
    min-height: 340px;
}

#measurement-template-modal .template-detail-wrapper .other-unit-name {
    display: inline-block;
}

.add-measurement ul .dropdown-btn-group {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
}

.add-measurement ul .dropdown-btn-group .btn-group button {
    width: 150px;
}

.add-measurement ul .dropdown-btn-group .btn-group button.btn-inactive {
    background-color: #fff !important;
}

.action-btn-container ul .container-measurement-search {
    position: relative;
}

.action-btn-container ul .container-measurement-search .reset-textbox {
    color: #aaa;
    font-size: 15px;
    top: 1px;
    position: absolute;
    padding: 10px;
}

#measurementTemplate .container-content-template .measurement-container {
    padding: 15px;
    margin-bottom: 0;
}

#measurementTemplate .container-content-template .title-container {
    padding: 10px;
    background: #f3f3f3;
}

#measurementTemplate .container-content-template .button-container .add {
    margin-left: 15px;
}

#measurementTemplate .modal-footer .save {
    margin-left: 10px;
}

.list-measurements .list-content-wrapper .measurement-detail:not(:first-child) {
    border-top: 1px solid #eee;
    padding-top: 15px;
}

.list-measurements .list-content-wrapper .measurement-detail {
    width: 100%;
}

.section-index .list-measurements .measurement-content-container,
.section-index .list-measurements .measurement-content-container .content-measurement-item {
    display: block;
}

.measurement-detail .label-measurement-template-name,
#measurementTemplate .measurement-template-wrapper .measurement-template-name-container .measurement-template-name {
    font-size: 13px;
}

.measurement-detail .edit-measurement-template {
    padding-right: 15px;
}

#measurement-modal .modal .modal-header,
#measurementTemplate.modal .modal-header,
.modal-resource.modal .modal-header {
    display: flex;
    align-items: center;
}

#weather-display-order-modal.modal .modal-header .button-container,
#measurement-modal .modal .modal-header .button-container,
#measurementTemplate.modal .modal-header .button-container {
    margin-left: auto;
}

#measurementTemplate .content-container.has-value {
    border-left-color: #91d429;
}

#measurementTemplate .content-container .copy-date {
    cursor: pointer;
    padding-left: 10px;
    width: 10%;
}

#measurementTemplate .content-container .unit-value {
    width: 100% !important;
}

#measurementTemplate .add-new-measurement-from-template .content-container .other-unit-name {
    width: 100%;
}

#measurementTemplate .add-new-measurement-from-template .content-container .unit-converter {
    margin: 0 10px;
}

#measurementTemplate .content-container .unit-converter,
#measurementTemplate .add-new-measurement-from-template .content-container .other-unit-name,
#measurementTemplate .add-new-measurement-from-template .content-container .unit-id,
#measurementTemplate .content-container .datetime,
.list-measurements .list-content-wrapper .measurement-detail {
    display: inline-block;
}

#measurementTemplate .add-new-measurement-from-template .content-container .remove-container {
    position: absolute;
    right: -10px;
    top: 0;
}

#measurementTemplate .content-container .remove-container .delete-measurement-template:hover {
    color: #2780e3;
}

@media (max-width: 767px) {
    #measurementTemplate .measurement-content .hide-when-custom-level .container-unit {
        padding: 0;
        margin-top: 5px;
    }
}

@media(max-width:1024px) {
    .custom-formula-measurement-time .formula-time-outer-container {
        display: block;
    }


    .custom-formula-measurement-time .measurement-item-time-container {
        margin-bottom: 10px;
    }
}

@media (max-width: 955px) {
    #measurementTemplate .modal-content {
        width: 100% !important;
    }

    #measurementTemplate .measurement-content .measurement-item-container,
    #measurementTemplate .measurement-content .value-container {
        padding-left: 15px !important;
    }

    #measurementTemplate .measurement-content .measurement,
    #measurementTemplate .measurement-content .hide-when-custom-level,
    #measurementTemplate .measurement-content .show-when-custom-level {
        margin-bottom: 5px;
    }

    #measurementTemplate .measurement-content .measurement-item-container {
        margin-top: 5px;
    }
}

#measurementTemplate .modal-body,
#measurementTemplate .modal-footer {
    overflow-x: hidden;
}

@media (max-width: 478px) {
    .template-edit-mode .detail-item .item-wrapper .drag-handle {
        top: 12px;
    }

    .detail-item .item-wrapper .template-content-container:not(:first-child) {
        border-top: 1px solid #ddd;
    }
}

#measurementTemplate .spinner-container {
    position: absolute;
    left: 50%;
    z-index: 1;
    top: 150px;
}

#unit-converter .modal-header {
    display: flex;
}

#unit-converter .button-container {
    margin-left: auto;
}

.panel-payment-warning .close-panel-payment-warning {
    padding-right: 10px;
    padding-left: 10px;
    margin-left: auto;
    align-self: center;
}

.panel-payment-warning .close-panel-payment-warning:hover {
    cursor: pointer;
}

.coalition-index .nav-pills {
    float: none;
    display: inline-block;
}

.body-content[class*="resource-"] {
    width: 100%;
}

@media(min-width: 992px) {
    .resource-checkout-timeline-container {
        height: calc(100vh - 49px);
    }
}

.resource-content-wrapper .resource-item-content-container.edit-multiple .checkbox {
    display: inline-block !important;
}

.resource-content-wrapper .panel-resource-note .no-records-found-container {
    padding-top: 8px;
    padding-bottom: 10px;
}

.resource-content-wrapper .label-copy-all {
    padding-right: 5px;
}

.resource-content-wrapper .field label {
    font-weight: normal;
}

.resource-content-wrapper .field .field-value {
    padding-right: 0px;
    padding-left: 2px;
}

.resource-content-wrapper .field .field-value .iti--show-flags {
    display: inherit;
}

#resource-assigned-to .list-container li.active .name {
    color: #000000;
}

#resource-assigned-to .list-container li a:focus,
#resource-assigned-to .list-container li a:hover {
    text-decoration: unset;
}

#resource-assigned-to .list-container li,
.member-keywords-container li {
    list-style: none;
    border-bottom: 1px solid #eee;
}

#resource-assigned-to .list-container li.child {
    margin-left: 30px;
}

#resource-assigned-to .modal-body {
    overflow-y: hidden;
}

.member-keywords-container li .option-category {
    display: block;
    padding: 15px;
}

.member-keywords-container li .option-category i {
    float: right;
    font-size: 25px;
    line-height: 0.7;
}

.resource-keyword-content-wrapper .member-keywords-container ul {
    padding: 0;
}

.resource-keyword-content-wrapper .keywords-container .row {
    border-bottom: 1px solid #eee;
    padding: 15px 15px 15px 5px;
    margin: 0;
}

.resource-keyword-content-wrapper.title-content-container > span,
.resource-keyword-content-wrapper .search-container > span,
.resource-keyword-content-wrapper .search-container i {
    margin-right: 5px;
}

.resource-keyword-content-wrapper .title-content-container .search-container:hover,
.resource-keyword-content-wrapper .sort-container i,
.resource-keyword-content-wrapper .member-keywords-container li,
.resource-keyword-content-wrapper .title-category-container .previous {
    cursor: pointer;
}

.resource-keyword-content-wrapper .on-search .hide-on-search,
.resource-keyword-content-wrapper .title-content-container .show-on-search .search-keyword,
.resource-keyword-content-wrapper .keywords-container .reorder-sorting,
.resource-keyword-content-wrapper .keywords-container.reorder .delete,
.resource-keyword-content-wrapper .keywords-container.reorder .edit {
    display: none;
}

.resource-keyword-content-wrapper .category-container .search-filter .search-field,
.resource-keyword-content-wrapper .title-content-container .show-on-search .search-keyword > input {
    padding-right: 30px;
}

.resource-keyword-content-wrapper .on-search .show-on-search .search-keyword {
    display: inline-flex;
    width: 100%;
}

.resource-keyword-content-wrapper .keywords-content-container .show-on-search,
.modal-resource .modal-header > h4.modal-title {
    flex-grow: 1;
}

.resource-keyword-content-wrapper .search-container a {
    text-decoration: underline;
}

.resource-keyword-content-wrapper .member-keywords-container li.selected {
    background-color: #2780e3;
    color: white;
}

.resource-keyword-content-wrapper .sort-container > span:hover {
    color: #2780e3;
}

.resource-keyword-content-wrapper .keywords-container.reorder .reorder-sorting {
    display: block;
}

.resource-keyword-content-wrapper .keywords-container .reorder-sorting a:hover {
    text-decoration: none;
}

.resource-keyword-content-wrapper .keywords-container .reorder-sorting a:not(:first-child) {
    vertical-align: top;
    margin-left: 15px;
}

.resource-keyword-content-wrapper .keywords-container .reorder-sorting a:first-child {
    vertical-align: bottom;
}

.resource-keyword-content-wrapper .category-container li.selected {
    background-color: #2780e3;
    color: #fff;
}

.resource-keyword-content-wrapper .keywords-container .edit {
    padding-right: 25px;
}

.resource-allocation-menu > div {
    padding: 0 10px;
}

#resource-assigned-to .resource-allocation-menu .resource-assigned-info {
    padding-left: 10px;
    margin-bottom: 5px;
}

.resource-organization-menu > li:not(:first-child) {
    border-top: 1px solid #ddd;
}

@media(max-width: 767px) {
    .search-resource-container .nav > li {
        border-bottom: none;
    }
}

.resource-organization-menu > li a {
    color: #333333;
    padding-left: 15px;
}

.resource-allocation-menu li a:hover,
.resource-allocation-menu li a:focus {
    text-decoration: none;
}

.resource-allocation-menu > div a {
    color: #333333;
}

.resource-organization-menu .active {
    background-color: #2780e3;
}

.resource-allocation-menu .selection-single-sections .active:not(.list-no-record),
.resource-organization-menu .active > a:hover {
    background-color: #2780e3 !important;
    color: #ffffff !important;
}

.resource-organization-menu .active a,
.resource-allocation-menu .active a,
.resource-allocation-menu .active .expander,
.resource-allocation-menu .selection-single-sections .active:hover .entity-name {
    color: #ffffff;
}

.resource-allocation-menu .header-section {
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    flex-wrap: wrap;
    flex-direction: row;
    border-bottom: 1px solid #ddd;
}

.resource-allocation-menu .header-section .spinner-container {
    margin-left: auto;
}

.resource-allocation-menu .header-section .Typeahead-spinner {
    position: unset;
}

.resource-allocation-menu .header-section .label-section,
#keyword-tab .header .label-back {
    font-size: 19px;
    font-weight: 600;
}

.resource-allocation-menu section-not-found {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 30vh;
    align-items: center;
}

.resource-allocation-menu .list-container .fa-chevron-down,
.resource-allocation-menu .list-container .fa-chevron-right {
    font-size: .7em;
}

.resource-allocation-menu .list-container {
    padding: 0px;
    line-height: 1.2em;
    min-height: 500px;
}

.resource-allocation-menu .list-container .sub-section {
    flex-grow: 1;
}

.resource-allocation-menu .list-container .grid-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
    position: relative;
}

.resource-allocation-menu .list-container .grid-container .expander {
    margin-right: 8px;
    padding: 5px;
}

.resource-allocation-menu .list-container .selection-single-sections li:not(.section-not-found) {
    list-style: none;
    padding: 10px 10px 10px 15px;
    border-bottom: 1px solid #eee;
}

.resource-allocation-menu .list-container .list-section-menu,
.resource-allocation-menu .list-section-menu {
    cursor: pointer;
}

.resource-allocation-menu .list-container .items-count {
    align-self: center;
    min-width: auto;
}

.resource-allocation-container .resource-allocation-menu .list-container ul {
    padding: 0;
    margin-bottom: 0;
    overflow-y: auto;
    max-height: calc(100vh - 350px);
}

.resource-allocation-menu .list-container .section-not-found {
    padding-left: 15px;
    padding-top: 10px;
}

.resource-keyword-content-wrapper .title-content-container .show-on-search::before {
    content: " | ";
    padding: 0 15px;
}

.resource-keyword-content-wrapper .category-content-container li .option-category i {
    display: flex !important;
    justify-content: flex-end;
    flex: 1;
}

.resource-keyword-content-wrapper .title-content-container .show-on-search > i {
    padding-right: 5px;
}

.resource-keyword-content-wrapper .category-content-container {
    border-right: 1px solid #dddddd;
}

.resource-keyword-content-wrapper .row-table.header-container {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    min-height: 55px;
    align-items: stretch;
    color: #333333;
}

.resource-keyword-content-wrapper .row-table:first-child .keywords-content-container > div,
.resource-keyword-content-wrapper .row-table:first-child .category-container > span {
    padding: 0 15px;
}

.resource-keyword-content-wrapper .row-table:first-child .category-container .previous {
    cursor: pointer;
}

.resource-keyword-content-wrapper .keywords-content-container {
    align-self: center;
}

.resource-keyword-content-wrapper .row-table:first-child .category-container,
.resource-keyword-content-wrapper .show-on-search,
.resource-keyword-content-wrapper #keyword > row .keyword-value-wrapper,
.resource-keyword-content-wrapper .row-table:first-child .keywords-content-container > div {
    align-items: center;
}

.resource-organization-content-wrapper .list-container li:last-child {
    border-bottom: unset !important;
}

.resource-content-wrapper .nav-tabs > li,
.resource-organization-content-wrapper .nav-tabs > li {
    min-width: 85px;
    text-align: center;
}

.resource-content-wrapper .checkbox-select-all::after {
    color: #999999;
}

@media (max-width: 479px) {
    .resource-content-wrapper .checkbox-select-all:not(.no-resources)::after {
        content: "";
    }
}

.resource-content-wrapper .label-resource-found {
    vertical-align: middle;
    padding-left: 7px;
}

.resource-content-wrapper .resource-field .resource-column .field {
    position: relative;
}

.resource-container .resource-info .field-resource {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

.resource-container .resource-info .field-resource .resource-keyword-container {
    margin-left: -33%;
    width: 67%;
}

.resource-content-wrapper .resource-field .resource-column .field:before,
.resource-container .resource-info .field-resource:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.resource-container .button-edit-multiple:hover {
    color: #fff;
    background-color: #2780e3;
    border-color: #2780e3;
}

.resource-content-wrapper .button-edit-multiple:focus,
.resource-container .multiple-edit-container .btn-action:focus {
    outline: none;
}

@media(max-width: 374px) {
    .resource-container .multiple-edit-container,
    .resource-container .action-detail-container {
        padding-top: 10px;
    }
}

.resource-content-wrapper .selected-label {
    font-weight: bold;
}

.resource-content-wrapper .multiple-edit-container .selected-label {
    vertical-align: middle;
}

.resource-content-wrapper .multiple-edit-container .dropdown,
.resource-content-wrapper .information-container .action-container,
.resource-content-wrapper .information-container .button-action-container {
    margin-left: 15px;
}

@media(max-width:575px) {
    .resource-content-wrapper .information-container .action-container .dropdown-menu {
        left: auto;
        right: 0;
    }
}

.resource-content-wrapper .information-container .button-action-container .Typeahead-spinner {
    position: static;
}

.resource-content-wrapper .multiple-edit-container .dropdown li.delete,
.resource-container .header-list-resource .dropdown-toggle li.delete {
    background-color: #FF0000;
}

.resource-content-wrapper .multiple-edit-container .dropdown li.delete > a,
.resource-detail-container .dropdown-menu .delete-btn > a,
.grid-content-container .view-detail .delete-btn > a,
.resource-category .modify-field-responsive-container .delete-btn > a,
.resource-container .header-list-resource .delete-multiple > a,
.customlist-resourcefield .custom-list .row-category-field .dropdown-menu .remove-field-container > a,
.custom-list .dropdown-menu .delete-btn > a {
    color: #fff;
}

.resource-detail-container .dropdown-menu a.resource-checkout-request.disabled {
    color: #999 !important;
}

.resource-content-wrapper .multiple-edit-container li.disabled,
.row-category-field .modify-field-responsive-container .edit.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.resource-content-wrapper .refine-search-resource,
.resource-content-wrapper .resource-search {
    float: right;
}

.resource-content-wrapper .refine-search-resource > a {
    padding: 6px;
    cursor: pointer;
    border: 1px solid #333333;
    margin: 0 0 0 -1px;
}

.resource-content-wrapper .refine-search-resource .search {
    padding: 5px 10px;
}

.resource-content-wrapper .resource-search {
    width: 35%;
    padding: 5px;
}

.resource-item-content-container.edit-multiple .resource-action {
    display: none !important;
}

.resource-item-content-container.edit-multiple .checkbox {
    margin-right: 15px;
}

.resource-content-wrapper .resource-item-content-container .title-container {
    align-items: center
}

.ellipsis-one-line,
.ellipsis-two-line {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.ellipsis-two-line {
    -webkit-line-clamp: 2 !important;
}

.bubble-content,
.resource-tag {
    background-color: cadetblue;
    color: #fff;
    padding: 3px 6px;
    border-radius: 3px;
    font-size: 11px;
    margin-right: 3px;
    margin-bottom: 2px;
    font-weight: 600;
    line-height: 1.2em;
}

.resource-content-wrapper .label-resource-keyword {
    padding-right: 3px;
}

.resource-content-wrapper .resource-action a.actions:hover {
    text-decoration: none;
    color: #333;
}

.resource-content-wrapper .resource-action a {
    cursor: pointer;
}

.resource-content-wrapper .resource-detail-container .delete-btn,
.resource-content .view-detail .delete-btn,
.resource-category .modify-field-responsive-container .delete-btn,
.header-list-resource .dropdown li.delete-multiple,
.customlist-resourcefield .custom-list .row-category-field .dropdown-menu .remove-field-container,
.animal-list .delete-animal-btn,
.custom-list .dropdown-menu .delete-btn {
    background-color: #FF0000;
    color: #fff !important;
}

.resource-content-wrapper .display-inline,
.resource-content-wrapper .resource-item-content-container .image-container,
.resource-content-wrapper .refine-search-resource > a,
.resource-content-wrapper .resource-detail-container .resource-tag,
.resource-content-wrapper .resource-item-content-container .image-container,
.coalition-container a.col-btn-refine,
.resource-organization-content-wrapper .multiple-edit-container {
    display: inline-block;
}

.edit-resource-container .container-note .btn.add {
    margin-left: 10px;
    margin-top: 15px;
}

.coalition-container a.col-btn-refine {
    padding: 10px;
    cursor: pointer;
    border: 1px solid #ccc;
    margin: 0 0 0 -1px;
    vertical-align: top;
}

#edit-multiple-item .modal-content .information-container,
.resource-keyword-content-wrapper .keyword-info {
    background-color: #eee;
    padding: 10px;
}

#edit-multiple-item .modal-body,
#checkout-status-confirmation .modal-body,
#inventory-adjusment .modal-body {
    overflow-y: auto;
}

#edit-multiple-item .action-box {
    border: 1px solid #ccc;
    padding: 0 15px;
}

#edit-multiple-item .action-box-container label,
#edit-multiple-item .action-box-container .action-box {
    padding-top: 15px !important;
}


#edit-multiple-item .resource-field-container h4 {
    margin-top: unset;
}

#edit-multiple-item .info-message {
    align-items: flex-start;
    gap: 12px;
}

#edit-multiple-item .info-message .glyphicon {
    padding-top: 2px;
}

.resource-item-content-container .title-container .checkbox-container {
    padding: 0 10px 0 15px;
}

.resource-detail-container .checkbox label {
    padding-top: 3px;
}

.resource-detail-container .checkbox label:after {
    padding-top: 3px;
}

.resource-detail-container .checkbox label:after {
    padding-top: 3px;
}

.coalition-list .contact-person > a {
    text-decoration: unset;
}

.coalition-list .delete-button ul {
    float: right;
}

.resource-keyword-content-wrapper .keyword-info > span {
    vertical-align: text-bottom;
    padding-left: 10px;
}

.resource-keyword-content-wrapper .sort-container .actions > a:before {
    content: " : ";
}

.resource-keyword-content-wrapper .row-table .keywords-container .drag-handle {
    height: auto !important
}

.resource-keyword-content-wrapper .row-table .keywords-container .keyword-description {
    line-height: 1.1em;
}

.resource-keyword-content-wrapper .footer-container .add-new-category-container {
    padding: 20px 30px;
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
}

.resource-keyword-content-wrapper .footer-container .add-new-resource-container > div .btn-primary {
    margin-right: 15px;
}

.resource-keyword-content-wrapper .header-container .title-name {
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.1em;
}

.resource-keyword-content-wrapper .search-keyword .reset-textbox,
.resource-keyword-content-wrapper .footer-container .reset-textbox {
    margin-left: -15px;
    color: #aaa;
    font-size: 15px;
    top: 12px;
    position: relative;
    display: inline-block;
}

.resource-keyword-content-wrapper .footer-container .add-new-resource-container input {
    padding-right: 40px;
}

.resource-keyword-content-wrapper .footer-container .reset-textbox {
    position: absolute;
    right: 30px;
}

.resource-keyword-content-wrapper .footer-container .resource-keyword-name-container .reset-textbox {
    top: 32px;
}

.resource-organization-content-wrapper .col-btn-refine {
    padding: 10px;
    cursor: pointer;
    border: 1px solid #ccc;
    margin: 0 0 0 -1px;
    display: inline-block;
}

.resource-organization-content-wrapper .submit-search {
    padding: 10px;
    vertical-align: top;
}

.resource-organization-content-wrapper .multiple-edit-container .selected-items badge {
    vertical-align: baseline;
}

.resource-organization-content-wrapper .resource-item-content-container .title-container,
.resource-content-wrapper .resource-item-content-container .title-container {
    background-color: #eee;
}

.confirmation-invitation-container .tenant-detail,
.resource-keyword-content-wrapper .keyword-info {
    padding: 15px;
}

.resource-content-container .grid-content-container .resource-content,
.resource-organization-content-wrapper .resource-item-content-container .title-container,
.resource-content-wrapper .resource-item-content-container .title-container {
    padding-bottom: 0;
    margin-left: 0;
    margin-bottom: 0;
}

.resource-allocation-container .map-container {
    padding-top: 10px;
}

#keyword-tab .keyword-responsive-container > label > span,
.resource-allocation-container .map-container .title > label > span,
.resource-allocation-container .section-responsive-container > label > span {
    font-size: 20px;
    font-weight: 600;
}

.resource-allocation-container .map-container .map-editor,
.resource-allocation-container .map-container iframe {
    width: 100%;
}

.resource-allocation-container .map-container iframe {
    height: 480px;
}

.resource-allocation-container .map-container .apply-map {
    margin-left: auto;
}

.resource-allocation-container .map-container .map-editor,
.resource-allocation-container .map-container iframe,
.resource-allocation-container .map-container .glyphicon-chevron-up,
.resource-allocation-container .map-container.expand .glyphicon-chevron-down,
.resource-allocation-container .map-container .edit-delete,
.resource-allocation-container .map-container.show-map .title .add,
.resource-allocation-container .map-container.expand .title .add,
.resource-allocation-container .map-container.map-exists .title .add {
    display: none;
}

.resource-allocation-container .show-map.map-exists .edit-delete,
.resource-allocation-container .map-container.show-map.expand .edit-delete,
.resource-allocation-container .map-container.show-map.expand iframe,
.resource-allocation-container .map-container.expand .glyphicon-chevron-up,
.resource-allocation-container .map-container.show-editor.expand .map-editor {
    display: inline-block !important;
}

.resource-allocation-container .map-container .title a.add,
.resource-allocation-container .map-container .title .edit-delete {
    margin-left: auto;
}

.resource-allocation-container .map-container .title,
.resource-allocation-container .section-responsive-container,
#keyword-tab .keyword-responsive-container {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 5px;
}

#keyword-tab .keyword-responsive-container {
    margin-bottom: 10px;
}

.resource-allocation-container .map-container .map-editor {
    background-color: #f0f0f0f0;
    padding: 15px;
}

.resource-allocation-container .map-container button.apply-map:focus {
    outline: none;
}

.resource-allocation-container .map-container .title .expand {
    color: #333;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}

.resource-allocation-container .map-container .title .expand:hover,
.resource-allocation-container .map-container .title .expand:focus {
    text-decoration: none;
    color: #2780e3;
}

.resource-allocation-container .map-container .title a.edit {
    margin-right: 10px;
    padding-right: 15px;
    position: relative
}

.resource-allocation-container .iframe-map {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.resource-allocation-container .map-textbox .valign-middle {
    position: relative;
}

.resource-allocation-container .map-textbox .clear-filter {
    position: absolute;
    top: 34px;
    right: 30px;
}

.resource-allocation-container .map-container ol {
    margin-bottom: 25px;
}

.resource-allocation-container .map-container li {
    margin-top: 10px;
}

.resource-organization-content-wrapper .resource-detail-container .content-resource .checkbox-container {
    margin-left: -20px;
    margin-right: 10px;
}

.resource-organization-content-wrapper .resource-detail-container .content-resource .resource-name {
    margin: 0;
    width: 100%;
}

.resource-organization-content-wrapper .resource-detail-container .content-resource .resource-tag,
.resource-content-wrapper .row-striped .resource-tag {
    background-color: cadetblue;
    color: #fff;
    padding-left: 6px;
    padding-right: 6px;
    display: inline-block;
    font-size: 12px;
}

#resource-assigned-to .list-menu-all > a {
    color: #000;
}

.resource-allocation-menu {
    margin-bottom: 10px !important;
    margin-top: 15px;
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
}

.resource-assign-to-section {
    margin-top: 0px !important;
}

.resource-organization-menu > div:hover {
    cursor: pointer;
    background-color: #f6f6f6;
    transition: all .25s ease-in-out;
}

.resource-organization-menu > div:hover a,
.refine-search-resource .col-btn-refine {
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6;
}

.refine-search-resource .search,
.multiple-edit-container span.dropdown-toggle,
.resource-container .header-list-resource .dropdown .dropdown-toggle {
    margin-left: -3px;
}

.resource-item-content-container .no-record,
.grid-content-container .no-record {
    padding: 0 0 15px 15px;
}

.edit-multiple-item .modal-footer .save {
    margin-left: 10px;
}

.keywords-content-container .reorder .row.selected {
    border: 1px solid #ef980e;
}

.keywords-content-container .sort-selected .label-sort::after {
    content: " : ";
}

#resource-assigned-to .list-menu-all .expander {
    margin-right: 10px;
    color: #ddd;
}

#resource-assigned-to .list-container ul {
    padding: 0 10px;
}

#resource-assigned-to .modal-footer .save {
    margin-left: 15px;
}

.coalition-container button.search {
    padding: 10px 10px 8px 10px;
    margin-left: -3px;
}

.coalition-container .refine-search > i {
    color: #222222;
}

#modal-preview-email .modal-content {
    width: 650px;
}

#modal-preview-email .modal-body {
    overflow-x: auto;
}

.confirmation-invitation-container .invitation-content-container {
    padding: 30px 20px;
}

.confirmation-invitation-container > section {
    min-height: 400px;
}

.confirmation-invitation-container .tenant-detail,
.confirmation-invitation-container .invitation-content-container {
    border: 1px solid #ddd;
}

.confirmation-invitation-container .tenant-detail {
    margin-bottom: 10px;
}

.confirmation-invitation-container .tenant-detail > label {
    font-size: 19px
}

.category-field-container .list-editor-rows {
    display: inline-block;
    width: 100%;
    position: relative;
}

.category-field-container span.title {
    font-weight: 300;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 13px;
    text-transform: uppercase;
}

#resource-assigned-to .spinner-section {
    position: absolute;
    display: inline-block;
    width: 100px;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

#resource-assigned-to .resource-allocation-menu {
    position: relative;
}

@media(max-width: 991px) {
    .list-member-container .filter-member, #addResourceModal .filter-resource, .coalition-container .organization-filter-container .filter-member {
        margin-bottom: 10px;
    }

    .row-category-field .reorder-sorting {
        margin-left: 8px;
    }

    .row-category-field .reorder-sorting a {
        padding-left: 5px;
        padding-right: 5px;
    }

    .category-field-container .list-editor-rows {
        flex-direction: column;
    }

    .category-field-container.default-fields .right-column {
        margin-top: 20px;
    }

    .category-field-container.custom-fields .right-column {
        margin-top: 35px;
    }


    .category-field-container.custom-fields .add {
        margin-top: 15px;
    }

    .category-field-container .list-editor-rows .vertical-line,
    .resource-content-wrapper .vertical-line {
        display: none;
    }
}

.add-member-coalition-container .contact-person .phone-ext,
.edit-member-coalition-container .contact-person .phone-ext {
    padding: 11px 0 0 0;
    text-align: center;
}

.edit-member-coalition-container .dropdown-invitation-status[readonly] {
    pointer-events: none;
    touch-action: none;
}

@media(min-width: 992px) {
    .add-member-coalition-container .contact-person > .form-group > label,
    .edit-member-coalition-container .contact-person > .form-group > label,
    .edit-member-coalition-container .note .form-group > label,
    .add-member-coalition-container .note .form-group > label,
    .edit-member-coalition-container .coverage-area .form-group > label,
    .add-member-coalition-container .coverage-area .form-group > label {
        margin-left: 5.5%;
    }

    .list-member-container .filter-member,
    #addResourceModal .filter-resource,
    .coalition-container .filter-member {
        padding: 0;
    }

    .category-field-container .left-column {
        padding-right: 25px;
    }

    .category-field-container .right-column {
        padding-left: 25px;
    }

    .row-category-field .reorder-sorting {
        margin-left: 10px;
    }

    .row-category-field .reorder-sorting a.down {
        margin-left: 5px;
    }

    .category-field-container .list-editor-rows {
        flex-direction: row;
    }

    .resource-editor-container .list-file-contents hr {
        margin-bottom: 10px;
    }

    .resource-editor-container .list-file-contents {
        padding-right: 20px;
    }

    .resource-editor-container .coalition-resource-mapping {
        padding-left: 20px;
    }

    .category-field-container.custom-fields .list-field {
        padding-bottom: 15px;
    }

    .add-member-container .member-name i,
    .add-coalition .coalition-name i {
        white-space: nowrap;
    }

    .category-field-container.list-editor-rows .vertical-line,
    .resource-content-wrapper .vertical-line {
        border-left: 1px solid #ddd;
        position: absolute;
        left: 50%;
        margin-left: -3px;
        top: 0;
    }

    .resource-content-wrapper .row.resource-field {
        position: relative;
    }

    .category-field-container .category-field-divider,
    .resource-content-wrapper .vertical-line {
        top: 2px !important;
        height: 100%;
    }

    .resource-editor-container .label-keywords {
        width: 16.6%;
    }

    .resource-editor-container .tenant-keyword {
        width: 83.4%;
        display: inline-block;
    }
}

@media(min-width: 992px) {
    #addResourceModal .modal-content,
    #auditHistoryModal .modal-content,
    #inventory-adjusment .modal-content {
        width: 900px !important;
    }
}

.list-member-container table .spinner {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 20px;
}

.list-member-container table tr {
    position: relative;
}

.add-member-container .member-name .form-group,
.add-coalition .coalition-name .form-group {
    margin-bottom: 5px;
}

.add-member-container .member-name,
.add-coalition .coalition-name {
    margin-bottom: 15px;
}

.edit-member-coalition-container .member-name span,
#edit-coalition .coalition-name span {
    padding-top: 11px;
    font-weight: 600;
}

.add-member-container .member-name input,
.add-coalition .coalition-name input {
    margin-bottom: 5px;
}

.edit-member-coalition-container .contact-person .tab-content,
.add-member-coalition-container .contact-person .tab-content {
    padding: 25px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.contact-person .contact-person-email {
    color: #2780e3;
    display: block;
}

.contact-person .contact-person-email {
    line-height: 1.1em;
    word-break: break-word;
}

.invitation-status.active,
.resource-status.available,
#inventory-adjusment .adjustment-summary-container .change {
    color: #42ab45;
}

.invitation-status.inactive,
.invitation-status.invited,
.invitation-status.cancelled,
.resource-status.checkout {
    color: #ff9900;
}

.resend-email.on-process {
    -webkit-animation: infinite-spinning 1s ease-out 0s infinite normal;
    animation: infinite-spinning 1s ease-out 0s infinite normal;
    background-color: transparent !important;
}

.resource-status.notinservice {
    color: #999;
}

.list-member-container .flags > li {
    height: 25px;
    line-height: 1;
    min-width: 45px;
}

.resource-allocation-container .header-title {
    display: flex;
    align-items: center;
}

.list-member-container .filter-member.filter-status,
#addResourceModal .filter-resource.filter-member,
.coalition-container .filter-member.filter-status {
    padding-left: 15px;
}

.list-member-container .filter-member.filter-search-text,
#addResourceModal .filter-resource.filter-search-text,
.coalition-container .filter-member.filter-search-text {
    padding-right: 15px;
    display: flex;
    align-items: center;
}

.list-member-container .filter-member.filter-search-text .input-group-btn,
#addResourceModal .filter-resource.filter-search-text .input-group-btn,
.coalition-container .filter-member.filter-search-text .input-group-btn {
    display: inline-block;
    width: auto;
}

#addResourceModal .filter-resource.filter-search-text button {
    vertical-align: top;
}

#addResourceModal:not(.resource-checkout) .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

#addResourceModal.resource-checkout .carousel-inner {
    overflow-y: auto;
}

#addResourceModal.resource-checkout.my-resource .checkout-request-container .show-request-checkout-container,
#addResourceModal.resource-checkout:not(.my-resource) .checkout-request-container .show-my-resource-container,
#addResourceModal.resource-checkout .resource-editor-navigation-container {
    display: none;
}

.header-list-resource {
    padding: 15px 0;
}

.list-member-container .member-control {
    padding: 0;
}

.row-category-field {
    padding: 10px 15px;
    background-color: #fff;
}

.row-category-field .input-group-btn {
    width: auto;
}

.row-category-field .input-group-btn button {
    width: 125px;
    text-align: left;
    padding-left: 12px;
    padding-right: 12px;
}

.row-category-field .input-group-btn button:active:focus {
    outline: none;
}

.row-category-field .input-group-btn button.disabled {
    background-color: #e6e6e6 !important;
    opacity: 1;
}

.row-category-field .input-group-btn .caret {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.row-category-field .drag-handle,
.custom-dropdown-filter .drag-handle {
    margin-right: 10px;
    cursor: move;
    height: 27px;
}

.row-category-field .remove,
.row-category-field .remove-field {
    color: #333;
}

.row-category-field .reorder-sorting,
.row-category-field .drag-handle {
    flex: 0 0 auto;
    display: none;
}

.row-category-field .reorder-sorting {
    margin-left: 10px;
}

.reorder-field .row-category-field .remove,
.row-category-field .checkbox {
    display: none;
}

.reorder-field .row-category-field .reorder-sorting,
.reorder-field .row-category-field .drag-handle,
.reorder-field .row-category-field .checkbox,
.customlist-resourcefield .row-category-field .drag-handle,
.custom-dropdown-filter .drag-handle {
    display: inline-block !important;
}

.reorder-field .row-category-field .checkbox {
    padding-top: 8px;
}

.row-category-field .reorder-sorting .up {
    vertical-align: bottom;
}

.row-category-field .reorder-sorting .down {
    vertical-align: top;
}

.row-category-field .sortable-container {
    width: 100%;
}

.row-category-field .remove:hover,
.row-category-field .edit:hover {
    color: #2780e3;
}

.row-category-field span.field-name {
    word-break: break-word;
}

.custom-list .row-category-field .custom-default-field-name {
    width: 70%;
    padding-right: 15px;
}

.default-fields .row-category-field .custom-default-field-name,
.custom-fields .row-category-field.edit-mode:not(.new-row) .custom-default-field-name,
.custom-fields .row-category-field.sorting-mode .custom-default-field-name,
.custom-fields .row-category-field.sorting-mode:not(.new-row) .custom-default-field-name {
    width: 70%;
}

.default-fields .row-category-field .custom-default-field-name,
.custom-fields .row-category-field.sorting-mode .custom-default-field-name {
    padding-right: 15px;
}

@media(min-width: 480px) {
    .custom-list .row-category-field:not(.new-row) .custom-default-field-data-type {
        width: 115px;
    }
}

@media(min-width: 375px) and (max-width: 479px) {
    .default-fields .custom-default-field-name {
        width: 150px;
    }
}

@media(max-width: 374px) {
    .custom-list .row-category-field:not(.new-row) .custom-default-field-data-type {
        width: 100px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .custom-fields .row-category-field.edit-mode .sortable-container {
        width: 88% !important;
    }
}

@media (max-width: 479px) {
    .custom-fields .row-category-field.edit-mode .sortable-container {
        width: 91% !important;
    }
}

@media (min-width: 768px) (max-width: 991px) {
    .custom-fields .row-category-field.edit-mode .sortable-container {
        width: 91% !important;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    .custom-fields .row-category-field.edit-mode .sortable-container {
        width: 80% !important;
    }
}

@media(min-width: 1200px) and (max-width: 1599px) {
    .custom-fields .row-category-field.edit-mode .sortable-container {
        width: 88% !important;
    }
}



.category-field-container .row-category-field:not(.new-row) .custom-default-field-data-type,
.customlist-resourcefield .custom-list .row-category-field .custom-default-field-data-type {
    width: 30%;
}

.custom-fields .row-category-field.new-row .custom-default-field-name {
    width: 100%;
}

.default-fields .row-category-field .custom-default-field,
.custom-fields .row-category-field.sorting-mode .custom-default-field,
.custom-list .row-category-field .custom-default-field {
    padding: 5px 10px;
}

.default-fields .custom-default-field {
    background: #fcfcfc;
}


#measurement-modal .container-select-measurement-item-id .select2-container .select2-selection--single .select2-selection__rendered,
.measurement-template-modal .measurement-template-container .select2-container .select2-selection--single .select2-selection__rendered,
#measurement-modal .row-measurement.show-when-custom-level.container-select-custom-level .select2-container .select2-selection--single .select2-selection__rendered {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 100%;
    display: -webkit-inline-box;
    white-space: normal !important;
}

.custom-fields .row-category-field:not(.new-row) .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 10px;
}

.row-category-field .custom-default-field-data-type,
.select2-custom-field-container span.select2-custom-field-data-type {
    font-size: 13px;
    color: #888;
    align-items: center;
    flex-shrink: 0;
}

.select2-custom-field-container span.select2-custom-field-data-type {
    flex-basis: 100px;
}

.row-category-field .custom-default-field-data-type {
    position: relative;
}

.default-fields .row-category-field .custom-default-field-data-type:before,
.custom-fields .row-category-field:not(.new-row) .custom-default-field-data-type:before,
.custom-list .row-category-field .custom-default-field-data-type:before,
.custom-list .custom-value-list .custom-default-field-data-type:before {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 0;
    border-left: 1px solid #ddd;
    transform: translate(-50%);
}

.row-category-field .custom-default-field-data-type > span {
    line-height: 1.1em;
    display: block;
}

.row-category-field.edit-mode span.edit-custom-field-container {
    margin-left: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

.row-category-field .edit {
    color: #333;
}

.row-category-field .edit.disabled {
    color: #c6c6c6;
    cursor: not-allowed;
}


.row-category-field.edit-mode span.remove-field {
    padding-left: 10px;
}

.select2-custom-field-container span.select2-custom-field-data-type {
    text-align: right;
}

.row-category-field .custom-default-field {
    width: 100%;
    padding-right: 10px;
    border: 1px solid #cccccc;
    position: relative;
}

.row-category-field.new-row .custom-default-field {
    padding-right: 0px;
}

.default-fields .row-category-field .custom-default-field-data-type,
.custom-fields .sorting-mode .custom-default-field-data-type,
.category-field-container.custom-fields .edit-mode .custom-default-field-data-type,
.custom-list .row-category-field .custom-default-field-data-type {
    padding-left: 10px;
}

.category-field-container .row-category-field:not(.new-row) .custom-default-field-data-type,
.custom-list .row-category-field:not(.new-row) .custom-default-field-data-type {
    min-height: 28px;
    display: flex;
    align-items: center;
}

.row-category-field.edit-mode.new-row .custom-default-field.new {
    border: none !important;
}

.category-field-container.custom-fields .sorting-mode .dropdown-custom-field {
    display: none;
}

.category-field-container.custom-fields .edit-mode span.field-name,
.custom-fields .row-category-field.empty {
    display: none;
}

.category-field-container.custom-fields .new-row .custom-default-field-data-type,
.category-field-container.custom-fields .new-row .edit-custom-field-container {
    display: none;
}

.custom-fields .row-category-field:not(.new-row) span.select2-selection.select2-selection--single:focus,
.custom-fields .row-category-field:not(.new-row) .select2-selection--single {
    border: none;
    outline: none;
    box-shadow: none;
}


.custom-fields .row-category-field:not(.new-row) .select2-selection__arrow {
    right: 5px;
}

.category-field-container.custom-fields .sorting-mode.empty .custom-default-field {
    height: 40px;
}

.row-category-field .custom-default-field-data-type input {
    background-color: #FFFFFF;
    text-align: right;
    color: #A9A9A9;
}

.select2-custom-field-data-type {
    margin-left: auto;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] .select2-custom-field-data-type {
    color: #FFFFFF;
    text-align: right;
}

.row-category-field input[readonly] {
    cursor: not-allowed;
    background-color: #FFFFFF;
}

.row-category-field input[readonly]:focus {
    outline: none;
    box-shadow: none;
}

.row-category-field a:hover,
.row-category-field a:focus {
    text-decoration: none;
}

@media(max-width: 479px) {
    .header-default-field-info {
        display: block;
    }
}

.header-default-field-info {
    text-transform: none;
    font-size: 15px;
    padding-left: 3px;
}

.header-category-field a {
    margin-left: auto;
    font-weight: normal;
    text-transform: none;
    font-size: 15px;
}

.reorder-field .label-reorder,
.header-category-field .label-done {
    display: none;
}

.reorder-field .label-done {
    display: block;
}

.category-field-container .selected {
    border: 1px solid #ef980e;
    padding: 9px 14px;
}

.resource-item-content-container .label-resource-image {
    width: 81px;
    display: inline-block;
    float: left;
}

.resource-editor-container .resource-category-container,
#keyword-add .modal-category-container {
    position: relative;
}

#keyword-add .row {
    margin-bottom: 11px;
}

#keyword-add .error-keyword {
    margin-bottom: 10px;
    display: inline-block;
}

.title-page-responsive .dropdown-menu > a,
.resource-category .modify-field-responsive-container .dropdown-menu > a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    padding: 3px 20px;
}

.row-category-field.sorting-mode .modify-field-responsive-container {
    display: none !important;
}

.title-page-responsive button {
    background-color: transparent;
    padding: 10px 2px;
    margin-right: 10px;
    color: #333;
}

.title-page-responsive button:focus {
    color: #333;
}

@media(max-width: 991px) {
    .title-page-responsive .title {
        margin-right: 0;
    }

    .title-page-responsive .btn-group,
    .resource-category .back-responsive,
    .resource .back-responsive {
        display: inline-block;
    }

    .resource-organization-menu {
        display: none;
    }

    .resource-navigation-container .search-container {
        border-bottom: none !important;
    }
}

@media(max-width: 479px) {
    .resource-category .header-container h2 {
        margin-top: 15px;
    }

    .resource-category .header-container hr {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .resource-category .title-page {
        padding-top: 15px;
    }
}

.resource-category .modify-field-responsive-container {
    margin-left: 10px;
    position: relative;
}


.resource-category .modify-field-responsive-container ul {
    top: 30px;
}

.resource-field-row .header-container span,
#edit-multiple-item .header-field .header-container span,
#inventory-adjusment .header-container span,
#addResourceModal.resource-checkout span.header-list-container {
    text-transform: uppercase;
    line-height: 1.1em;
    font-size: 16px;
    font-weight: 300;
}

.resource-content-wrapper .resource-field .field-name-container,
.resource-field-row .field-text-container,
.resource-content-wrapper .resource-field .field-text-container,
.resource-content-wrapper .resource-field .field-input-container {
    word-break: break-word;
}

.resource-field-row .field-text-container,
.resource-content-wrapper .resource-field .field-text-container {
    align-items: flex-start;
}

.resource-body-container .resource-list-container {
    padding-top: 15px;
}

.resource-field-row .field-text-container label {
    padding-top: 10px;
}

.resource-field .warning-unit-modified {
    margin-bottom: 0px;
}

.resource-field-row.resource-modal hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.resource-field-row.resource-modal {
    padding-top: 10px;
}

@media(max-width: 991px) {
    .resource-field-row.resource-modal .resource-field .form-group {
        margin-bottom: 10px;
    }

    .resource-field-row.resource-modal.default-field-row {
        margin-top: 10px;
    }

    .resource-modal .header-field .form-group {
        margin-bottom: 0px;
    }
}

.resource-editor-container .resource-category-container .Typeahead-spinner {
    right: 30px;
}

.table-list-category-container .assigned-by-admin {
    -webkit-box-shadow: inset 8px 0px 0px 0px #aaa;
    -moz-box-shadow: inset 8px 0px 0px 0px #aaa;
    box-shadow: inset 8px 0px 0px 0px #aaa;
}

.table-list-category-container .assigned-by-admin td:first-child {
    -webkit-box-shadow: inset 8px 0px 0px 0px #aaa;
    -moz-box-shadow: inset 8px 0px 0px 0px #aaa;
    box-shadow: inset 8px 0px 0px 0px #aaa;
}

.table-list-category-container .resourceType-column {
    padding-left: 15px;
}

@media(max-width: 374px) {
    .resource-category .search-filter-container {
        width: 66%;
    }
}

@media(max-width: 991px) {
    .resource-category .table-list-category-container thead,
    .resource-category .table-list-category-container tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .resource-category .table-list-category-container tbody {
        max-height: 500px;
        overflow-y: auto;
        width: 100%;
        display: inline-block;
    }
}

.resource-editor-container .category-field-container .list-editor-rows {
    display: flex;
    width: 100%;
}

.resource-editor-container .coalition-resource-mapping .form-group {
    border-left: 6px solid #ccc;
    margin-left: 0;
    margin-right: 0;
}

.resource-editor-container .select2-selection--multiple .select2-selection__rendered {
    padding-top: 8px;
    padding-bottom: 0px;
}

#edit-multiple-item .select2-container--default .select2-selection--multiple li.select2-selection__choice.invalid {
    background-color: #e68904;
    border-color: #e68904;
}

.invalid-keyword {
    background-color: #e68904 !important;
    border-color: #e68904 !important;
}

.container-resource-assign-to .result-assign-to i.fa {
    margin-right: 5px;
}

.container-resource-assign-to .select2-btn-group.select2-resource-assign-to button {
    width: 90px;
    padding-left: 5px;
    padding-right: 5px;
}


#addResourceModal.resource-checkout .container-resource-assign-to .select2-container .select2-results > ul > li,
#resourceCheckoutSingle .container-resource-assign-to .select2-container .select2-results > ul > li,
.resource-detail-container .container-resource-assign-to .select2-container .select2-results > ul > li {
    display: none;
}

#edit-multiple-item .container-resource-assign-to .select2-container.select-business .select2-results > ul > li[role="group"],
#edit-multiple-item .container-resource-assign-to .select2-container.select-business .select2-results > ul > li.business,
#addResourceModal.resource-checkout .container-resource-assign-to .select2-container.select-business .select2-results > ul > li[role="group"],
#addResourceModal.resource-checkout .container-resource-assign-to .select2-container.select-business .select2-results > ul > li.business,
#resourceCheckoutSingle .container-resource-assign-to .select2-container.select-business .select2-results > ul > li[role="group"],
#resourceCheckoutSingle .container-resource-assign-to .select2-container.select-business .select2-results > ul > li.business,
.resource-detail-container .container-resource-assign-to .select2-container.select-business .select2-results > ul > li[role="group"],
.resource-detail-container .container-resource-assign-to .select2-container.select-business .select2-results > ul > li.business {
    display: block;
}

.resource-detail-container .container-resource-assign-to .select2-container.select-user .select2-results > ul > li.user,
#addResourceModal.resource-checkout .container-resource-assign-to .select2-container.select-user .select2-results > ul > li.user,
#resourceCheckoutSingle .container-resource-assign-to .select2-container.select-user .select2-results > ul > li.user {
    display: block;
}


.resource-detail-container .container-resource-assign-to .select2-container.select-organization .select2-results > ul > li.organization,
#addResourceModal.resource-checkout .container-resource-assign-to .select2-container.select-organization .select2-results > ul > li.organization,
#resourceCheckoutSingle .container-resource-assign-to .select2-container.select-organization .select2-results > ul > li.organization {
    display: block;
}

.resource-detail-container .container-resource-assign-to .select2-container.select-other .select2-results > ul > li.other,
#addResourceModal.resource-checkout .container-resource-assign-to .select2-container.select-other .select2-results > ul > li.other,
#resourceCheckoutSingle .container-resource-assign-to .select2-container.select-other .select2-results > ul > li.other {
    display: block;
}

.resource-detail-container .container-resource-assign-to .select2-container .select2-resource-assign-to {
    padding-left: 5px;
}

.select2-resource-assign-to .btn-group {
    justify-content: center;
    flex-wrap: wrap;
}

.select2-resource-assign-to .btn-group > button {
    border: 1px solid #cccccc !important;
}

@media(min-width: 992px) {
    .resource-editor-container .select-resource-assign-to.without-organization .select2-dropdown {
        width: 400px !important;
    }

    .resource-editor-container .resource-field .mention-tagging-container .mention-tagging,
    .resource-editor-container .resource-field .mention-tagging-container .mt-inner-container .mention-tagging {
        min-height: 122px !important;
    }
}

@media(max-width: 991px) {
    .resource-field .responsive-fields {
        display: block;
    }

    .resource-field .responsive-fields .control-label,
    .inventory-fields .responsive-fields .control-label {
        text-align: left;
    }
}

.select-resource-keyword ul > li[aria-selected="true"] {
    display: none;
}

.select-resource-keyword ul li[aria-disabled="true"] {
    position: relative;
    min-height: 18px;
}

.select-resource-keyword ul li[aria-disabled="true"] span.disabled {
    font-weight: normal;
}

.select-resource-keyword ul li[aria-disabled="true"] > span.disabled {
    font-weight: normal;
    position: absolute;
    top: 0px;
    left: 30px;
}

.select-resource-assign-to .select2-btn-group button {
    width: 92px;
}

.select-resource-assign-to .select2-results__option[role="group"],
.select-resource-keyword .select2-results__option {
    min-height: 0;
    max-height: -moz-max-content;
}

.select-resource-assign-to .select2-results__group,
.select-resource-keyword ul .select2-results__group {
    padding-left: 15px;
    padding-right: 15px;
}

.select-resource-keyword ul .select2-results__group {
    position: relative;
    min-height: 20px;
}

.select-resource-assign-to .select2-results__options--nested > li,
.select-resource-keyword .select2-results__options--nested > li {
    padding-left: 30px !important;
}

.resource-editor-container .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #ccc;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.resource-editor-container .list-file-contents .list-editor-rows > .row,
.resource-editor-container .attachment-info,
.resource-editor-container .file-upload-drag-drop-container {
    margin-left: 15px;
    margin-right: 15px
}

.duplicate-resource-container .attachment-info,
.duplicate-resource-container .file-upload #file-upload-drag-drop {
    margin-left: 0px;
}

.resource-editor-container .resource-field .control-label,
#edit-multiple-item .resource-field .control-label,
#duplicate-single-item .resource-field .control-label {
    padding-top: 0;
    padding-bottom: 0;
}

#duplicate-single-item .error {
    display: block;
    color: #ff0039;
    font-weight: normal;
}

#duplicate-single-item .header-container {
    display: none !important;
}


#duplicate-single-item .modal-body {
    overflow-x: hidden;
}

#edit-multiple-item .resource-field-row .required-field-label:after {
    content: "" !important;
}

.resource-editor-container .spinner-resource-field {
    position: relative;
}

.resource-editor-container .spinner-resource-field .spinner {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 30px;
}


.resource-editor-container .custom-fields,
.resource-editor-container .default-fields {
    display: inline-block;
    min-height: 65px;
    width: 100%;
}

.resource-keyword .navbar-custom {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
}

.resource-keyword .accordion-container .accordion-trigger,
.resource-keyword-content-wrapper .accordion-container .accordion-trigger {
    padding: 8px 25px 8px 20px;
    color: #333;
    cursor: pointer;    
}

.resource-keyword .accordion-container.active > .accordion-trigger,
.resource-keyword-content-wrapper .accordion-container.active > .accordion-trigger {
    font-weight: bold;
}

.resource-keyword .panel-default {
    position: relative;
}

.resource-keyword .panel-default .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.resource-category .back-responsive,
.resource .back-responsive {
    font-size: 22px;
}

.resource-keyword .accordion-container.active + .accordion-container .accordion-trigger {
    border-top: 1px solid #ddd;
}

.resource-keyword .accordion-container.active > .accordion-trigger .fa,
.resource-keyword-content-wrapper .accordion-container.active > .accordion-trigger .fa {
    transform: rotate(90deg);
}

.resource-keyword .accordion-container > .accordion-target,
.resource-keyword-content-wrapper .accordion-container > .accordion-target {
    display: none;
}

.resource-keyword .accordion-container.active > .accordion-target,
.resource-keyword-content-wrapper .accordion-container.active > .accordion-target {
    display: inline-block !important;
    width: 100%;
}

.resource-keyword .accordion-container > .accordion-trigger.selected,
.resource-keyword-content-wrapper .accordion-container > .accordion-trigger.selected {
    color: #fff;
    background-color: #2780e3 !important;
}

.resource-keyword .accordion-container > .accordion-trigger:not(.selected):hover,
.resource-keyword-content-wrapper .category-container .accordion-container .accordion-trigger:not(.selected):hover {
    color: #2780e3;
    background-color: #e6e6e6;
}

.resource-keyword .navbar-custom .no-record-found {
    padding-top: 15px;
    padding-left: 15px;
    color: #333;
}

.resource-keyword .search-filter {
    position: relative;
}

.resource-keyword .search-filter input {
    padding-right: 35px;
}

.resource-keyword .search-filter > a {
    position: absolute;
    top: 9px;
    color: #333;
    padding: 5px;
    font-size: 15px;
}

.resource-keyword .search-filter > a,
.resource-keyword .search-filter > .fa-search {
    right: 10px;
}

.resource-keyword .search-filter > a:hover,
.resource-keyword .search-filter > a:focus {
    text-decoration: none
}

.resource-keyword .search-filter > a:hover {
    color: #2780e3;
}


.resource-keyword .accordion-container .expand,
.resource-keyword-content-wrapper .accordion-container .expand {
    padding-right: 8px;
}

.resource-keyword .accordion-target > li span.valign-middle {
    padding-left: 40px;
    padding-right: 10px;
    color: #333333;
}

.resource-keyword-content-wrapper .accordion-target > li span.valign-middle {
    padding-left: 40px;
    padding-right: 25px;
    color: #333333;
}

.resource-keyword .accordion-trigger > span.valign-middle,
.resource-keyword-content-wrapper .accordion-trigger > span.valign-middle {
    padding-left: 10px;
}

.resource-keyword .sidebar-nav .navbar li a,
.resource-keyword-content-wrapper .sidebar-nav .navbar li a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 0;
}

.resource-keyword-content-wrapper .sidebar-nav .navbar li.selected a,
.resource-keyword-content-wrapper .sidebar-nav .navbar li.selected a:hover,
.resource-keyword-content-wrapper .sidebar-nav .navbar li.selected a:focus {
    color: #ffffff;
    background-color: #2780e3;
}

.resource-keyword .accordion-container .badge, .resource-keyword-content-wrapper .accordion-container .badge {
    margin-left: auto;
    flex-shrink: 0;
    background: #999;
}

.resource-keyword li.active .badge,
.resource-keyword .accordion-trigger.selected .badge,
.resource-keyword-content-wrapper li.active .badge,
.resource-keyword-content-wrapper .accordion-trigger.selected .badge {
    color: #888;
    background: #fff;
}

.resource-keyword .panel-title {
    background: #f5f5f5;
    border-bottom: 1px solid #dddddd;
}

.resource-keyword .panel-footer {
    background-color: #fff;
}

.resource-keyword .row-keyword .valign-middle {
    width: 100%;
}

.resource-keyword .row-keyword {
    margin-bottom: 20px;
}

.resource-keyword .add-new-keyword a:hover,
.resource-keyword .add-new-keyword a:focus {
    text-decoration: none;
}

.resource-keyword .row-keyword .field-validation-error {
    margin-left: 25px;
    margin-top: 5px;
}

.resource-keyword .add-new-keyword span {
    margin-left: 5px;
}

.resource-keyword .sort .desc,
.resource-keyword .sort-desc .asc {
    display: none;
}

.resource-keyword .sort-desc .desc {
    display: inline-block !important;
}

.resource-keyword .row-keyword:last-child:not(.delete) {
    margin-bottom: 25px;
}

.resource-keyword .panel-body {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 20px;
}

.resource-keyword .row-keyword input.keyword {
    margin-right: 15px;
}

.resource-keyword .drag-handle {
    display: inline-block;
    cursor: move;
    padding: 0 25px 0 0;
    background-position-x: left;
    background-position-y: bottom;
    height: 24px;
}

#tenant .confirmation-invitation .tenant > input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

#tenant .confirmation-invitation .tenant .checkmark {
    position: absolute;
    top: calc(50% - 9px);
    left: 15px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid;
}

#tenant .confirmation-invitation .tenant > input:checked ~ .checkmark {
    background-color: #2780e3;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container input:checked ~ .checkmark:after {
    display: block;
}

#tenant .confirmation-invitation .tenant .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.confirmation-invitation-container .single-tenant {
    margin-top: 100px;
    padding: 15px;
}

.confirmation-invitation-container .single-tenant .accept-invitation {
    margin-bottom: 21px;
}

.confirmation-invitation-container .single-tenant {
    min-height: 450px;
}

.siteadmin-index .min-height-150 {
    min-height: 150px;
}

.siteadmin-index .option-template {
    border: 1px solid #cccccc;
    border-bottom: none;
}

@media(min-width: 768px) and (max-width: 991px) {
    .siteadmin-index select.email-template {
        width: 47%;
    }
}

@media(min-width: 992px) {
    .siteadmin-index select.email-template {
        width: 48%;
    }
}

.siteadmin-index .container-email-template {
    width: 100%;
    display: inline-block;
}

.siteadmin-index .title-email-template {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-top: 15px;
}

.siteadmin-index .message-email-template {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 15px;
}

.siteadmin-index .option-template > span:not(:last-child) {
    padding: 0 6px;
    border-right: 1px solid #cccccc;
}

.siteadmin-index .option-template > span > a {
    font-size: 12px;
}

.siteadmin-index .option-template > span:last-child {
    padding-left: 6px;
}

.siteadmin-index .option-template > span {
    transition: transform .2s;
}

.siteadmin-index .option-template > span:hover {
    cursor: pointer;
}

.siteadmin-index .preview-email.btn {
    margin-top: 10px;
}

.category-information h4 {
    margin: 0;
}

.confirmation-invitation-container .tenant-list {
    height: 350px;
    overflow: auto;
}

.confirmation-invitation-container .footer-container {
    padding: 15px;
    border-top: 1px solid #ddd;
}


.confirmation-invitation-container .footer-container .submit-invitation {
    margin-left: 15px;
}

h1.resource-invitation-complete-title,
.invoice-complete-container h1.invoice-complete-title {
    font-weight: normal;
    text-align: center;
    margin-top: 50px;
}

h5.resource-invitation-complete-subtitle {
    text-align: center;
    margin-bottom: 30px;
}

.invite-success-container,
.invoice-complete-container {
    min-height: 500px;
}

.invoice-complete-container .invoice-complete-contact {
    margin-top: 15px;
}

.tenant-detail.disabled,
.tenant-detail.disabled .checkmark {
    background-color: #e6e6e6 !important;
}

.tenant-detail.disabled:hover,
.tenant-detail.disabled .checkmark:hover {
    cursor: not-allowed !important;
}

.invite-success-container .btn-container {
    text-align: center;
}

#custom-value-add .input-group-btn {
    width: auto;
}

.list-member-container .message-no-record h2 {
    padding-left: 15px;
}

#add-coalition button.add {
    margin-top: 16px;
}

.resource-keyword-content-wrapper .keywords-content-container .spinner-container {
    position: absolute;
    top: 10%;
    left: 45%;
}

.resource-keyword-content-wrapper .keywords-content-container .container-no-record {
    padding: 15px;
}

.resource-keyword-content-wrapper .keywords-container.reorder .drag-handle {
    display: block;
    margin-right: 15px;
    cursor: pointer;
}

.resource-keyword-content-wrapper .keywords-container .drag-handle {
    display: none;
}

.header-container .category-container .previous > i {
    margin-right: 10px;
}

.search-container .search-content .reset-search {
    margin-left: 5px;
    color: #333333;
    text-decoration: unset;
}

.confirmation-invitation-container .content-wrapper {
    background: #f7f7f7;
}

.confirmation-invitation-container .select-tenant .tenant-list {
    padding: 30px;
}

.confirmation-invitation-container .tenant-detail > h5 {
    margin: 5px 0 0 0;
}

.confirmation-invitation-container .tenant-detail .content {
    padding-left: 30px;
}

.confirmation-invitation-container .tenant-detail > h4 {
    text-transform: none;
}

.confirmation-invitation-container .tenant-list .tenant-detail {
    padding: 30px 15px;
}

.confirmation-invitation-container .tenant-list .tenant-detail span.content {
    font-size: 12px;
    font-style: italic;
}

.confirmation-invitation-container .tenant-detail .join-date {
    margin: 0
}

.edit-member-coalition-container .wrapperBootstrapSwitch {
    padding-top: 10px;
}

.edit-member-coalition-container .wrapperBootstrapSwitch .bootstrap-switch {
    width: 46px;
}

.edit-member-coalition-container .wrapperBootstrapSwitch .bootstrap-switch-container {
    width: 66px;
    margin-left: 0px;
}

.edit-member-coalition-container .wrapperBootstrapSwitch .bootstrap-switch-container > span {
    width: 22px;
}

.resource-allocation-container .header-title .section-name::before,
.resource-allocation-container .section-responsive-container .section-name::before {
    content: " - ";
}

@media(min-width:992px) {
    .resource-layout {
        display: flex;
        width: 100%;
        align-content: stretch;
        justify-content: space-between;
    }
}

.resource-layout > .resource-layout-navigation {
    flex: 0 0 300px;
    margin-right: 15px;
}

.resource-layout > .resource-layout-body {
    flex-grow: 1;
}

.resource-search-panel.open {
    width: 100%;
    margin-right: 30px;
    padding-top: 15px;
}

@media(max-width: 991px) {
    .resource-search-panel {
        display: none;
    }

    .resource-search-panel.open {
        display: block !important;
    }
}

.resource-organization-content-wrapper {
    width: 100%;
    flex: 1;
}

.search-resource-container.panel {
    border-color: #ccc;
}

.search-resource-container .search-container {
    padding: 15px 0;
}

@media(max-width: 991px) {
    .resource-content-wrapper .form-search-resource.slide-fixed-center {
        display: none;
    }
}

@media (max-width: 767px) {
    .resource-layout .nav > li {
        border-bottom: none;
    }
}

.resource-apply-filter-container {
    display: flex;
    padding: 15px 15px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    border-top: none;
}

.resource-apply-filter-container .btn-group {
    margin-left: auto;
}

.search-resource-container .search-container,
.search-resource-container .sidebar-nav:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.search-resource-container .accordion-trigger .header-title {
    padding: 10px 0;
}

.search-resource-container .accordion-trigger .header-title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    font-weight: 600;
    text-transform: uppercase;
}

.search-resource-container .accordion-trigger .header-title > span {
    flex-grow: 1;
    line-height: initial;
    word-break: break-word;
    padding-top: 8px;
}

.search-resource-container .accordion-trigger .header-title > i:hover {
    cursor: pointer;
}

.search-resource-container .accordion-target li > a {
    padding: 5px 15px;
    color: #333;
}

.checkbox input[type="checkbox"]:not(.checkbox-nolabel) ~ label::before,
.checkbox input[type="checkbox"]:not(.checkbox-nolabel) ~ label::after,
.resource-container .checkbox-select-all > label::before {
    margin-top: 2px;
}

.resource-container .checkbox-select-all {
    padding-right: 5px;
}

.search-resource-container .tags-content,
.grid-content-container .resource-tag-container {
    margin-top: 5px;
}

.resource-checkout-filter-panel .tags-resource.selected,
.search-resource-container .tags-content .tags-label,
.summary-selected-filter-container .tags-label,
#receiving-resource-checkout .tags-content .tags-label {
    padding: 4px 10px;
    background-color: #fff;
    border: 1px solid #c3bebe;
    border-radius: 5px;
    transition: all .25s ease-in-out;
    font-weight: unset;
}

.resource-checkout-filter-panel .tags-resource.selected,
.search-resource-container .tags-content .tags-label.selected {
    background-color: #333 !important;
    color: #fff !important;
    font-size: 13px;
    margin-right: 5px;
}

.summary-selected-filter-container .tags-label.selected {
    background-color: #fff !important;
    color: #090909 !important;
    font-weight: 600 !important;
    margin-right: 5px;
    padding-top: 3px;
    padding-bottom: 5px;
}

.resource-more-filter-container .navbar {
    margin: 0;
}

.grid-content-container .resource-selected .view-detail,
.resource-list-container .resource-selected .resource-action {
    visibility: hidden;
}

.grid-content-container .view-detail {
    float: right;
    border: 1px solid #ccc;
    padding: 0px 3px;
}

.grid-content-container .view-detail:hover {
    background-color: #e6e6e6;
}

.grid-content-container .id-card {
    position: unset;
    height: auto;
}

.grid-content-container .resource-id-title {
    font-size: 13px;
    color: #aaa;
}

.grid-content-container .resource-type-container > div:first-child,
.grid-content-container .resource-category-container > div:first-child {
    font-size: 11px;
}

.grid-content-container .id-card .panel-heading {
    justify-content: center;
    width: 100%;
    padding-right: 15px;
    padding: 0;
}

.grid-content-container .resource-description .description {
    max-height: 40px;
}

.resource-list-container .resource-content .description {
    max-height: 43px;
}

.grid-content-container .panel-body {
    height: 210px;
    border-bottom: 1px solid #ccc;
}

.resource-category-index .header-container .btn-group button,
.resource-content-wrapper .title-container .btn-group button,
.resource-organization-container .title-container .btn-group button,
.resource-keyword-content-wrapper .title-container .btn-group button,
.resource-organization-member-container .title-container .btn-group button,
.resource-organization-coalition-container .title-container .btn-group button,
.coalition-container .title-page-responsive .btn-group button {
    color: #222222;
    font-size: 18px;
}

.resource-category-index .header-container .btn-group,
.resource-content-wrapper .title-container .btn-group,
.resource-organization-container .title-container .btn-group,
.resource-keyword-content-wrapper .title-container .btn-group,
.resource-organization-member-container .title-container .btn-group,
.resource-organization-coalition-container .title-container .btn-group,
.coalition-container .title-page-responsive .btn-group {
    position: static;
}

.resource-category-index .header-container .title-page-responsive,
.resource-content-wrapper .title-container .title-page-responsive,
.resource-organization-content-wrapper .title-page-responsive,
.resource-keyword-content-wrapper .title-page-responsive,
.resource-organization-member-container .title-page-responsive,
.resource-organization-coalition-container .title-page-responsive,
.coalition-container .title-page-responsive {
    position: relative;
}

@media(max-width: 324px) {
    .resource-category-index .header-container .title-page-responsive .dropdown-menu,
    .resource-content-wrapper .title-container .title-page-responsive .dropdown-menu,
    .resource-organization-content-wrapper .title-page-responsive .dropdown-menu,
    .resource-keyword-content-wrapper .title-page-responsive .dropdown-menu,
    .resource-organization-member-container .title-page-responsive .dropdown-menu,
    .resource-organization-coalition-container .title-page-responsive .dropdown-menu,
    .coalition-container .title-page-responsive .dropdown-menu {
        top: 50px;
    }
}

.resource-content-wrapper .nav-tabs-responsive,
.resource-organization-container .nav-tabs-responsive {
    flex-shrink: 0;
    align-self: end;
}


.resource-content-wrapper .nav-tabs-responsive,
.resource-organization-container .nav-tabs-responsive,
#addResourceModal .resource-organization-content-wrapper ul.resource-status-container {
    border: unset;
}

.resource-content-wrapper .search-container-responsive,
.resource-organization-content-wrapper .search-container-responsive {
    padding-bottom: 10px;
    padding-top: 10px;
}

.resource-content-wrapper .resource-editor-navigation-container,
.resource-organization-content-wrapper .search-container-responsive,
#form-medical-record .title-page {
    z-index: 702 !important;
}

.resource-content-wrapper .resource-editor-navigation-container,
.resource-organization-content-wrapper .resource-editor-navigation-container {
    position: sticky;
    position: -webkit-sticky;
    background-color: #fff;
    z-index: 102;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.resource-content-wrapper .resource-editor-navigation-container .view-mode-group,
.resource-organization-content-wrapper .resource-editor-navigation-container .view-mode-group {
    margin-top: 5px;
    margin-bottom: 5px;
}

@media(min-width: 992px) {
    .resource-content-wrapper .resource-editor-navigation-container, .resource-organization-container .resource-editor-navigation-container {
        top: 49px;
    }

    .resource-content-wrapper .resource-editor-navigation-container .view-mode {
        margin-left: auto;
    }

    .resource-content-wrapper .information-container,
    .resource-organization-container .information-container {
        top: 113px;
    }

    .resource-allocation-container .resource-content-wrapper .information-container {
        top: 50px;
    }

    .device-ios .resource-content-wrapper .information-container,
    .device-ios .resource-organization-container .information-container {
        top: 63px;
    }

    .resource-container .resource-content-container .title-container {
        top: 187px;
    }

    .resource-content-wrapper .resource-editor-navigation-container,
    .resource-organization-container .resource-editor-navigation-container {
        padding-top: 21px;
    }
}

@media(max-width: 991px) {
    .resource-content-wrapper .resource-editor-navigation-container .view-mode,
    .resource-organization-content-wrapper .resource-editor-navigation-container .view-mode {
        flex-shrink: 0;
    }

    .search-container-responsive {
        top: 50px;
    }

    .resource-editor-navigation-container {
        top: 50px;
    }

    .device-ios .resource-editor-navigation-container {
        top: 0px;
    }

    #addResourceModal .resource-editor-navigation-container {
        top: -2px;
        padding-top: 20px;
    }

    .resource-container .resource-content-container .title-container {
        top: 228px;
    }
}

@media(max-width: 1199px) {
    .resource-content-wrapper .information-container {
        top: 113px;
    }

    .device-ios .resource-content-wrapper .information-container {
        top: 63px;
    }

    .resource-content-wrapper .resource-editor-navigation-container {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .resource-content-wrapper .resource-editor-navigation-container .nav-tabs-responsive-small-device {
        border: 1px solid #ccc;
        padding: 10px 15px;
    }
}

.resource-content-wrapper .resource-editor-navigation-container .view-mode .sort-group {
    position: relative;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.resource-content-wrapper .resource-editor-navigation-container .view-mode .sort-group button {
    padding: 5px 10px;
}

.resource-content-wrapper .resource-editor-navigation-container .view-mode .sort-group .dropdown-menu,
.resource-allocation-container .resource-allocation .sort-group .select-resource-filter-responsive {
    left: auto;
    right: 0;
}

.resource-content-wrapper .resource-container,
.resource-container.resource-content-container {
    display: inline-block;
    width: 100%;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.resource-container.resource-content-container > .spinner-container > .spinner {
    position: absolute;
    top: 150px;
    left: 50%;
    z-index: 11;
    transform: translate(-50%, 0);
}

#keyword-tab .title-container,
.resource-content-wrapper .title-container,
.resource-organization-container .title-container,
.resource-allocation-container .resource-title-container {
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 15px 0;
}

#keyword-tab .title-container {
    margin-bottom: 30px;
}


#keyword-tab .keyword-responsive-container,
.resource-allocation-container .section-responsive-container {
    position: sticky;
    top: 50px;
    z-index: 703;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
}

.device-ios .resource-allocation-container .section-responsive-container {
    top: 0px;
}

@media(max-width: 991px) {
    #keyword-tab .title-container,
    .resource-content-wrapper .title-container,
    .resource-organization-content-wrapper .title-container,
    .resource-allocation-container .title-container {
        padding: 0px;
        margin-bottom: 0px;
    }

    .resource-organization-container .search-resource-container {
        margin-top: 0px;
    }
}

.resource-content-wrapper .sorty-by .select-resource-filter {
    vertical-align: middle;
    height: 30px;
}

.resource-detail-container .panel-bottom .resource-type-container > div:not(:first-child),
.resource-detail-container .panel-bottom .resource-category-container > div:not(:first-child) {
    font-weight: 600;
    padding-bottom: 3px;
}

.grid-content-container .panel-bottom .resource-category-container > div,
.grid-content-container .panel-bottom .resource-category-container > span {
    text-align: right;
}

#tenant .confirmation-invitation {
    padding: 30px;
}

#tenant .footer-container {
    padding: 15px;
    border-top: 1px solid #d0d0d0;
}

#tenant #back-login {
    font-size: 22px;
    padding: 5px;
    cursor: pointer;
    color: #7d7c7c;
}

#tenant h2.header-confirm-invitation {
    padding: 35px 10px;
}

#tenant .confirmation-invitation .tenant:not(.disabled) > .tenant-info,
#tenant .confirmation-invitation .tenant:not(.disabled) > .last-login {
    margin: 0 0 0 25px;
}

#tenant .confirmation-invitation .tenant.disabled {
    cursor: not-allowed;
    background-color: #e6e6e6;
    opacity: 1;
}

#tenant .confirmation-invitation .tenant .message-info {
    font-style: italic;
    font-size: 13px
}

.header-confirm-invitation #back-login:hover {
    cursor: pointer;
}

#animal-smoothslides .container-add-logo {
    height: 240px;
    justify-content: center;
    border: 1px solid #ccc;
    font-size: 18px;
}

.show-add-logo.title-container {
    display: flex;
    flex: 3;
}

.show-add-logo.title-container .facility-name-container {
    flex: 2;
    margin-right: 15px;
}

.show-add-logo.title-container .add-logo {
    font-size: 13px;
}

.registration-title-container h4.registration-title {
    margin-top: 20px;
}

.grid-content-container label.resource-status {
    flex: 1;
}

.search-resource-container .accordion-container.active .accordion-target {
    display: block !important;
}

.search-resource-container .accordion-container .accordion-target {
    display: none;
}

.search-resource-container .navbar .accordion-trigger {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #fafafa;
}

.grid-content-container .panel-body .resource-status {
    margin-bottom: 0;
}

.summary-selected-filter-container.no-record-found {
    display: none !important;
}

.summary-selected-filter-container .tags-content {
    display: inline-block;
    white-space: nowrap;
}


.summary-selected-filter-container .tags-content,
#receiving-resource-checkout .tags-content {
    padding-top: 10px;
    padding-bottom: 5px;
    overflow-x: auto;
    width: 100%;
    scrollbar-width: thin;
}

#receiving-resource-checkout .tags-content {
    display: flex;
}

.summary-selected-filter-container .tags-label span.data {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
}

.search-resource-container .accordion-target .tags-content .tags-label,
.summary-selected-filter-container .tags-label,
#receiving-resource-checkout .tags-content .tags-label {
    display: inline-block;
    margin-bottom: 3px;
}

.resource-checkout-filter-panel .tags-resource.selected .remove-resource-filter,
.search-resource-container .accordion-target .tags-content .tags-label .remove-keyword {
    font-size: 11px;
    padding-left: 10px;
}

.summary-selected-filter-container .tags-label .remove-keyword {
    font-size: 11px;
    padding-left: 5px;
}

.search-resource-container .accordion-target .tags-content {
    margin-bottom: 15px;
}

.resource-content-container .grid-content-container .resource-content .panel-heading .checkbox {
    position: absolute;
    top: -6px;
    left: 12px;
}

.resource-content-wrapper .grid-content-container.edit-multiple .panel-heading .checkbox {
    display: block !important;
}

.resource-type-container .accordion-target li.active {
    background-color: #2780e3;
}

.resource-type-container .accordion-target li.active > a {
    color: #fff;
}

.search-resource-container .resource-type-container .accordion-target {
    margin: 0;
}

@media(min-width: 992px) {
    .resource-content-wrapper .search-resource-container .accordion-container li > div {
        padding-left: 15px;
    }
}

.resource-content-wrapper .search-resource-container .accordion-container li > a {
    padding-left: 15px;
}

.search-resource-container .category-name label.name i,
.select2-container .resource-type-name {
    font-size: 11px;
    color: #aaa;
    line-height: 1em;
    margin-left: 3px;
}

.select2-container .select2-results li.select2-results__option--highlighted .resource-type-name {
    color: #fff;
}

.section-name-container .navbar ul {
    margin-top: 10px !important;
}

.section-name-container .navbar ul,
.search-resource-container .resource-category-container .navbar ul {
    max-height: 365px;
    overflow-y: auto;
    margin: 0;
}

@media(max-width: 1199px) {
    .section-name-container .navbar ul,
    .search-resource-container .resource-category-container .navbar ul {
        max-height: 200px;
    }

    .resource-container .resource-info .field-resource .resource-keyword-container {
        width: inherit;
        margin-left: 0;
    }
}

.resource-tags-container .accordion-target .tags-label .remove-keyword,
.resource-content-wrapper .summary-selected-filter-container .tags-label .remove-keyword {
    display: none;
}

.resource-tags-container .accordion-target .tags-label.selected .remove-keyword,
.resource-content-wrapper .summary-selected-filter-container .tags-label.selected .remove-keyword {
    display: inline-block;
}

.search-resource-container .nav > li > a:focus {
    background-color: transparent !important;
}

.search-resource-container .nav > li.active > a:focus {
    color: #fff !important;
}

.search-resource-container .accordion-target > li .name {
    line-height: 1.1em;
    word-break: break-word;
    font-size: 15px;
}

.resource-tags-container .accordion-target .tags-label,
.search-resource-container .accordion-trigger,
.summary-selected-filter-container .remove-keyword {
    cursor: pointer;
}

.search-resource-container > div.search-container,
.search-resource-container .search-tag-container,
.search-resource-container .search-organization-container,
.search-resource-container .search-owner-container,
.search-resource-container .search-category-container,
.search-resource-container .search-section-container {
    position: relative;
}

.search-resource-container div.search-container .reset-textbox,
.search-resource-container .sidebar-nav .reset-textbox {
    color: #aaa;
    font-size: 15px;
    top: 12px;
    display: inline-block;
    right: 12px;
}


.search-resource-container .search-tag-container .reset-textbox {
    top: 11px;
}

.resource-container .multiple-edit-container .btn-action.data-selected,
.resource-container .multiple-edit-container .dropdown-toggle.data-selected {
    background-color: #2780e3;
    border-color: #2780e3 !important;
    color: #fff;
}

.multiple-edit-container:not(.selected) .dropdown-toggle,
.resource-container .header-list-resource .dropdown .dropdown-toggle {
    border-color: #ddd;
}

.multiple-edit-container .dropdown-toggle,
.resource-container .header-list-resource .dropdown .dropdown-toggle,
.resource-container .header-list-resource .dropdown .dropdown-toggle {
    padding: 8px 10px;
}

.resource-container .multiple-edit-container.selected .btn-action,
.resource-container .multiple-edit-container.selected .dropdown-toggle {
    background-color: #2780e3;
    color: #fff
}

.resource-container .multiple-edit-container.selected .dropdown-toggle {
    border-left: 1px solid;
}

.grid-content-container .detail-resource-container {
    line-height: 1.3em;
}

.grid-content-container .detail-resource-container .resource-name {
    font-weight: bold;
}

.resource-content-wrapper .view-mode .select-resource-filter {
    display: inline-block;
    width: auto;
    margin-right: 5px;
}

.resource-organization-content-wrapper .resource-detail-container .coalition-name > i,
.resource-organization-content-wrapper .resource-detail-container .member-name > i,
.resource-organization-content-wrapper .resource-detail-container .my-resource > i {
    padding-right: 5px;
}

.resource-container .list-container .title-container .checkbox-container {
    left: 24px;
}

.resource-container .information-container {
    border-bottom: 1px solid #ddd;
}

.header-list-resource .view-mode {
    flex-grow: 1;
}

.resource-content-container .grid-content-container .resource-content .id-card {
    height: 520px;
    width: 100%;
    transition: box-shadow 0.3s ease-in-out;
}

.resource-content-container .grid-content-container .resource-content .id-card:hover,
.resource-content-container .grid-content-container .resource-content .id-card:hover {
    -webkit-box-shadow: 0px 0px 7px 0px #888;
    -moz-box-shadow: 0px 0px 7px 0px #888;
    box-shadow: 0px 0px 7px 0px #888;
}

.resource-content-container .grid-content-container .resource-content .panel-body {
    height: 280px;
}

.grid-content-container .id-card .panel-heading {
    height: 195px;
}

.grid-content-container .id-card .panel-heading .resource-image {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.grid-content-container .id-card .panel-heading .resource-image a {
    width: 100%;
    height: 100%;
}

.grid-content-container .resource-selected .id-card .panel-heading {
    background-color: transparent;
}

.grid-content-container .resource-image .thumbnail {
    top: 0;
    width: 140px;
    margin-bottom: auto;
}

.grid-content-container .image-view-container .thumbnail:hover {
    left: 55px;
}

.grid-content-container .panel-body {
    margin: 0;
}

@media(min-width: 992px) {
    .slide-fixed-center {
        position: static;
        z-index: auto;
        width: auto;
    }
}

@media(max-width: 991px) {
    .slide-fixed-center {
        top: 50px;
        position: fixed;
        z-index: 1000;
        width: 100% !important;
        background: #fff;
        padding-right: 30px;
    }
}

.resource-content-wrapper .resource-container .has-resource-keyword {
    padding-bottom: 5px !important;
}

.resource-content-wrapper .resource-container .no-record {
    margin-top: 15px;
}

.grid-content-container .panel-body .header-container, .resource-field.organization-member .wrapperBootstrapSwitch {
    margin-bottom: 10px;
}

.resource-content-wrapper .search-resource-container .accordion-container li > div {
    margin-right: 5px;
}

.search-resource-container .sidebar-nav .accordion-trigger .header-title {
    margin-right: 3px;
}

.resource-content-container .grid-content-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
}

.resource-content-container .grid-content-container .resource-content {
    width: 240px;
    min-width: 150px;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all .2s ease-in-out;
}


@media(max-width: 479px) {
    .resource-content-container .grid-content-container .resource-content {
        width: 100%;
    }
}

.resource-content-container .grid-content-container .detail-resource-container .contact-info {
    padding-left: 10px;
}

.grid-content-container .resource-content .panel-body {
    padding: 10px;
}

.resource-content-container .grid-content-container .detail-resource-container .contact-info > a,
.resource-content-container .grid-content-container .detail-resource-container .contact-info > div {
    color: #000;
}

.grid-content-container .resource-content .dropdown-menu-right {
    top: auto;
    z-index: 700;
}

.search-resource-container .resource-category-container input[type="checkbox"]:checked ~ label::after {
    top: 2px;
}

.search-resource-container {
    padding: 0 15px;
}

.resource-tags-container .search-tag-container {
    margin-bottom: 10px;
}

.resource-content-wrapper .search-resource-container .resource-organization-menu,
.resource-organization-container .search-resource-container .resource-organization-menu {
    border: none;
    margin-bottom: 5px;
}

.resource-content-wrapper .search-resource-container {
    background-color: #fafafa;
    margin-top: 21px;
}

@media(max-width:991px) {
    .search-resource-container {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .sidebar-nav-responsive {
        overflow-y: auto;
        max-height: 60vh;
        padding-right: 5px;
    }
}

.search-resource-container .resource-organization-menu {
    background-color: transparent;
}

.resource-container .multiple-edit-container .selected-items {
    margin-top: 2px;
}

.facility-edit .facility-logo-container {
    margin-bottom: 0;
}

.facility-index .facility-logo .thumbnail:before {
    visibility: hidden;
}

.resource-content-wrapper .copy-resource-info {
    margin-left: auto;
    font-size: 13px;
    font-weight: bold;
}

@media(max-width:767px) {
    .resource-keyword-content-wrapper .navbar-custom {
        margin-bottom: 0;
    }
}

.resource-keyword-content-wrapper .navbar-custom {
    width: 100%;
    background-color: #fff;
}

@media(max-width:767px) {
    .resource-keyword-content-wrapper .row-table-content .sidebar-navbar-collapse {
        height: auto;
        max-height: 650px;
        overflow-y: auto;
    }
}

@media(min-width:768px) {
    .resource-keyword-content-wrapper .row-table-content .sidebar-navbar-collapse {
        height: 650px;
        overflow-y: auto;
    }
}

.resource-keyword-content-wrapper .keywords-content-container .content-container > .row {
    position: relative;
    min-height: 75px;
    margin-bottom: 1px;
}

.resource-keyword-content-wrapper .add-new-category-container .add-new-resource-container {
    width: 100%;
}

.resource-keyword-content-wrapper .keywords-container .content-container {
    height: 533px;
    overflow-y: auto;
}

.resource-keyword-content-wrapper.full-height-content .keywords-container .content-container {
    height: 685px !important;
}

.resource-keyword-content-wrapper .footer-container .btn-reorder-sorting-container,
.resource-keyword-content-wrapper .footer-container.reorder .add-new-resource-container > div:not(.btn-reorder-sorting-container),
.resource-keyword-content-wrapper .panel-default.row.onSearch .sort-container,
.resource-keyword-content-wrapper .panel-default.row.onSearch .content-container .button-container,
.resource-keyword-content-wrapper .panel-default.row.onSearch .footer-container {
    display: none;
}

.resource-keyword-content-wrapper .footer-container.reorder .btn-reorder-sorting-container,
.resource-keyword-content-wrapper .footer-container .btn-reorder-sorting-container.edit-mode {
    display: block;
}

.resource-keyword-content-wrapper .keywords-container.reorder .content-container {
    height: 649px;
}

.resource-keyword-content-wrapper .keywords-container .content-container .button-container {
    margin-left: auto;
    padding-left: 15px;
}

.resource-keyword-content-wrapper .keywords-content-container .sort-container .reorder-resource:hover {
    color: #2780e3;
}

.resource-keyword-content-wrapper .category-container .search-filter {
    padding: 10px;
}

.resource-keyword-content-wrapper .category-container .search-filter .clear-filter {
    position: absolute;
    top: 17px;
    right: 15px;
    color: #333;
    padding: 5px;
    font-size: 15px;
}

.resource-keyword-content-wrapper .category-container .search-filter .clear-filter:hover {
    text-decoration: none;
}

.category-content-container .navbar .no-record-found {
    color: #333333;
    padding-left: 15px;
}

.organization-detail-container .responsive-container .list-item-row:not(:first-child),
.resource-content-container .list-container .resource-detail-container:not(:first-child),
.resource-organization-member-container .responsive-container .list-item-row:not(:first-child),
.resource-organization-coalition-container .responsive-container .list-item-row:not(:first-child) {
    border-top: solid 1px #ccc;
}

.organization-detail-container .responsive-container .list-item-row:not(:first-child),
.resource-organization-member-container .responsive-container .list-item-row:not(:first-child),
.resource-organization-coalition-container .responsive-container .list-item-row:not(:first-child) {
    padding-top: 15px;
}

.resource-content-container .list-container .resource-detail-container:not(:first-child) {
    padding-top: 20px;
}

.resource-content-container .list-container .resource-detail-container {
    padding-bottom: 20px;
}

.resource-container .grid-content-container .panel-body.panel {
    border-top: none;
    border-bottom: none;
    background-color: transparent;
}

.search-resource-container .accordion-target .checkbox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
}

.search-resource-container .accordion-target .items-count {
    background-color: initial;
    margin-left: 0;
}

.search-resource-container .accordion-target .items-count:before {
    content: '(';
}

.search-resource-container .accordion-target .items-count:after {
    content: ')';
}

.search-resource-container .accordion-target .category-item-container {
    margin-top: 10px !important;
}

.search-resource-container .accordion-target .category-name .checkbox {
    padding-top: 0px;
    padding-bottom: 11px;
}

.search-resource-container .accordion-target li label,
.resource-allocation-menu .accordion-target .checkbox > label {
    line-height: 1.2em;
}

.search-resource-container .resource-type-container ul li a:hover,
.search-resource-container ul li:hover .checkbox label {
    color: #2780e3;
}

.search-resource-container .resource-type-container ul li a {
    padding: 10px 15px;
    line-height: 1em;
}

#addResourceModal .modal-body > .resource-allocation .all-container .clear-selection {
    margin-top: 0px !important;
}

.search-resource-container .clear-navbar,
.search-resource-container .clear-checkboxes,
#addResourceModal .modal-body > .resource-allocation .all-container .clear-selection {
    margin-top: 15px;
    font-size: 13px;
    line-height: 1em;
    font-weight: 600;
}

.search-resource-container .clear-navbar {
    margin-top: 0;
    margin-bottom: 5px;
}

.search-resource-container .current-resource-status-container .clear-checkboxes,
.search-resource-container .inventory-status-container .clear-checkboxes,
.search-resource-container .resource-checkout-status-container .clear-checkboxes {
    margin-top: 0;
}

.search-resource-container > .sidebar-nav .checkbox-container,
.search-resource-container ul.navbar-nav {
    margin: 0px 0px 15px 0;
}

.resource-navigation-container.open .search-resource-container > .sidebar-nav .checkbox-container,
.resource-navigation-container.open .search-resource-container .resource-category-container ul.navbar-nav,
.resource-navigation-container.open .search-resource-container .organization-container ul.navbar-nav,
.resource-navigation-container.open .search-resource-container .owner-name-container ul.navbar-nav,
.resource-navigation-container.open .search-resource-container .section-name-container ul.navbar-nav {
    margin: 5px 0px 15px 10px;
}

.search-resource-container .accordion-container .navbar {
    margin-bottom: 5px;
}

.resource-icon {
    font-size: 17px;
    margin-bottom: 5px;
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-my-resource > i,
.my-resource .fa-certificate {
    color: #f1c232;
}

.resource-owner {
    z-index: 1;
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container-detail .resource-owner {
    margin-right: 13px;
}

.grid-content-container .icon-member {
    font-size: 14px;
}

.icon-member .fa-users,
.member-name .fa-users {
    color: #333;
}

.resource-content-container .grid-content-container .resource-content {
    margin-right: 10px;
}

.coalition-icon .fa-gg-circle,
.coalition-name .fa-gg-circle {
    color: #9900FF;
    margin-bottom: 0;
}


.resource-column ul,
.resource-content-container .resource-content .description ul {
    padding-left: 18px;
}

.resource-column ol,
.resource-content-container .resource-content .description ol {
    padding-left: 14px;
}

.device-safari .resource-column ol,
.device-safari .resource-content-container .resource-content .description ol {
    -webkit-padding-start: 19px;
}

.resource-tags-container .search-tag-container > .dropdown-menu {
    position: absolute;
    width: 390px;
    top: -3px;
    padding: 10px;
    background: #fafafa;
}

.resource-tags-container .search-tag-container .select2-container-resource-type {
    width: 135px !important;
    vertical-align: top;
}

.resource-tags-container .search-tag-container span.select2-container-keyword {
    width: 230px !important;
}

.select2-result-keyword-resource-type ul.select2-results__options {
    overflow: hidden !important;
}


.select2-container--default:not(.select-animal-custom-format.multiple) .select2-results__option--highlighted[aria-selected] > div:last-child {
    color: #fff;
}

.select-animal-custom-format.multiple .select2-results__option[aria-selected=true] .animal-description .name span,
.select-animal-custom-format.multiple .select2-results__option[aria-selected=true] .animal-description .canonical-name {
    color: #333 !important;
}

.select-animal-custom-format.multiple .select2-results__option[aria-selected=true] .animal-description .common-name {
    color: #999 !important;
}

.resource-tags-container .dropdown-menu .dropdown-resource-type option,
.member-filter-container .filter-member .coalition > option {
    color: #333333;
}

.resource-tags-container .dropdown-menu .dropdown-resource-type.default,
.member-filter-container .filter-member .coalition.default {
    color: darkgray !important;
}

.checkbox-container.nav .no-record-found {
    padding: 10px 0;
}

.search-resource-container > .row.search-container {
    background-color: #ddd;
}

.grid-content-container .resource-content .panel-bottom .resource-type-label {
    white-space: nowrap;
}

.grid-content-container .resource-content .panel-bottom {
    line-height: 1.0em;
    background-color: transparent;
    box-shadow: none;
    margin-bottom: 0;
    height: 45px;
    justify-content: space-between;
    padding: 0 5px;
    gap: 12%;
}

.resource-list-container .resource-detail-container .image-view-container {
    position: relative;
    width: 130px;
    height: 130px;
}

.resource-container .resource-list-container .image-view-container .thumbnail:hover {
    left: 0 !important;
    top: 0;
}

.resource-list-container .resource-detail-container .icon-my-resource:hover {
    cursor: pointer;
}

.resource-container .list-container .title-container > div,
.resource-container .list-container .resource-detail-container > div {
    padding: 0 5px;
}

.resource-content-container .header-list-resource .cancel-multiple-item {
    padding-left: 10px;
}

.resource-content-container .header-list-resource.edit-multiple .button-edit-multiple,
.resource-content-container .header-list-resource.edit-multiple .assign-to-section {
    display: none;
}

.resource-content-container .header-list-resource .button-edit-multiple {
    margin-left: 10px;
}

.resource-allocation-container .resource-list-container .checkbox-container,
.resource-container .list-container .resource-content .checkbox-container {
    top: 40px;
    position: absolute;
}

.search-resource-container {
    background-color: #fafafa;
    margin-top: 20px;
}

.search-resource-container .accordion-target ul li.option-checkbox-container {
    padding-left: 5px;
}

.resource-organization-content-wrapper .resource-container .resource-detail-container .checkbox-container,
.resource-organization-content-wrapper .resource-container .title-container .checkbox-container,
.resource-container .header-list-resource .checkbox-select-all,
.resource-content-wrapper .resource-container .resource-content-container .checkbox-container {
    display: none;
}

.resource-organization-content-wrapper .resource-container.show-selection .resource-detail-container .checkbox-container,
.resource-organization-content-wrapper .resource-container.show-selection .title-container .checkbox-container,
.resource-container.show-selection .header-list-resource .checkbox-select-all,
.resource-content-wrapper .resource-container.show-selection .resource-content-container .checkbox-container {
    display: block;
}

.resource-organization-content-wrapper .resource-container .cancel-selection,
.resource-content-wrapper .resource-container .cancel-selection {
    margin-left: 10px;
}

.resource-organization-container .resource-container .title-container .resource-image {
    padding-left: 10px;
}

.resource-allocation-menu .list-container .selection-single-sections .list-menu-all:hover {
    color: #fff;
    text-decoration: none;
    background-color: #e6e6e6;
}

#addResourceModal .modal-body > .resource-allocation {
    padding: 0 15px;
    margin-top: 15px;
}

#addResourceModal.resource-checkout .modal-body > .resource-allocation {
    margin-top: 15px;
}

#addResourceModal .modal-body > .resource-allocation .resource-editor-navigation-container {
    top: 0px;
}

#addResourceModal.resource-checkout .modal-body > .resource-allocation .all-container {
    border-top: 1px solid #ddd;
    top: 0px;
}

#addResourceModal.resource-checkout .modal-body > .resource-allocation .all-container {
    border-top: 1px solid #ddd;
    top: 0px;
}

#addResourceModal .modal-body > .resource-allocation .all-container {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding-left: 15px;
    padding-right: 25px;
    padding-top: 9px;
    position: sticky;
    top: 43px;
    background-color: #fff;
    z-index: 2;
}

#addResourceModal .modal-body > .resource-allocation .all-container hr {
    margin-bottom: 0px;
    margin-top: 5px;
}

#addResourceModal .modal-body > .resource-allocation .all-container .checkbox {
    padding-top: 5px;
}

#addResourceModal .modal-body > .resource-allocation .all-container .resource-count-container {
    display: flex;
    align-items: center;
}

#addResourceModal .modal-body > .resource-allocation .all-container .checkbox label:before {
    margin-top: 2px;
}

@media(max-width: 479px) {
    #addResourceModal .modal-body > .resource-allocation .all-container > .valign-middle {
        display: inline-block !important;
        width: 100%;
    }

    #addResourceModal .modal-body > .resource-allocation .all-container .resource-count-container {
        float: right;
    }
}

@media(min-width: 480px) {
    #addResourceModal .modal-body > .resource-allocation .all-container .resource-count-container {
        margin-left: auto;
    }
}

#addResourceModal.resource-checkout:not(.checkout-detail) .btn.back,
#addResourceModal.resource-checkout:not(.checkout-detail) .btn.save,
#addResourceModal.resource-checkout.checkout-detail .btn-next,
#addResourceModal.resource-checkout.checkout-detail .btn-close {
    display: none;
}

.resource-container .resource-list-container .resource-detail-container .total-assign {
    text-align: end;
}

#resource-assigned-to .section-toggle-container .st-status,
.resource-allocation-menu .header-section .st-status {
    color: #aaaaaa;
}

#resource-assigned-to .section-toggle-container .st-status.selected,
.resource-allocation-menu .header-section .st-status.selected {
    font-weight: bold;
    color: #333333;
}

.resource-allocation-menu .header-section .collapse {
    padding-left: 5px;
    padding-right: 5px;
}

#addResourceModal .resource-container .resource-content .checkbox {
    display: block !important;
}

.resource-container > hr {
    margin: 0;
}

.keywords-container .keyword-value-wrapper .keyword-name {
    font-weight: 600;
}

#resource-assigned-to .modal-content .show-when-unassigned,
#resource-assigned-to.unassigned .modal-content .hide-when-unassigned {
    display: none;
}

#resource-assigned-to.unassigned .modal-content .show-when-unassigned {
    display: block;
}

.resource-container {
    min-height: 600px;
}

.resource-content.resource-selected > .panel-default {
    background-color: #ffffe8;
}

.resource-allocation-container .header-list-resource .checkbox-select-all {
    padding-top: 0;
    min-height: 0;
}

@media(max-width: 991px) {
    #keyword-tab .resource-layout-navigation:not(.open),
    .resource-allocation-container .section-container:not(.open) {
        display: none;
    }
}

.list-member-container .filter-search-text input#serchText {
    position: relative;
    vertical-align: top;
    top: -1px;
}

.list-member-container .filter-search-text a.btn-refine {
    padding-bottom: 9px;
}

.resource-organization-menu > li > a:hover,
.resource-allocation-menu .list-container .selection-single-sections .list-menu-all:not(.active):hover .entity-name,
.resource-allocation-menu .list-container .selection-single-sections .list-menu-all:hover .expander {
    color: #333333 !important;
}

.resource-allocation-menu .list-container .selection-single-sections .list-menu-all.active:hover .expander {
    color: #fff !important;
}

.resource-allocation-menu .list-container .selection-single-sections > li.disabled a {
    color: #999999;
    cursor: no-drop;
}

.resource-content-container.resource-container .info-edit-multiple {
    background: #f5f5f5;
    margin-top: 15px;
    margin-bottom: 15px;
    display: none;
}

#addResourceModal .resource-content-container.resource-container .no-record {
    padding-top: 15px;
}

.resource-content-container.resource-container .info-edit-multiple > div > .message-edit-multiple {
    padding-left: 5px;
}

.resource-content-container.resource-container.edit-multiple .info-edit-multiple {
    display: block;
}

.resource-content-container .grid-content-container .resource-content {
    margin-bottom: 30px;
}

.resource-container .grid-content-container .view-detail .dropdown-backdrop {
    display: none;
}

.resource-container .grid-content-container {
    margin-top: 15px;
}

.facility-index .facility-logo .thumbnail,
.resource-content-wrapper .container-detail .primary-Picture .thumbnail {
    border: unset;
}

.search-resource-container ul > li > a:focus {
    color: #333333;
}

.resource-container .grid-content-container .title-resource-detail-info {
    font-size: 13px;
    text-transform: uppercase;
    color: #aaa;
}

.resource-container .grid-content-container .resource-detail-info,
#edit-resource-keyword .dropdown-keyword-container .select2-selection--multiple,
#edit-multiple-item .action-box .select2-selection--multiple {
    max-height: 135px;
    overflow-y: auto;
}

.resource-container .grid-content-container .resource-description,
.resource-container .grid-content-container .resource-keyword-container {
    margin-bottom: 15px;
}

.keyword-container .accordion-container ul > li.selected > a > span,
.resource-keyword-content-wrapper .category-container ul > li.selected .text {
    color: #fff;
}

.keyword-container .accordion-container .accordion-target,
.resource-keyword-content-wrapper .category-container .accordion-container .accordion-target {
    float: left;
    margin: 0;
}

.keyword-container .accordion-container .accordion-target li {
    border-bottom: unset;
}

.keyword-container .accordion-target > li span.valign-middle {
    padding-left: 40px;
    padding-right: 25px;
    color: #333333;
}

.keyword-container .accordion-target > li span.valign-middle.long-detail {
    padding-right: 17px !important;
}

.resource-container .list-container .resource-content .resource-action {
    width: 150px;
}

.resource-content-container .list-container .resource-image {
    position: relative;
    float: left;
    background-color: #f5f5f5;
    width: 100%;
    min-width: 150px;
    justify-content: center;
}

.resource-content-container.show-selection .resource-image-action-container,
.resource-container.show-selection .resource-image-action-container {
    margin-left: 25px;
}

.resource-container .list-container .resource-content > row > div {
    line-height: 1.1em;
}

.resource-container .list-container .resource-content > row:not(:last-child) {
    margin-bottom: 10px;
}

.resource-container .list-container .resource-content .resource-image .thumbnail {
    width: 130px;
    height: 130px;
    margin-bottom: 10px;
}

.resource-container .resource-image img.image-default {
    object-fit: contain;
}

.resource-container .image-view-container .thumbnail {
    transition: all 0s ease-in;
    transition: 0.3s;
}

.resource-container .image-view-container .thumbnail:hover {
    left: 50px !important;
    top: 35px;
}

.resource-container .grid-content-container .image-view-container .img-thumbnail {
    height: 130px;
}

.resource-container .grid-content-container .image-view-container .thumbnail:hover .img-thumbnail {
    height: 100% !important;
}

.resource-container .image-action-container {
    position: relative;
}

.resource-container .image-view-container .thumbnail:hover .image-action-container {
    position: absolute !important;
    bottom: 0;
}

.container-detail .primary-picture-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.container-detail .primary-Picture .image-view-container,
.facility-logo-container .facility-logo .image-view-container {
    width: 200px;
    height: 200px;
}

.resource-checkout-timeline-container .resource-detail-container .primary-Picture .image-view-container {
    width: 150px;
    height: 150px;
}

.container-detail .primary-Picture .image-view-container .thumbnail:hover:before {
    visibility: hidden;
}

.resource-container .information-container .checkbox-select-all > label:after {
    padding-top: 2px;
}


.resource-checkout-timeline-container .resource-checkout-content .primary-Picture .image-view-container {
    width: 150px;
    height: 150px;
    pointer-events: none;
}

.resource-checkout-timeline-container .resource-checkout-content .container-detail .detail-resource {
    padding-top: 15px;
}

.resource-container .information-container .count-pipe,
.resource-checkout-timeline-container .action-container .count-pipe,
#addResourceModal .modal-body > .resource-allocation .all-container .count-pipe {
    padding: 10px;
    color: #aaa;
    margin-top: -2px;
}

@media(max-width:374px) {
    .resource-container .information-container .count-pipe {
        display: none;
    }
}

.container-detail .owner-information-container {
    min-height: 300px;
    height: 100%;
}

.container-detail .owner-information-container ul.list-organization > li {
    margin-left: 20px;
}

.container-detail .owner-information-container .phone-numbers {
    padding-left: 15px;
}

.container-detail .basic-information-container {
    min-height: 200px;
}

.resource-view .resource-status,
.resource-view .inventory-detail-container .title {
    margin-right: 5px;
}

.keywords-container .content-container > .row.highlight {
    background-image: none;
    background-color: khaki;
    transition: all 200ms ease-in-out;
}

.edit-member-coalition-container .wrapperBootstrapSwitch {
    padding-top: 10px;
}

.resource-keyword-content-wrapper .keywords-value-container > div {
    width: 100%;
    word-break: break-word;
}

.resource-keyword-content-wrapper .keywords-container .keywords-value-container {
    flex-wrap: wrap;
    flex: 1;
}

.resource-allocation-container .map-container.expand .map-editor {
    display: block !important
}

.resource-allocation-container .map-container.expand .edit-delete .edit {
    display: none;
}

.resource-allocation-container .map-container .edit-delete .edit:after {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 0;
    border-left: 1px solid #aaa;
    transform: translate(-50%);
}


#preview-feature.modal .modal-body {
    height: 200px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#preview-feature.modal .modal-body .valign-middle {
    margin-top: 12px;
}

#preview-feature.modal .modal-body a.btn {
    line-height: 1.2em;
}

#preview-feature.modal .modal-body a.btn.cancel {
    margin-right: 15px;
}

@media(max-width: 767px) {
    #preview-feature.modal .modal-content {
        width: 100%;
    }
}

@media(min-width: 425px) {
    #preview-feature.modal .modal-body {
        font-size: 20px;
    }
}

@media(max-width: 424px) and (min-width: 375px) {
    #preview-feature.modal .modal-body {
        font-size: 18px;
    }
}

@media(max-width: 374px) {
    #preview-feature.modal .modal-body {
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.preview-paid-feature img {
    max-width: 100%;
}

#addResourceModal .resource-content-container .view-detail {
    display: none;
}

#resource-assigned-to .accordion-target .grid-container {
    padding: 10px 0 10px 0px;
}

#resource-assigned-to .list-container li .checkbox input[type="checkbox"]:checked ~ label::after {
    left: 1px;
    top: -1px;
}

.resource-allocation-container .header-section.back {
    margin-bottom: 0;
    background: #ddd;
}

#keyword-tab .sidebar-nav {
    padding-top: 15px;
}

@media(max-width: 991px) {
    #keyword-tab .sidebar-nav .navbar {
        max-height: 300px;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #ccc transparent;
    }
}

@media(min-width: 992px) {
    .resource-keyword .accordion-target .accordion-container .accordion-target {
        max-height: 300px;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #ccc transparent;
    }
}

#keyword-tab .resource-layout {
    justify-content: left !important;
}

.resource-allocation-container .header-section.back .label-section,
#keyword-tab .header .label-back {
    margin-right: 5px;
    display: flex;
    align-items: center;
}

.resource-allocation-container .header-section.back .label-section .glyphicon-chevron-left,
#keyword-tab .header .label-back .glyphicon-chevron-left {
    margin-right: 5px;
}

#keyword-tab .keyword-responsive-container .expand,
#keyword-tab .header .label-back .collapse {
    padding-left: 5px;
    padding-right: 5px;
}

.resource-allocation-container .header-section.back .label-section span,
#keyword-tab .header .label-back span {
    margin-top: 3px;
}

.resource-allocation-container .header-section .label-section .back {
    color: #2780e3;
}

.edit-resource-container .resource-category-container.invalid .select2-selection {
    background-color: #eed202;
}

#keyword-tab .header.back {
    margin-bottom: 0;
    background: #ddd;
    padding: 10px;
}

#edit-coalition .invitation-status-container {
    padding-top: 10px;
}

#edit-coalition .invitation-status-container > span {
    margin-right: 5px;
}

.resource-container .detail-resource-container .resource-detail-info,
.resource-search-panel .sidebar-nav .navbar-nav,
#addResourceModal .modal-body,
#resourceCheckoutSingle .modal-body,
#edit-resource-keyword .dropdown-keyword-container .select2-selection--multiple,
#edit-multiple-item .action-box .select2-selection--multiple {
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

.keyword-container .accordion-container.active,
.resource-keyword-content-wrapper .category-container .accordion-container.active {
    display: inline-block;
    width: 100%;
}

.keywords-content-container.no-data .sort-container {
    display: none;
}

.siteadmin-administration .administration-content .label-new-feature {
    top: 22px;
    position: absolute;
    line-height: 1.1em;
}

#tenant .confirmation-invitation .tenant > .last-login {
    margin-bottom: 0;
}

#resource-management .administration-detail .administration-title {
    width: auto;
}

@media(max-width: 991px) {
    .resource-tags-container .search-tag-container span.select2-container {
        width: calc(100% - 150px) !important;
    }

    .resource-tags-container .search-tag-container select.dropdown-resource-type {
        width: 150px;
    }

    .resource-tags-container .search-tag-container > .dropdown-menu {
        width: 100%;
        z-index: 10;
    }
}

@media(max-width: 767px) {
    #resource-management .label-new-feature {
        top: 30px !important;
        position: unset !important;
    }
}

@media(max-width: 450px) {
    .resource-tags-container .dropdown-menu .dropdown-resource-type,
    .resource-tags-container .search-tag-container span.select2-container {
        width: 100% !important;
    }

    .search-tag-container.open > .dropdown-backdrop {
        top: auto;
    }
}

.menu-administration.open .new-tag-container {
    display: flex;
    align-items: center;
}

.menu-administration.open .new-tag-container > .label-new-feature {
    margin-top: 2px;
}

.resource-content-wrapper .owner-information-container .list-organization > li:only-child,
.resource-search-result .resource-list-container .member-tenant-name ul > li:only-child {
    list-style: none;
    margin-left: 0px;
}

.contact-person .contact-person-phone > a {
    text-decoration: none;
}

.tenant-list .label-organization {
    background-color: cadetblue;
    color: white;
    padding: 0px 6px 2px 6px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 600;
    font-size: 11px;
    vertical-align: middle;
    margin-bottom: 3px;
}

#edit-multiple-item .modal-body .resource-field-row .no-record-found {
    margin-top: -10px;
}


#edit-multiple-item .modal-body .default-field-row .no-record-found {
    margin-bottom: 30px;
}

#edit-multiple-item .modal-body.show-field .show-more-container,
#edit-multiple-item .modal-body .show-less-container,
#edit-multiple-item .modal-body .resource-field-row {
    display: none !important;
}

#edit-multiple-item .modal-body.show-field .show-less-container,
#edit-multiple-item .modal-body.show-field .resource-field-row {
    display: block !important;
}

.resource-content-wrapper .resource-container.show-selection .action-container,
.resource-content-wrapper .resource-container .action-detail-container .cancel-selection,
#edit-resource-keyword .resource-detail-info,
#edit-resource-keyword.single-resource .resource-editor-content .edit-resource-keyword-info,
#edit-resource-keyword.single-resource .resource-editor-content .radio-button-container {
    display: none;
}

.resource-content-wrapper .resource-container.show-selection .action-detail-container .cancel-selection,
#edit-resource-keyword.single-resource .resource-detail-info {
    display: block;
}

#edit-resource-keyword .resource-editor-content .grey-messagebox {
    width: 100%;
    margin-bottom: 25px;
    margin-top: 10px;
}

#edit-resource-keyword .resource-editor-content .form-group:not(:last-child),
#edit-resource-keyword .resource-editor-content .radio-button-container {
    margin-bottom: 0;
}

#edit-resource-keyword .resource-editor-content {
    padding-top: 5px;
    overflow-y: auto;
}

.bubble-content {
    background-color: #9a4723cf !important;
}

#edit-resource-keyword .edit-resource-keyword-info .glyphicon {
    vertical-align: text-bottom;
}


@media (min-width: 991px) {
    #edit-resource-keyword .radio-button-container .radio {
        margin-left: 0;
    }
}

@media (max-width: 430px) {
    #edit-resource-keyword .radio-button-container .radio {
        margin-left: 0;
    }
}

.detail-item .content-measurement-template-container .row.template-content-container:hover {
    background-color: #eee;
}

#edit-resource-keyword .single-resource-title,
#edit-resource-keyword.single-resource .multiple-resource-title,
.custom-list .tab-content .color-picker-container,
.resource-content-wrapper .resource-container.edit-multiple-keyword .member-coalition,
#custom-value-add .modal-body .color-picker-container {
    display: none;
}

#custom-value-add.show-label-editor .modal-body .color-picker-container,
.custom-list .tab-content .custom-value-list.with-color-picker .color-picker-container,
#edit-resource-keyword.single-resource .single-resource-title {
    display: block;
}

#custom-value-add.show-label-editor .modal-body .color-picker-container {
    vertical-align: middle;
}

.color-picker-container .color-picker.colorpicker-element > div {
    width: 50px;
    height: 43px;
    border: 1px solid #cccccc;
}

#copy-animal .header-copy-animal > label,
#copy-medical-record .header-copy-medical-record > label {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    padding-left: 0;
    text-transform: uppercase;
}

#copy-animal .animal-mini-detail .animal-description .name span,
#copy-animal .animal-mini-detail .animal-description .canonical-name,
#copy-animal .animal-mini-detail .animal-description .common-name {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    max-width: 100%;
    display: -webkit-inline-box;
    white-space: normal !important;
}

#copy-animal .animal-mini-detail .animal-description .canonical-name,
#copy-animal .animal-mini-detail .animal-description .common-name {
    -webkit-line-clamp: 1;
}


#copy-animal .animal-mini-detail .animal-description .name span {
    -webkit-line-clamp: 2;
    line-height: 1.1em;
}


@media(max-width: 767px) {
    #copy-animal .btn-save .dropdown-menu,
    #copy-medical-record .btn-save .dropdown-menu {
        right: 0 !important;
        left: auto !important;
    }
}

.modal#copy-animal.copy-into-new-animal .show-when-copy-into-existing-animal,
.modal#copy-animal.copy-into-existing-animal .show-when-copy-into-new-animal {
    display: none !important;
}

.animal-mergesplit .split-container .radio,
.modal#copy-animal .copy-into-container .radio {
    float: left;
    margin-right: 15px;
}

.modal#copy-animal .old-animal-detail,
.modal#copy-animal .destination-animal-detail {
    min-height: 90px;
    position: relative;
}

.modal#copy-animal .old-animal-detail {
    margin: 15px 0 30px;
}

.modal#copy-animal .old-animal-detail .spinner,
.modal#copy-animal .destination-animal-detail .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal#copy-medical-record .old-animal-detail,
.modal#copy-medical-record .destination-animal-detail {
    margin-bottom: 15px;
}

.modal#copy-animal .new-animal-detail {
    margin: 15px 0 0px;
}

.modal#copy-animal .new-animal-detail .grey-messagebox {
    margin-top: 30px;
    margin-bottom: 10px;
}

.modal#copy-animal .modal-body,
.modal#copy-medical-record .modal-body {
    overflow-y: auto;
}

.modal#copy-medical-record .modal-body .source-medical-record {
    position: relative;
    display: inline-block;
    width: 100%;
}

.modal#copy-medical-record .modal-body #spinner-copy-medical-record {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal#copy-medical-record .modal-body .source-data-container {
    min-height: 200px;
}

.modal#copy-medical-record .modal-body .source-data-container,
.modal#copy-medical-record .modal-body .new-animal-detail {
    margin-bottom: 30px;
    padding-top: 15px;
}

.modal#copy-medical-record.animal .show-when-animal-group,
.modal#copy-medical-record.animal-group .show-when-animal {
    display: none;
}

.modal#copy-animal .new-animal-detail {
    position: relative;
}

.modal#copy-animal .compound-required-mark {
    left: 65px;
}

.modal#copy-animal .old-animal-detail .animal-picture,
.modal#copy-medical-record .old-animal-detail .animal-picture,
.modal#copy-animal .destination-animal-detail .animal-picture,
.modal#copy-medical-record .destination-animal-detail .animal-picture {
    display: flex;
    float: left;
    padding-left: 0;
}

.modal#copy-animal .old-animal-detail .animal-description,
.modal#copy-medical-record .old-animal-detail .animal-description,
.modal#copy-animal .destination-animal-detail .animal-description,
.modal#copy-medical-record .destination-animal-detail .animal-description,
.modal#copy-animal .destination-animal-detail .animal-description {
    float: left;
}

.animal-mergesplit .grey-messagebox.attachment-info {
    width: 100%;
}

.animal-mergesplit .grey-messagebox.attachment-info > div {
    display: flex;
}

.animal-mergesplit .grey-messagebox.attachment-info ul {
    padding-left: 30px;
}

.modal#copy-animal .checkbox {
    display: inline-block;
}

.merge-split-container .info-copy-animal-container {
    padding-left: 7px;
    padding-right: 7px;
}

.merge-split-container .info-copy-animal-container .grey-messagebox,
.modal#copy-animal .info-copy-animal-container {
    margin-top: 10px !important;
}

.merge-split-container .info-copy-animal-container .glyphicon,
.modal#copy-animal .info-copy-animal-container .glyphicon {
    margin-top: 0px;
    vertical-align: top;
    font-size: 18px !important;
    width: 27px;
    text-align: justify !important;
}


.modal#copy-animal .checkbox label:before,
.modal#copy-animal .checkbox label:after {
    margin-top: 3px;
}

.modal#copy-animal .btn-save .dropdown-toggle.disabled {
    pointer-events: none;
    cursor: default;
}

.modal#copy-animal .header-copy-animal,
.modal#copy-medical-record .header-copy-medical-record {
    width: 100%;
    display: inline-block;
}



@media(max-width: 991px) {
    .modal#copy-animal .compound-required-mark {
        right: 15px !important;
        left: auto;
    }
}

@media(max-width: 767px) {
    .modal#copy-animal .old-animal-detail .animal-description,
    .modal#copy-medical-record .old-animal-detail .animal-description
    .modal#copy-animal .destination-animal-detail .animal-description,
    .modal#copy-medical-record .destination-animal-detail .animal-description,
    .modal#copy-animal .destination-animal-detail .animal-description {
        width: 100%;
        text-align: center;
    }

    .modal#copy-animal .old-animal-detail .animal-picture,
    .modal#copy-medical-record .old-animal-detail .animal-picture,
    .modal#copy-animal .destination-animal-detail .animal-picture,
    .modal#copy-medical-record .destination-animal-detail .animal-picture {
        width: 100% !important;
        padding-left: 0 !important;
        margin-bottom: 10px;
        justify-content: center;
    }

    .modal#copy-animal .checkbox {
        margin-left: 15px;
    }
}

@media(min-width: 768px) {
    .modal#copy-animal .old-animal-detail .animal-picture,
    .modal#copy-medical-record .old-animal-detail .animal-picture,
    .modal#copy-animal .destination-animal-detail .animal-picture,
    .modal#copy-medical-record .destination-animal-detail .animal-picture {
        width: 33.3%;
        justify-content: center;
    }

    .modal#copy-animal .old-animal-detail .animal-description,
    .modal#copy-medical-record .old-animal-detail .animal-description,
    .modal#copy-animal .destination-animal-detail .animal-description,
    .modal#copy-medical-record .destination-animal-detail .animal-description,
    .modal#copy-animal .destination-animal-detail .animal-description {
        width: 66.67%;
        padding-left: 10px;
    }
}

.custom-dropdown-filter li[data-group="status"] .btn-group,
.custom-dropdown-filter li[data-group="medical-reminder-type"] .btn-group {
    display: flex;
    flex-direction: row;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 10px;
}

.custom-dropdown-filter li[data-group="sort-by"] .sort-by-list-container {
    justify-content: space-between;
    padding: 9px 10px;
}

.custom-dropdown-filter li[data-group="sort-by"] .sort-by-list-container .sort-icon {
    padding-left: 10px
}

.custom-dropdown-filter li[data-group="sort-by"] .sort-by-list-container .dropdown-container,
.custom-dropdown-filter li[data-group="sort-by"] .sort-by-list-container .dropdown-container > select {
    flex-basis: 100%;
}

.custom-dropdown-filter li[data-group="status"] .btn-group > a {
    flex-grow: 1;
}

.custom-dropdown-filter li[data-group="medical-reminder-type"] .btn-group > a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-wrap: wrap;
    line-height: 1em;
    height: 41px;
    flex: 1;
}

.custom-dropdown-filter li[data-group="status"] .btn-group,
.custom-dropdown-filter li[data-group="medical-reminder-type"] .btn-group {
    display: flex;
    flex-direction: row;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 10px;
}

.custom-dropdown-filter li[data-group="sort-by"] .sort-by-list-container {
    justify-content: space-between;
    padding: 9px 10px;
}

.custom-dropdown-filter li[data-group="sort-by"] .sort-by-list-container .sort-icon {
    padding-left: 10px
}

.custom-dropdown-filter li[data-group="sort-by"] .sort-by-list-container .dropdown-container,
.custom-dropdown-filter li[data-group="sort-by"] .sort-by-list-container .dropdown-container > select {
    flex-basis: 100%;
}

.custom-dropdown-filter li[data-group="status"] .btn-group > a {
    flex-grow: 1;
}

.custom-dropdown-filter li[data-group="medical-reminder-type"] .btn-group > a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-wrap: wrap;
    line-height: 1em;
    height: 41px;
    flex: 1;
}

.custom-dropdown-filter.taskchecklist li[data-group="task-type"] a.small span.task-color {
    border: 5px solid transparent;
    display: inline-block;
    margin: 0 3px;
}

.custom-list .tab-content .tab-pane.active .custom-list-title {
    display: flex;
}

.custom-list .tab-content .tab-pane.active .custom-list-title > label.name-title {
    width: 75%;
    margin-left: 40px;
}

.custom-list .tab-content .tab-pane.active .itemRow span.title {
    display: none;
}

@media (max-width: 991px) {
    .custom-list .tab-content .tab-pane.active .custom-list-title {
        display: none;
    }

    .custom-list .tab-content #TaskType.active .with-color-picker.itemRow:not(.template),
    .custom-list .tab-content #TaskType.active .itemRow title {
        display: block;
    }

    .custom-list .tab-content .tab-pane.active .itemRow span.title {
        display: inline-block;
    }

    .custom-list .tab-content #TaskType.active .itemRow .custom-list-inner-container .title {
        margin-right: 22px;
    }

    .custom-list .tab-content #TaskType.active .itemRow .custom-list-inner-container {
        margin-bottom: 10px;
        margin-left: 10px;
        padding: 0 15px;
    }

    .custom-list .tab-content #TaskType.active .with-color-picker.itemRow {
        position: relative;
        right: 0;
    }

    .custom-list .tab-content #TaskType.active .with-color-picker.itemRow .custom-list-inner-container .drag-handle {
        left: -10px;
        top: 30px;
    }

    .custom-list .tab-content #TaskType.active .with-color-picker.itemRow .color-picker-container .title {
        margin-top: 10px;
    }

    .custom-list .tab-content #TaskType.active .with-color-picker.itemRow .custom-list-inner-container .drag-handle {
        position: absolute;
    }

    .custom-list .tab-content #TaskType.active .custom-list-item > li {
        padding: 15px 0;
    }
}

.select2-container #select2-taskchecklist-tasktype-results .custom-value-color,
.select2.select2-container #select2-taskchecklist-tasktype-container .data-color,
.taskchecklist-filter-status .custom-dropdown-filter li > a span.task-color {
    width: 12px;
    border: 1px solid #ccc !important;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
}

.taskchecklist-filter-status .custom-dropdown-filter li > a span.task-color {
    margin-top: 2px;
}

#resource-field-add .modal-body,
#custom-value-add .modal-body {
    overflow-y: scroll;
}

#resource-field-add .lang-wrapper > div,
#custom-value-add .lang-wrapper > div {
    display: flex;
    gap: 0.5em;
    align-items: center;
}

#custom-value-add:not(.multi-language-supported) .show-when-multi-language {
    display: none;
}

.dropdown.show-when-multi-language [data-toggle=dropdown] {
    color: #aaa;
}

#resource-field-add .lang-wrapper .input-group,
#custom-value-add .lang-wrapper .input-group {
    flex: 1;
}

#resource-field-add .lang-wrapper.other > div,
#resource-field-add .field-type-wrapper > div,
#custom-value-add .lang-wrapper.other > div {
    padding-right: 37px;
}

#custom-value-add .lang-wrapper.primary .newCustomValue {
    padding-right: 76px;
}

#custom-value-add.multi-language-supported .lang-wrapper:not(.primary) .newCustomValue {
    padding-right: 32px;
}

#resource-field-add .label-primary-language,
#custom-value-add .label-primary-language {
    position: absolute;
    right: 10px;
    z-index: 2;
    top: 14px;
}

#resource-field-add .translate,
#custom-value-add .translate {
    position: absolute;
    right: 6px;
    z-index: 2;
    top: 3px
}

#resource-field-add .language-toggle-wrapper i,
#custom-value-add .language-toggle-wrapper i {
    margin-right: 8px;
}

#resource-field-add.show-primary-only .hide-when-primary-only,
#custom-value-add.show-primary-only .hide-when-primary-only {
    display: none;
}

#resource-field-add:not(.show-primary-only) .language-toggle.show-other,
#custom-value-add:not(.show-primary-only) .language-toggle.show-other {
    display: none;
}

#resource-field-add .info-wrapper > div,
#custom-value-add .info-wrapper > div {
    display: flex;
    gap: 0.5em;
    align-items: baseline;
}

.panel.info-wrapper.show-when-multi-language{
    box-shadow: none !important; 

}

.panel.info-wrapper.show-when-multi-language,
.panel.info-wrapper.show-when-multi-language .panel-heading {
    border: none !important;
}

@media(min-width: 480px) {
    #resource-field-add .lang-wrapper .input-group .input-group-addon, #custom-value-add .lang-wrapper .input-group .input-group-addon {
        min-width: 145px;
        text-align: left;
    }

    .country-flag-icon {
        margin-right: 5px;
    }
}

#custom-value-add:not(.show-label-editor) .color-picker-wrapper,
.resource-organizationkeyword .add-new-resource-container > .button-container .cancel {
    display: none;
}

#custom-value-add.show-label-editor .form-group > label {
    top: 10px;
    display: block;
}


@media (max-width: 767px) {
    .measurement-content-wrapper .navbar-default .navbar-header {
        display: flex;
    }

    .measurement-content-wrapper .navbar-default .navbar-header .entity-name {
        width: 90%;
        margin-left: 0;
    }

    .measurement-content-wrapper .navbar-default .navbar-header > button {
        margin-left: 0;
    }

    #calculated-measurement-tab .navbar-default .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    #calculated-measurement-tab .accordion-container > ul {
        margin: 0;
    }
}

.custom-list .custom-list-item .itemRow.custom-value-list .custom-list-container {
    padding: 0;
}

.custom-list .custom-list-item .itemRow.custom-value-list .custom-list-inner-container {
    position: relative;
}

.custom-list li.custom-value-list .text-danger.field-validation-error {
    display: inline-block;
}

.custom-list .custom-list-item li.identifier-type.show-primary-identifier input.customvalue-name {
    padding-right: 40px;
}

.custom-list .itemRow.custom-value-list a.set-primary-identifier {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 18px;
}

.custom-list .custom-list-item .itemRow.custom-value-list a.set-primary-identifier,
.custom-list .custom-list-item .itemRow.custom-value-list a.set-primary-identifier:hover,
.custom-list .custom-list-item .itemRow.custom-value-list a.set-primary-identifier:focus {
    text-decoration: none;
}

@media(max-width: 479px) {
    .customlist-index #alertPopup .modal-footer button.btn-primary {
        margin-top: 5px;
    }

    .custom-list .itemRow.custom-value-list .remove-container {
        padding-left: 5px;
    }
}

@media (max-width: 371px) {
    .custom-list .tab-content #TaskType.active .itemRow .custom-list-inner-container .customvalue-name {
        width: 75%;
    }
}

@media(min-width: 768px) {
    #measurementTemplate .template-detail-wrapper .content-container .unit-container .select2-container {
        width: 45% !important;
        vertical-align: top;
    }
}

@media(min-width: 600px) and (max-width: 768px) {
    #measurementTemplate .template-detail-wrapper .content-container .unit-container .select2-container,
    .modal-body .measurement-row .unit-container {
        width: 55% !important;
        vertical-align: top;
    }
}

@media(max-width: 599px) {
    #measurementTemplate .template-detail-wrapper .content-container .unit-container .select2-container,
    .modal-body .measurement-row .unit-container {
        width: 100% !important;
        vertical-align: top;
    }
}

#measurementTemplate .measurement-content.invalid-unit .warning-unit-modified,
.resource-organizationkeyword form.dirty .add-new-resource-container > .button-container .cancel {
    display: block !important;
}

#measurementTemplate .measurement-content.invalid-unit .remove-container {
    top: 30px;
}

.select2-container .select2-btn-group.unit-option {
    padding: 10px 10px 6px 10px;
}

.content-container .unit-container .select2-container {
    float: left;
}

.measurement-row .unit-container #OtherUnitName {
    width: 155px;
    margin-left: 3px;
}

.measurement-row.editor-entity .unit-container .select2-container {
    width: 90px !important;
}

#measurement-modal .measurement-row .measurement .unit-container .select2-container {
    min-width: 100px;
}

#measurement-modal .measurement-row .measurement .unit-container .other-unit-name {
    content: " ";
    display: inline-block;
}

.user-notification-title {
    justify-content: space-between;
}

.popover-user-notification .user-notification-content > .due-date > .glyphicon {
    margin-right: 5px;
}

.select2-search--dropdown .select2-search__field {
    outline: none !important;
}

.row-measurement .template-goal.measurement-template .unit-container > .select2-container {
    display: none;
}

.section-layout .section-navigation .panel {
    background-color: #fafafa;
    margin-top: 21px;
    border-color: #ccc;
    padding: 0 15px;
}

.section-layout .section-navigation .panel .section-menu {
    border: none;
    background-color: transparent;
}

.section-layout .section-navigation .panel li:not(:first-child) {
    border-top: 1px solid #ddd;
}

.section-layout .section-navigation .panel li.active {
    background-color: #2780e3;
}

#section-editor .button-container {
    padding: 30px 15px 0;
}

#section-editor .button-container .btn + .btn {
    margin-left: 5px;
}

.section-layout #section-editor .section-filter-container {
    border: 1px solid #ccc;
}

.section-layout #section-editor .section-filter-container {
    margin-right: 15px;
}

.section-layout .section-filter-container .header-section {
    background-color: #f5f5f5;
    align-items: center;
    flex-direction: row;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    display: flex;
}

.section-layout .section-filter-container .header-section .label-section {
    margin-right: 5px;
    display: flex;
    align-items: center;
    font-size: 19px;
    font-weight: 600;
    flex-grow: 1;
}

.section-layout .section-filter-container .header-section span.icon-bar {
    background-color: #888;
}

.section-layout .section-filter-container .header-section .label-section > a {
    align-self: center;
    margin-left: auto;
    color: #2780e3;
}

.section-layout #section-editor .list-container {
    line-height: 1.2em;
}

.section-layout .list-container,
.section-layout .list-container ul.section-name-container {
    padding: 0;
}

.section-layout .list-container ul.section-name-container {
    margin-bottom: 0;
    max-height: 500px;
    overflow-y: auto;
}

.section-layout .list-container ul.section-name-container > li.list-section-menu {
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.section-layout .list-container ul.section-name-container > li.list-no-record,
.section-layout .list-container ul.section-name-container > li.list-section-menu {
    list-style: none;
    padding: 15px;
}

.section-layout .section-filter-container .search-filter {
    padding: 10px;
    position: relative;
}

.section-layout .list-container ul.section-name-container > li > .content-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
    position: relative;
    justify-content: space-between;
}

.section-layout .list-container ul.section-name-container > li > .content-container > span {
    margin-right: 8px;
    padding: 5px;
}

.section-layout .list-container ul.section-name-container > li > .content-container > a {
    flex-grow: 1;
}

.section-layout .list-container ul.section-name-container > li .section-name,
.section-layout .section-navigation .panel li > a {
    color: #333;
}


.section-layout .section-content .section-filter-container .list-container li.list-section-menu.active,
.section-layout .section-content .section-filter-container .list-container li.list-section-menu.active .nav-pills {
    background-color: #2780e3 !important;
}

.section-layout .section-content .section-filter-container .list-container li.list-section-menu.active .expander,
.section-layout .section-content .section-filter-container .list-container li.list-section-menu.active,
.section-layout .section-content .section-filter-container .list-container li.list-section-menu.active .nav-pills > li > a,
.section-layout .section-content #section-editor .list-container li.active,
.section-layout .section-navigation .panel li.active > a,
.section-layout .list-section-menu.active .icon,
.section-layout .list-section-menu.active .hashtag-title > a {
    color: #fff !important;
}

.section-layout #section-editor .measurement-column-header .title-measurement > hr {
    margin-top: 15px;
    margin-bottom: 20px;
}

.section-layout #section-editor .measurement-column-header .title-measurement > label {
    text-transform: uppercase;
    font-size: 19px;
    font-weight: normal;
}

.section-layout #section-editor .file-content-header {
    border: 1px solid #ccc;
    padding: 15px 30px;
}

.section-layout #grid-panel .item-container {
    border-top: 1px solid #ddd;
    padding: 20px;
}

.section-layout #section-editor .item-container .title {
    margin: 25px 0;
}

.section-sectionassignment .assigned-employees tr > td > .name,
.section-sectionassignment .assigned-employees tr > td > .role,
.section-sectionassignment .assigned-employees tr > td .delete {
    padding-top: 11px;
}

.section-sectionassignment .assigned-employees tr > td > .delete {
    text-align: right;
}

.section-sectionassignment #section-editor > form .assigned-employees {
    margin-bottom: 0px;
}

.section-management .section-content .publish-button,
.section-management .section-content.edit-section .btn-edit-section,
.section-management .section-content .add-section,
.section-layout .list-section-menu .hashtag-title > a,
.section-management .section-content.edit-section .timer-end {
    display: none;
}

.section-management .section-content.edit-section .publish-button,
.section-management .section-content .edit-section,
.section-management .section-content.edit-section .add-section,
.section-layout #section-editor .measurement-column-header .content-container > .form-group {
    display: block;
}

.section-layout .section-name-container .content-container.inactive-section .label.section-tag-dailyreport,
.section-layout .list-section-menu .hashtag-title.active > a {
    display: inline-block;
}

.section-layout .section-name-container .content-container.inactive-section .section-name {
    color: #aaa !important;
}

.section-layout .file-content-header #list-editor-file-upload > label {
    text-align: left;
}

.section-layout table.assigned-employees > thead {
    top: 127px;
    box-shadow: 0 8px 6px -6px #999;
}

.section-layout table.assigned-employees > tbody > tr.template {
    display: none;
}

.section-layout #section-editor .assigned-employees .row-striped {
    padding-bottom: 0;
}

#section-editor .header-container .section-card-picture .section-default-icon {
    display: table;
    border: 2px solid #e0e2e1;
    background: #7d7d7d;
}

.section-layout #section-editor .section-card-picture .image-view-container,
#section-editor .header-container .section-card-picture .section-default-icon {
    width: 81px;
    height: 81px;
}

#section-editor .header-container .section-card-picture .section-default-icon > i {
    display: table-cell;
    color: #fff;
    font-size: 30px;
    text-align: center;
}

#section-editor .header-container .section-card-picture .section-default-icon > i,
#section-editor .header-container .section-card-picture .section-default-icon {
    vertical-align: middle;
}

.section-layout.edit-mode #section-editor .section-general-information .geolocation-hyperlinks {
    display: inline;
}

.section-layout #section-editor .add-new-panel.show-detail .user-info,
.section-layout #section-editor .section-general-information .weather-parent-section-text,
.section-layout.edit-mode #section-editor .section-general-information .weather-parent-section-field,
.section-layout.edit-mode #section-editor .section-general-information .show-weather-from-field,
.section-layout.edit-mode #section-editor .section-general-information .address-field,
.section-layout.edit-mode #section-editor .section-general-information .location-field,
.section-layout.edit-mode #section-editor .section-general-information .enclosure-id,
.section-layout.edit-mode #section-editor .section-general-information .footer-container,
.section-layout.edit-mode #section-editor .section-general-information .geolocation-field,
.section-layout .section-note-container.hashtag-note .add-note-container .filter-hashtag,
.section-layout .section-note-container .add-note-container .filter-hashtag {
    display: block;
}

.section-layout .section-note-container.section-note .add-note-container .add-note,
.section-layout .section-note-container.secure-note .add-note-container .add-note,
#section-editor .section-note-container.secure-note .add-note-container .add-note.allow-add-secure-note,
#section-editor .section-note-container.section-note .add-note-container .add-note.allow-add-section-note {
    display: flex;
}

.section-layout .section-note-container .panel-title li a {
    padding: 15px 12px;
}

@media(max-width: 1689px) {
    .section-layout .section-note-container .panel-title .nav-pills,
    .section-layout .panel-note-container .counter-small-device {
        display: none;
    }

    .panel-note-container.section-note .counter-small-device.total-section-note,
    .section-layout .panel-note-container.secure-note .counter-small-device.total-secure-note {
        display: inline-block !important;
    }

    .section-layout .panel-note-container .panel-title {
        padding: 12px 15px !important;
    }
}

@media(min-width: 1690px) {
    .section-layout .section-note-container .panel-title .section-note-option-small-device,
    .section-layout .panel-note-container .counter-small-device {
        display: none;
    }

    .section-layout .panel-note-container .panel-title {
        padding: 0 15px 0 0;
    }
}

.section-layout.edit-mode #section-editor .section-general-information .weather-parent-section-text,
.section-layout #section-editor .section-general-information .weather-parent-section-field,
.section-layout.edit-mode #section-editor .section-general-information .address-text,
.section-layout.edit-mode #section-editor .section-general-information .show-weather-from-text,
.section-layout #section-editor .section-general-information .show-weather-from-field,
.section-layout #section-editor .section-general-information .address-field,
.section-layout #section-editor .section-general-information .geolocation-hyperlinks,
.section-layout #section-editor .add-new-panel.show-detail .add-new-employee,
.section-layout #section-editor .section-general-information .location-field,
.section-layout #section-editor .section-general-information .enclosure-id,
.section-layout.edit-mode #section-editor .section-general-information .edit-general-information,
.section-layout.edit-mode #section-editor .section-general-information .enclosure-id-text,
.section-layout.edit-mode #section-editor .section-general-information .location-text,
.section-layout.edit-mode #section-editor .section-general-information .geolocation-text,
.section-layout #section-editor .section-general-information .footer-container,
.section-layout #section-editor .section-general-information .geolocation-field,
.section-layout .section-note-container .add-note-container .add-note,
.section-layout .section-note-container .add-note-container .filter-hashtag,
.section-layout #section-editor .add-new-panel .user-info,
.user-details .row-section-assignment.edit-mode .view-section-assignment,
.user-details .row-section-assignment:not(.edit-mode) .editor-section-assignment,
.user-details .editor-section-assignment .add-new-container:not(.add-new-mode) .user-info-container,
.user-details .editor-section-assignment .add-new-container.add-new-mode .add-new-employee,
.section-content.edit-section .grid-hierarchy li.grid-hierarchy-node:hover .counter,
.section-layout .header-container .btn-description:not(.description-exists) .edit-description,
.section-layout .header-container .btn-description.description-exists .add-description,
#modalSectionDescription.edit-description .modal-header .title-add,
#modalSectionDescription.add-description .modal-header .title-edit,
#modalSectionDescription.add-description .modal-footer .delete,
.section-management .section-content:not(.edit-section) .editor-section-container,
.section-management .section-content:not(.edit-mode) .editor-section-container .panel #section-editor > .item-container,
#section-editor .header-container .section-card-picture.default-icon .image-view-container,
#section-editor .header-container .section-card-picture:not(.default-icon) .section-default-icon,
#section-editor .header-container .image-view-container .rotate-image,
.section-management .section-content.edit-mode .section-audit-container,
.read-only-file-content.file-content-header .attachment-info,
.read-only-file-content.file-content-header #file-upload-drag-drop,
#section-editor .section-note-container .add-note-container .add-note,
.audit-inner-container .audit-content:not(.show-changes) .message-item-changed,
.section-layout .section-content:not(.on-search) .search-filter .reset-textbox,
.section-layout .section-content.on-search #grid-panel a.add-section,
.section-layout .section-content.edit-mode .section-filter-container li:hover .section-tag,
.content-assignment-detail .assignment-employee-items .row:not(.invalid) .parent-exists-message,
.section-management:not(.filter-audit-history) .panel-heading .clear-selection,
.section-layout .content-assignment-detail .assigment-content.deleted,
.section-layout .section-content.edit-section .section-audit-container,
.section-management .section-content.edit-mode .editor-section-container .title-section-editor,
.section-management:not(.filter-audit-history) .section-history-container .panel-heading .show-subsection-container,
.section-management .section-content .list-section-menu.add-section .section-flag-container,
.section-management:not(.filter-audit-history) .search-filter > .clear-selection,
.content-assignment-detail .assignment-employee-items > .row.duplicate-section .parent-exists-message,
.content-assignment-detail .assignment-employee-items > .row:not(.duplicate-section) .duplicate-section-message {
    display: none;
}

#modalSectionDescription .modal-body {
    overflow-y: auto;
}

.section-layout .add-new-panel .user-info .button-group .cancel-add-user-assigment {
    margin-right: 5px;
}

.section-layout .section-filter-container .list-section-menu.dirty .section-name::after {
    content: " * ";
    vertical-align: middle;
}

.section-layout #section-editor .section-name-header,
.section-layout .add-new-panel .user-info .button-group,
.section-layout .section-history-container .panel-heading,
.section-layout .section-history-container .panel-heading .show-subsection-container {
    display: flex;
}

.section-layout .section-history-container .panel-heading .show-subsection-container {
    align-items: center;
}

.section-layout .section-history-container .panel-heading label {
    margin-bottom: 0;
}

.section-layout .section-history-container .panel-heading .show-subsection-container .wrapperBootstrapSwitch {
    margin-left: 10px;
}

.section-layout #section-editor .note-exists > .section-description {
    margin-top: 5px;
}

.section-layout.edit-mode #section-editor .section-general-information .general-label {
    padding-top: 11px;
}

.section-layout .section-filter-container .search-filter .reset-textbox {
    color: #aaa;
    font-size: 15px;
    top: 22px;
}

.section-layout .section-filter-container .search-filter .fa-search {
    top: 24px;
}

.section-layout .section-filter-container .search-filter input {
    padding-right: 30px;
}

.section-layout .on-search .section-filter-container .search-filter .fa-search {
    display: none;
}


.section-layout .section-filter-container .search-filter .reset-textbox,
.section-layout .section-filter-container .search-filter .fa-search {
    display: inline-block;
    position: absolute;
    right: 25px;
}

.section-layout .item-container .header-container {
    width: 100%;
}

.section-layout #section-editor .section-name-header .section-card-picture {
    margin-right: 10px;
    height: 81px;
}

.section-layout .header-container .section-name-header .section-name {
    display: inline;
    font-weight: 600;
    line-height: .9;
}

.section-layout #section-editor .assigment-content .remove > span {
    top: 2px;
}

.user-details .row-section-assignment .panel-title > div {
    display: inline-block;
}

.section-layout .content-assignment-detail .assigment-content .staff-level-container {
    padding: 3px 0 0 0 !important;
}

.user-details .assigment-content .staff-level-container .remove {
    margin-left: -10px;
    margin-top: 10px;
}

.user-details .editor-section-assignment .item-detail .section-name {
    text-align: left;
    padding-top: 11px;
}

.section-layout #grid-panel .panel > .panel-title {
    border-bottom: 1px solid #eee;
}

.section-layout .header-container .btn-description > span {
    cursor: pointer;
}

.section-layout .section-filter-container .flag-container .flag {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-top: 3px;
    border: 1px solid #fbf2f2;
}

.section-layout .user-box-container {
    margin-top: 5px;
}

.content-assignment-detail .assigment-content:nth-of-type(odd):not(.deleted) > .row {
    background-color: #f9f9f9;
}

.section-layout #section-editor .file-content-header:not(.read-only-file-content) .image-view-container .thumbnail:before,
.section-layout #section-editor .section-name-header .image-view-container .thumbnail:before {
    visibility: hidden;
}

.section-management .section-content .btn-group > button,
.section-layout .header-title-container .btn-group > button {
    color: #222222;
    font-size: 18px;
    background-color: transparent;
    padding: 10px;
}

.section-management .section-content .btn-group.open > .dropdown-menu > a,
.section-layout .header-title-container .dropdown-menu > a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    padding: 3px 20px;
}

.section-layout #section-editor .flags-container {
    margin-top: 5px;
}

.section-layout #section-editor .flags-container > .flag-labels {
    flex-direction: row;
}

.section-layout #section-editor .flags-container > .flag-labels > div:first-child {
    order: 2;
    margin-left: 5px;
}

.section-layout #section-editor .content-assignment-detail .item-detail > div,
.section-layout #section-editor .content-assignment-detail .user-info > div {
    padding: 5px 0;
}

.section-layout #section-editor .content-assignment-detail.add-new-panel.show-detail.odd {
    background-color: #f9f9f9;
}

.section-layout #section-editor .content-assignment-detail.add-new-panel .assigment-inner-container {
    margin-top: 15px;
}

@media(max-width: 991px) {
    .section-layout #section-editor .content-assignment-detail.add-new-panel .section-role-dropdown-container {
        flex-direction: column;
    }

    .section-layout #section-editor .content-assignment-detail.add-new-panel .section-role-dropdown-container .btn-container {
        margin-left: 0px !important;
    }
}

.section-layout #section-editor .content-assignment-detail.add-new-panel .section-role-dropdown-container {
    display: flex;
}

.section-layout #section-editor .content-assignment-detail.add-new-panel .section-role-dropdown-container .staff-level-container {
    display: none;
}

.section-layout #section-editor .content-assignment-detail.add-new-panel .section-role-dropdown-container.show-section-role .staff-level-container {
    display: block;
}

.section-layout #section-editor .content-assignment-detail.add-new-panel .section-role-dropdown-container .staff-level-container {
    width: 100%;
}

.section-layout #section-editor .content-assignment-detail.add-new-panel .section-role-dropdown-container:not(.show-section-role) .btn-container {
    margin-left: auto;
}

.section-layout #section-editor .content-assignment-detail.add-new-panel .section-role-dropdown-container .btn-container {
    top: 0;
    position: inherit;
    margin-left: 15px;
}

.section-layout #section-editor .content-assignment-detail .add-new-panel .btn-container {
    padding-top: 5px;
}

@media (max-width: 767px) {
    .section-layout .section-filter-container:not(.active) .list-container,
    .section-layout .section-filter-container:not(.active) .search-filter {
        display: none !important;
    }

    .section-layout .section-filter-container .navbar-header > button:hover {
        background-color: #e0e0e0;
        cursor: pointer;
    }

    .section-layout #section-editor .section-filter-container {
        margin: 0;
    }

    .section-layout #section-editor .assigment-content-container,
    .section-layout #section-editor .section-detail-content-container {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 15px;
    }

    .section-layout .section-filter-container .header-section .label-section {
        margin-left: 15px;
    }

    .section-management .section-content .section-list {
        padding-right: 15px !important;
    }

    .section-management .section-content .editor-section-container,
    .section-management .section-content .section-audit-container {
        padding-left: 15px !important;
    }

    .section-layout .section-filter-container .header-section {
        padding: 0 !important;
    }
}

@media (max-width: 992px) {
    .section-layout #section-editor .content-assignment-detail .item-detail-inner-container > div:not(:first-child),
    .section-layout #section-editor .content-assignment-detail .user-info-inner-container > div:not(:first-child),
    .section-layout #section-editor .content-assignment-detail .user-info-inner-container .user-info,
    .section-layout #section-editor .content-assignment-detail .assigment-inner-container .add-new-employee {
        padding-top: 15px;
    }

    .section-layout #section-editor .content-assignment-detail .item-detail-inner-container .title,
    .section-layout #section-editor .content-assignment-detail .user-info-inner-container .title {
        font-weight: bold;
    }

    .section-layout #section-editor .content-assignment-detail .user-info-inner-container .btn-container {
        display: inline-block;
        margin-left: 16px;
    }

    .section-layout #section-editor .resource-detail-container,
    .section-layout #section-editor .resource-detail-container .resource-image-container {
        display: flex;
    }

    .section-layout #section-editor .content-detail .resource-description {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .section-layout #section-editor .content-detail > div:not(:first-child) {
        margin-top: 15px;
    }

    .section-layout #section-editor .content-detail .resource-description {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .section-layout #section-editor .content-assignment-detail .assignment-text {
        padding-top: 15px;
    }

    .section-layout .add-new-panel .user-info .role-name {
        padding-top: 13px;
    }

    .section-layout #section-editor .content-assignment-detail .user-info-inner-container .btn-container {
        display: inline-block;
        position: absolute;
        top: 10%;
    }
}

.content-assignment-detail .item-detail-inner-container .delete {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 30%;
}

.section-layout #section-editor .flags-container .flag-labels > div:not(:first-child) {
    display: flex;
    align-self: flex-start;
    margin-top: 2px;
}

.section-layout #section-editor .header-container .section-description,
.section-layout #section-editor .resource-description > div {
    line-height: 1.2em;
}

.section-layout .resource-in-section-container .resource-title {
    font-weight: bold;
}

.audit-history-container ul.audit-inner-container > li {
    list-style: none;
}

.audit-history-container ul.audit-inner-container:before {
    content: '';
    border-left: 2px solid #f0f0f0;
    position: absolute;
    left: 18px;
    height: calc(100% - 20px);
    top: 10px;
}

.audit-history-container ul.audit-inner-container {
    padding-left: 0;
    position: relative;
    margin-bottom: 0;
}

.audit-history-container ul.audit-inner-container > li:not(:last-child) {
    margin-bottom: 25px;
}

.section-layout.section-management > .section-container {
    position: relative;
}

.section-management .section-content .section-messagebox > div,
.section-layout #section-editor .section-content-inner-container {
    display: flex;
}

.section-management .section-content .section-list {
    padding-right: 30px;
}

.section-management .section-content .section-audit-container,
.section-management .section-content .editor-section-container {
    padding-left: 30px;
}

.section-layout #section-editor .section-content-inner-container > span,
.section-layout #section-editor .section-content-inner-container .icon-template {
    align-self: center;
}

.section-layout #section-editor .section-content-inner-container > span.flag-container {
    flex-flow: wrap;
}

.section-layout #section-editor .section-content-inner-container > span.flag-container > span {
    margin-left: 2px;
}

.section-layout .section-history-container .audit-inner-container .audit-detail {
    align-self: center;
    word-break: break-word;
}

.section-layout .audit-inner-container .audit-flag {
    color: #fff;
    padding: 3px 6px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    text-shadow: 0 0 3px rgb(0 0 0 / 50%), 0 0 3px #000000;
    border: 1px solid #fbf2f2;
}

.section-layout .section-filter-container .flag-container {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
}

.section-layout .section-filter-container .flag-container > .flag {
    margin-top: 1px;
    margin-left: 1px;
}

.section-layout .section-history-container #spinner-audit-history {
    position: absolute;
    left: 0;
    right: 0;
}

.section-assignment .section-history-container #spinner-audit-history,
.section-detail .section-history-container #spinner-audit-history {
    top: 60px;
}

.section-management.no-section .section-history-container #spinner-audit-history {
    top: 100px
}


.section-management .section-history-container #spinner-audit-history {
    top: 150px
}

.content-assignment-detail .assignment-employee-items > .row:not(:first-child) {
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.content-assignment-detail .assignment-employee-items > .row:not(:first-child),
.content-assignment-detail .section-assignment-dropdown-container span.select2-container {
    padding-bottom: 5px;
}

.content-assignment-detail .assignment-employee-items .delete-button-assignment {
    margin-top: 5px;
}

.content-assignment-detail .assignment-employee-items > .employee-assignment-tittle > label {
    margin-bottom: 15px;
}

.content-assignment-detail .assignment-employee-items .section-assignment-dropdown-container div.section-name,
.form-user .button-add-container {
    margin-top: 10px;
}

.button-add-container .add-section-user {
    margin-left: 15px;
}

.body-content {
    min-height: 555px;
}

.section-layout .section-filter-container > .list-container > .no-section-found {
    padding: 15px;
}

.audit-inner-container .audit-content .message-item-changed {
    width: auto;
    margin-top: 15px;
    background: #fafafa;
    border: 1px solid #dbdbdb;
    padding: 15px;
    margin-left: 65px;
    min-width: 80%;
}

.audit-inner-container .audit-content > .row > .audit-content-inner-container,
.audit-inner-container .audit-content .icon-audit {
    display: flex;
}

.audit-inner-container .audit-content .icon-audit {
    align-items: center;
    margin: -6px 10px 0 0
}

.audit-inner-container .audit-content .icon-audit {
    display: inline-block;
    vertical-align: top;
}

.audit-inner-container .audit-content .icon-audit .image-inner-container > .image {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    vertical-align: middle;
}

.audit-inner-container .audit-content .audit-detail {
    line-height: 1.2em;
}

.audit-inner-container .audit-content .audit-detail > .user-name {
    font-weight: bold;
}

.audit-inner-container .audit-content .audit-detail .audit-datetime {
    display: block;
}

.audit-inner-container .audit-content .audit-detail .audit-datetime,
.audit-inner-container .audit-content .compare-changes > i {
    font-size: 13px;
}

.audit-inner-container .audit-content .compare-changes:hover {
    cursor: pointer;
}

.note-type-audit,
.message-item-changed > div i.nta {
    text-transform: uppercase;
    font-size: 12px;
    color: #aaa;
    margin-left: 3px;
}

.title-note-type-audit,
.message-item-changed > div i.tn,
.section-history-container .audit-inner-container .audit-detail .section-name {
    font-weight: bold;
}

.message-item-changed > div i:not(.nta) {
    background: #c7f0d2;
}

.message-item-changed > div::first-letter {
    text-transform: uppercase; /*need to check in section audit history*/
}

.message-item-changed > div s {
    background-color: #fac5cd;
    color: #000 !important;
    font-size: 15px !important;
    text-transform: none !important;
    margin: 0 3px;
}

.message-item-changed > s:not(.not-text) {
    text-decoration: line-through !important;
}

.section-layout .section-filter-container .list-container {
    height: calc(100vh - 355px);
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

.section-layout .section-filter-container .section-content-inner-container {
    padding: 10px;
    display: flex;
}

.section-layout .section-filter-container .section-content-inner-container .section-flag-container {
    max-width: 45%;
    align-self: center;
    display: inline-block;
    margin-top: 2px;
}

#grid-panel .panel > .panel-body {
    padding: 0;
}

.section-management .editor-section-container #section-editor {
    padding: 30px;
}

.section-detail #section-editor .section-audit-container {
    position: relative;
}

.section-detail #section-editor .section-audit-container > .spinner {
    position: absolute;
    top: 170px;
    left: 0;
    right: 0;
}

.section-assignment #section-editor .section-audit-container .panel-body,
.section-detail #section-editor .section-audit-container .panel-body {
    min-height: 50px;
}

.section-layout .section-filter-container .content-container .section-control-container {
    padding-right: 5px;
}

.section-layout .section-filter-container .list-section-menu:not(.grid-hierarchy-parent) .section-detail-container > .expander {
    display: none !important;
}

.section-layout .section-navigation .section-menu li:hover,
.section-layout .section-filter-container li.list-section-menu:hover {
    cursor: pointer;
}

.section-layout .section-navigation .section-menu li.active > a:hover {
    background-color: transparent;
}

.section-history-container .audit-inner-container li.audit-content .audit-content-inner-container {
    align-items: center;
}

.section-layout #section-editor .section-general-information .footer-container {
    border-top: 1px solid #ddd;
    padding: 15px 30px;
}

.section-management .section-filter-container .dropdown-menu-section {
    display: block;
    right: 38px;
}

@media(max-width: 767px) {
    .section-management .section-filter-container .dropdown-menu-section {
        right: 23px !important;
    }
}

.section-filter-container .list-section-menu .content-container {
    justify-content: space-between;
    padding-left: 2em;
}

.section-filter-container .list-section-menu .section-control-container {
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    .section-management .section-content.edit-section .section-filter-container .list-section-menu .nav.action-menu-small-device,
    .section-management .section-filter-container .list-section-menu .section-tag {
        display: inline-block !important;
    }

    .section-management .section-filter-container .list-section-menu .section-control-container .nav.action-menu-small-device {
        margin-left: 0;
    }

    .grid-hierarchy li.grid-hierarchy-node .nav.action-menu-small-device a {
        color: #2780e3 !important;
    }
}

.section-layout #section-editor .content-assignment-detail .assigment-content.inherited .assignment-text {
    padding-bottom: 15px;
}

.section-layout #section-editor .section-detail-content-container {
    position: relative;
}

.section-layout #section-editor .section-detail-content-container #section-view-load {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
}

.section-layout .section-content.edit-mode .section-filter-container li:hover .nav-pills .remove-section.disabled {
    cursor: not-allowed !important;
}

.section-layout .section-content.edit-mode .section-filter-container li:hover .nav-pills > li > a:hover {
    background-color: transparent !important;
    color: #ccc !important
}

.section-layout .section-content.edit-mode .section-filter-container li:hover .nav-pills > li > a.disabled:hover,
.section-filter-container .dropdown-menu-right.dropdown-menu-section li > a.disabled:hover {
    cursor: not-allowed !important;
}

.section-filter-container .dropdown-menu-right.dropdown-menu-section li > a.disabled {
    color: #999;
}

.section-layout .section-content .section-filter-container li.active .icon-template {
    color: #fff !important;
}

.section-management .section-content:not(.edit-mode) .editor-section-container .panel {
    min-height: 355px;
}

.section-management .section-content .editor-section-container .panel .title-section-editor {
    font-size: 16px;
}

.section-management .section-content .list-container .grid-hierarchy.deleted {
    display: none !important;
}


@media (max-width: 430px) {
    .section-audit-container .section-history-container .panel-heading {
        display: block !important;
    }
}

.section-layout .section-history-container .panel-heading .show-subsection-container > span {
    font-size: 15px !important;
}

.section-management .section-content #section-editor .button-container > .remove-section {
    margin-left: 2px;
    margin-right: 5px;
}

.section-layout .section-filter-container > .header-section > .navbar-header {
    display: flex;
    margin-left: auto;
}

.section-layout .section-filter-container > .header-section > .navbar-header ul.nav {
    align-self: center;
}

.grid-hierarchy-root .nav a:hover {
    background-color: transparent !important;
}


@media (min-width: 991px) {
    .section-layout .section-history-container .panel-heading .show-subsection-container {
        margin-left: auto;
    }
}

.section-layout .section-filter-container .header-section .label-section {
    padding-left: 5px;
    padding-top: 3px;
}

.section-layout .section-history-container .panel-heading > label,
.section-layout .section-filter-container .header-section .label-section {
    flex: 1;
}

.section-layout .section-history-container .panel-heading > .show-subsection-container {
    margin-left: 5px;
}

.section-layout .section-filter-container .clear-selection {
    font-size: 13px;
    padding-right: 5px;
}

.section-layout .section-filter-container .search-filter > .clear-selection {
    padding: 5px 0 5px 5px !important;
}

.section-layout .section-content.edit-section #section-form .publish-button {
    display: flex;
}

.section-layout .section-content.edit-section #section-form .publish-button {
    flex-direction: row;
    align-items: center;
}

@media(max-width: 672px) {
    .section-layout .section-content.edit-section #section-form .publish-button {
        margin-top: 10px;
        flex-direction: column;
    }

    .section-layout #section-form .publish-button .discard {
        margin-left: 5px;
    }
}

@media (max-width: 991px) {
    .section-layout .section-history-container .panel-heading {
        flex-direction: column;
    }

    .section-layout .section-history-container .panel-heading .show-subsection-container {
        margin-left: 0;
    }
}

@media(max-width: 767px) {
    .section-layout.section-management .section-content {
        display: inline-block;
        width: 100%;
    }

    .section-layout .section-content .title-page {
        margin-bottom: 21px;
    }
}

@media(min-width:768px) {
    .section-layout .section-history-container .panel-heading {
        border-top: 1px solid #dddddd;
    }

    .section-layout.section-management .section-history-container {
        border-top: none;
    }

    .section-layout.section-management .section-content .title-page {
        margin-bottom: 21px;
    }

    .section-layout .sticky-adjustment {
        display: inline-block;
        position: sticky;
        width: 100%;
        z-index: 10;
        background-color: #fff;
    }

    .section-layout.section-management .sticky-adjustment {
        top: 135px;
        height: 10px;
    }

    .section-layout.section-assignment .section-history-container .panel-heading,
    .section-layout.section-detail .section-history-container .panel-heading {
        top: 147px;
    }

    .section-layout.section-management .section-content .section-list-navigation-container > #grid-panel,
    .section-layout.section-management .section-history-container .panel-heading {
        top: 145px;
    }

    .section-layout .section-menu-navigation-container {
        position: fixed;
    }

    .section-layout.section-management .row-section-hierarchy-content {
        display: flex;
        width: 100%;
    }

    .section-layout.section-management .section-list-navigation-container .panel {
        margin-bottom: 0;
    }

    .section-layout.section-management .row-section-hierarchy-content,
    .section-layout.section-management .panel-audit-container {
        height: 100%;
    }
}

.section-layout,
.section-layout.section-detail #section-editor,
.section-layout.section-assignment #section-editor {
    display: inline-block;
    width: 100%;
}


.section-layout .section-content .title {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.section-layout .section-content .title-page {
    padding-bottom: 21px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 27px;
    background-color: #fff;
    z-index: 1000;
}

@media(min-width: 375px) {
    .section-layout .section-content .title .dropdown-menu {
        right: 11px;
        left: auto;
    }
}

@media(max-width: 402px) {
    .section-layout .section-filter-container .section-content-inner-container .section-flag-container {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .section-layout .title .btn-edit-section,
    .section-layout .title .publish-button {
        margin-left: 11px;
    }
}

.section-assignment .section-detail-content-inner-container .section-audit-container {
    margin-top: 50px;
}

.section-layout .section-content .list-section-menu #new-section > .data-container,
.section-layout .section-content .list-section-menu.add-section .section-detail-container {
    width: 100%;
}


.section-layout .section-filter-container .list-section-menu .section-detail-container {
    align-items: center;
}

.section-layout .section-filter-container .list-section-menu .section-detail-container .section-name,
.section-index .grid-hierarchy-node .icon-template,
.section-layout .list-section-menu .icon-template,
.section-layout .section-filter-container .list-section-menu .section-detail-container .section-tag-dailyreport,
span.label.section-tag-dailyreport,
#default-view #templates-container .icon-template {
    margin-right: 5px;
}

.section-layout .section-filter-container .section-content-detail,
.section-layout .section-filter-container .list-section-menu .section-detail-container,
.section-layout.section-assignment .section-filter-container .search-filter {
    display: flex;
}


.section-layout.section-assignment .section-filter-container .search-filter .search-field {
    flex: 1;
}

.section-layout .section-filter-container .section-content-detail {
    align-items: center;
    flex-wrap: wrap;
    flex: 3 3;
}

.section-input-group-btn {
    width: 200px;
    padding-right: 0 !important;
}

/* Invoice */
@media(max-width: 479px) {
    .invoice-content-wrapper .brand img {
        width: 210px !important;
    }
}

.invoice-content-wrapper .brand img {
    width: 250px;
}

.invoice-content-wrapper .btn-group.btn-save,
.invoice-payment-container .btn-save {
    color: #ffffff;
}

.invoice-payment .report-export {
    margin-bottom: 10px;
}

.invoice-payment .invoice-payment-container {
    margin-bottom: 21px;
}

.invoice-payment .invoice-payment-container .btn-group {
    min-width: 135px;
}

.invoice-payment .invoice-payment-container .btn-group .dropdown-menu {
    right: 0;
    left: auto;
}

.invoice-history .back {
    margin-right: 15px;
}

.invoice-history .btn-save {
    display: inline-block;
}

.invoice-history .report-export {
    margin-left: auto;
}

.invoice-content-wrapper .btn-group.btn-save {
    margin-bottom: 5px;
}

.invoice-payment-container .btn-save {
    margin-left: auto;
}

.invoice-payment-container .invoice-number {
    display: block;
    font-size: 26px;
}

.invoice-content-wrapper .invoice-header-summary-container address {
    margin: 0;
}

.invoice-content-wrapper .invoice-header-summary-container .invoice-status {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 1.2em;
}

.invoice-content-wrapper .invoice-header-summary-container .user-box-container {
    margin-bottom: 0;
}

@media(max-width: 479px) {
    .invoice-content-wrapper .invoice-header-summary-container .animal-care-detail-container {
        flex-direction: column;
    }

    .invoice-content-wrapper .invoice-header-summary-container .animal-care-address-container {
        text-align: center !important;
    }
}

.invoice-content-wrapper .invoice-header-summary-container .animal-care-detail-container {
    display: flex;
    justify-content: space-between;
    background-color: black;
    align-items: center;
}

.invoice-content-wrapper .invoice-header-summary-container .animal-care-address-container {
    color: white;
    text-align: right;
    margin-right: 21px;
}

.invoice-content-wrapper .invoice-header-summary-container .invoice-balance-due-container {
    margin-top: 21px;
}

.invoice-content-wrapper .invoice-balance-due-container .balance-due-container h4,
.invoice-content-wrapper .invoice-item-wrapper h4 {
    margin-top: 0;
}

.invoice-content-wrapper .title-container {
    font-weight: bold;
    background-color: #d3d3d3;
    padding-top: 5px;
    padding-bottom: 5px;
}

.invoice-content-wrapper .invoice-item-wrapper {
    margin-top: 10px;
}

.invoice-content-wrapper .invoice-item-wrapper .invoice-content-container {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

.invoice-content-wrapper .invoice-item-wrapper .invoice-content-container {
    border-bottom: 1px solid #eee;
}

.invoice-content-wrapper .invoice-item-wrapper .invoice-content-item-container {
    display: flex;
}

.invoice-content-wrapper .invoice-footer-summary-container .row {
    padding-top: 5px;
    padding-bottom: 5px;
}

.invoice-content-wrapper .invoice-total {
    margin-top: 5px;
    background-color: #d3d3d3;
}

.invoice-payment > .panel {
    margin-top: 21px;
    border: 1px solid #d3d3d3;
}

.invoice-content-view-wrapper .invoice-header-container,
.invoice-content-view-wrapper .invoice-item-wrapper,
.invoice-content-wrapper .invoice-footer-summary-container {
    margin-bottom: 21px;
}

@media(max-width: 767px) {
    .invoice-content-view-wrapper .invoice-item-wrapper .invoice-reponsive-text-left {
        text-align: left !important;
    }

    .invoice-content-view-wrapper .invoice-item-wrapper .invoice-detail-item-container > div {
        margin-bottom: 8px;
    }
}

.invoice-content-view-wrapper .invoice-header-container .invoice-number,
.invoice-content-view-wrapper .invoice-header-container .po-number-container .po-number,
.invoice-content-view-wrapper .invoice-item-wrapper .item-name-container .item-name,
.invoice-content-view-wrapper .invoice-footer-summary-container .notes-container .note {
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-word;
}

.invoice-content-view-wrapper .invoice-footer-summary-container .notes-container {
    padding-right: 30px;
}

@media(min-width: 768px) {
    .invoice-content-view-wrapper .invoice-item-wrapper .description {
        color: #aaa !important;
    }
}

.invoice-content-view-wrapper .invoice-footer-summary-container .notes-container,
.invoice-content-view-wrapper .invoice-item-wrapper .description {
    text-align: justify;
}

.invoice-content-view-wrapper .user-box-container {
    margin-top: 0;
}

.invoice-content-view-wrapper .user-box {
    padding-right: 0;
    margin-top: 0;
}

.invoice-content-view-wrapper .footer-container {
    margin-top: 80px;
}

@media(min-width: 1200px) {
    #modal-invoice-payment .modal-dialog {
        width: 70%;
    }
}

#modal-invoice-payment .modal-body {
    overflow-y: scroll;
}

#modal-invoice-payment .addpayment-container {
    padding-top: 0;
}

#modal-payment-instructions .modal-content {
    padding-bottom: 20px;
}

.invoice-history .manage-inner-title .form-report {
    margin-left: 4px;
}

.section-history-container .audit-detail.deleted a.section-id {
    color: #000 !important;
}

.section-history-container .audit-detail.current-section a.section-id,
.section-history-container .audit-detail.deleted a.section-id {
    pointer-events: none;
}

.section-history-container .audit-detail.deleted a.section-id > b {
    font-weight: normal !important;
}

.section-history-container .audit-detail.deleted a.section-id:hover {
    cursor: unset;
    text-decoration: none;
}

.section-history-container .audit-detail.deleted a.section-id:before,
.section-history-container .audit-detail.deleted a.section-id:after {
    content: "'"
}

.resource-allocation-container .header-title .audit-history {
    margin-left: auto;
}

.resource-allocation-container .header-title .audit-history > a {
    font-size: 15px;
    font-weight: 600;
}

#auditHistoryModal .audit-history-modal .audit-history-no-record {
    padding-left: 15px;
    padding-right: 15px;
}

#auditHistoryModal .audit-history-container #audit-history-load {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

#auditHistoryModal .audit-history-container #spinner-audit-history {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 50%;
}

#auditHistoryModal .modal-header {
    display: flex;
    vertical-align: middle;
}

#auditHistoryModal .show-subsection-container {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

#auditHistoryModal .show-subsection-container > label {
    width: 150px;
    vertical-align: top;
    display: inline-block;
}

#auditHistoryModal .show-subsection-container .wrapperBootstrapSwitch {
    display: inline-block;
}

#auditHistoryModal .show-subsection-container .wrapperBootstrapSwitch {
    padding-left: 5px;
}

#auditHistoryModal .button-container {
    margin-left: auto;
}

.copy-merge-measurement-container .custom-level-items-container .item-detail .drag-handle {
    display: none;
}

table.resource-for-checkout > tbody > tr > td {
    vertical-align: middle;
}

.resource-checkout-timeline .vis-content .header-group {
    background: #999999;
    color: #fff;
}

.resource-checkout-timeline .vis-content .vis-label.header-group:before,
.resource-checkout-timeline-container .filter-left.on-selection .select {
    display: none;
}

.resource-checkout-timeline-container .filter-left:not(.on-selection) .action-detail-container,
.resource-checkout-timeline-container .filter-left:not(.has-data) .group-edit-multiple {
    display: none !important;
}

.resource-checkout-timeline-container .resource-detail-container .close-resource-detail {
    margin-left: auto;
}

.resource-checkout-timeline-container .resource-image-container {
    display: flex;
    padding: 10px 15px;
    justify-content: center;
    width: 100%;
    height: 195px;
}

.resource-checkout-timeline-container .resource-image-container .resource-image-inner-container {
    margin-top: 15px;
}

.resource-checkout-timeline-container .resource-image-container .thumbnail {
    top: 0;
    width: 140px;
    margin-bottom: auto;
}

.resource-checkout-timeline-container .resource-image-container .image {
    height: 130px;
    transition: 0s;
}

.resource-checkout-timeline-container .resource-image-container .image-action-container {
    position: relative;
}

.resource-checkout-timeline-container .resource-image-container .thumbnail:hover {
    left: 95px !important;
    top: 35px;
}

.resource-checkout-timeline-container .resource-image-container .image-view-container .thumbnail:hover .img-thumbnail {
    height: 100% !important;
}

.resource-checkout-timeline-container .resource-image-container .image-view-container .image-action-container {
    position: absolute !important;
    bottom: 0;
}

.resource-checkout-timeline-container .resource-image-container .image-view-container .thumbnail:hover:before {
    visibility: hidden;
}

.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content {
    padding: 10px 10px 8px;
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
}

.resource-checkout-timeline-container .vis-content .vis-group-level-3,
.resource-checkout-timeline-container .vis-content .vis-group-level-2 {
    padding-left: 20px
}

.resource-checkout-timeline-container .vis-content .vis-item .vis-drag-right,
.resource-checkout-timeline-container .vis-content .vis-item .vis-drag-left {
    background-image: url(/Content/images/drag-handle.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
}

.resource-checkout-timeline-container .vis-content .vis-item {
    text-align: center;
    position: absolute;
    border-radius: 0.475rem !important;
    box-shadow: 5px 5px 20px rgba(128, 128, 128, 0.5);
}

.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content img {
    border-radius: 50%;
    width: 48px;
    height: 40px;
    display: inline-block;
    flex-shrink: 0;
    position: relative;
}

.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content > .item-content > .item-content-detail {
    font-weight: 600;
    text-align: left;
    display: flex;
    align-items: center;
}

.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content:not(.has-section) > .item-content > .item-content-detail {
    margin-bottom: 0.5rem !important;
}

.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content .progress {
    margin-bottom: 0 !important;
}

.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content .children-approve,
.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content .children-checkout {
    height: 15px;
    margin-bottom: 0 !important;
}

.vis-label.vis-nesting-group.collapsed:before {
    content: "\25B6" !important;
}

.resource-checkout-timeline-container .vis-content .vis-item .fa {
    margin-right: 5px;
}

.resource-checkout-timeline-container .vis-content .vis-item.rejected {
    background-color: #e4c8d6;
    border-color: #ab3f74;
}

.resource-checkout-timeline-container .vis-content .vis-item.rejected span.label,
.resource-checkout-timeline-container .vis-content .vis-item.vis-status-history .vis-item-content.rejected,
#resource-assigned-to .resource-message-container .checkout-status.rejected,
#alertPopup .checkout-status.rejected {
    background-color: #ab3f74;
}


.resource-checkout-timeline-container .vis-content .vis-item.waiting {
    background-color: #ebd5c7;
    border-color: #c15d58;
}

.resource-checkout-timeline-container .vis-content .vis-item.waiting span.label,
#resource-assigned-to .resource-message-container .checkout-status.waiting,
#alertPopup .checkout-status.waiting {
    background-color: #c15d58;
}

.resource-checkout-timeline-container .vis-content .vis-item.approved {
    background-color: #d1ecff;
    border-color: #356da5;
}

.resource-checkout-timeline-container .vis-content .vis-item.draft {
    background-color: #f8e8ee;
    border-color: #fdcedf;
}

.message-content-resource-detail .resource-checkout-info-container .checkout-status.draft,
.resource-checkout-timeline-container .vis-content .vis-item.draft span.label {
    background-color: #cdbba7;
}

.resource-checkout-timeline-container .vis-content .vis-item.approved span.label,
.resource-checkout-timeline-container .vis-content .vis-item.vis-status-history .vis-item-content.approved,
#resource-assigned-to .resource-message-container .checkout-status.approved,
#alertPopup .checkout-status.approved {
    background-color: #356da5;
}

.resource-checkout-timeline-container .vis-content .vis-item.checkedout {
    background-color: #fcf9cc;
    border-color: #a98f3f;
}

.resource-checkout-timeline-container .vis-content .vis-item.checkedout span.label,
.resource-checkout-timeline-container .vis-content .vis-item.vis-status-history .vis-item-content.checkedout,
#resource-assigned-to .resource-message-container .checkout-status.checkedout,
#alertPopup .checkout-status.checkedout {
    background-color: #a98f3f;
}

.resource-checkout-timeline-container .vis-content .vis-item.receiving {
    background-color: #bfd8d5;
    border-color: #217261;
}

.resource-checkout-timeline-container .vis-content .vis-item.receiving span.label,
.resource-checkout-timeline-container .vis-content .vis-item.vis-status-history .vis-item-content.receiving,
#resource-assigned-to .resource-message-container .checkout-status.receiving,
#alertPopup .checkout-status.receiving {
    background-color: #217261;
}


.resource-checkout-timeline-container .vis-content .vis-item.done {
    background-color: #d7dfac;
    border-color: #537636;
}

.resource-checkout-timeline-container .vis-content .vis-item.done span.label,
.resource-checkout-timeline-container .vis-content .vis-item.vis-status-history .vis-item-content.done,
#resource-assigned-to .resource-message-container .checkout-status.done,
#alertPopup .checkout-status.done {
    background-color: #537636;
}


.resource-checkout-timeline-container .vis-content .vis-item.pendingcheckout span.label,
.resource-checkout-timeline-container .vis-content .vis-item.vis-status-history .vis-item-content.pendingcheckout,
#resource-assigned-to .resource-message-container .checkout-status.pendingcheckout,
#alertPopup .checkout-status.pendingcheckout {
    background-color: #E6BA95;
}

.resource-checkout-timeline-container .vis-content .vis-item.cancelled {
    background-color: #e7e7e7;
    border-color: #5a5757;
}

.resource-checkout-timeline-container .vis-content .vis-item.cancelled span.label,
.resource-checkout-timeline-container .vis-content .vis-item.vis-status-history .vis-item-content.cancelled,
#resource-assigned-to .resource-message-container .checkout-status.cancelled,
#alertPopup .checkout-status.cancelled {
    background-color: #5a5757;
}


.resource-checkout-timeline-container .resource-checkout-timeline:not(.group-by-checkout) .vis-content .vis-group.group-item-1,
.resource-checkout-timeline-container .resource-checkout-timeline:not(.group-by-checkout) .vis-content .vis-label.group-item-1 {
    background-color: #4d4d4d;
}

.resource-checkout-timeline-container .vis-content .vis-group.group-item-2,
.resource-checkout-timeline-container .vis-content .vis-label.group-item-2 {
    background-color: rgba(117, 117, 117, 0.7);
}

.resource-checkout-timeline-container .vis-content .vis-group.group-item-2,
.resource-checkout-timeline-container .vis-content .vis-label.group-item-2,
.resource-checkout-timeline-container .vis-content .vis-group.group-item-1,
.resource-checkout-timeline-container .resource-checkout-timeline:not(.group-by-checkout) .vis-content .vis-label.group-item-1 {
    color: #fff;
}


.resource-checkout-timeline-container .vis-content .vis-label.group-item-1,
.resource-checkout-timeline-container .vis-content .vis-label.group-item-1 .vis-inner,
.resource-checkout-timeline-container .vis-content .vis-group-level-2 > .vis-inner {
    padding-left: 5px !important;
}

.resource-checkout-timeline-container .vis-content .vis-label.vis-group-level-3 .vis-inner {
    padding-left: 25px !important;
}

.resource-checkout-timeline-container .vis-content .vis-item span.label {
    margin-left: 5px;
    padding: 3px 8px;
}

.resource-checkout-timeline-container .action-container {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
}

.resource-checkout-timeline-container .action-container .filter-left,
.resource-checkout-timeline-container .action-container .filter-left .action-detail-container,
.resource-checkout-timeline-container .action-container .filter-left .group-edit-multiple {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.resource-checkout-timeline-container .action-container .filter-left div.btn-group > button {
    background-color: #fff !important;
    border: none;
    box-shadow: none;
    font-size: 15px;
}

.resource-checkout-timeline-container .action-container .filter-left .dropdown.resource-checkout-status > button,
.resource-checkout-timeline-container .resource-content-detail-container .filter-left .group-edit-multiple > .dropdown-view-container > button {
    font-size: 15px;
}

.resource-checkout-timeline-container .action-container .filter-left div.btn-group > button.active {
    border-bottom: 3px solid #2780e3 !important;
}

.resource-checkout-timeline-container .action-container .filter-left button.btn,
.welfare-sort-by-container.sort-by-container .dropdown > button {
    outline: none !important;
}

.resource-checkout-timeline-container .action-container .filter-right,
.inventory-detail-container button.inventory-adjustment {
    margin-left: auto;
}

.resource-checkout-timeline-container .action-container .view-type-container .dropdown-menu,
#receiving-resource-checkout .action-container .dropdown-menu {
    right: 0;
    left: auto;
}

.resource-checkout-timeline-container .action-container .view-type-container {
    position: relative;
}

.resource-checkout-timeline-container .action-container .view-type-container,
.resource-checkout-timeline-container .resource-content-detail-container .filter-right .day-controller-container,
.resource-checkout-timeline-container .btn-scroll-to-zoom {
    margin-left: 12px;
}

.resource-checkout-timeline-container .action-container .btn-group {
    padding-left: 10px;
}

.resource-checkout-timeline-container .action-container .action-detail-container > button {
    padding: 5px 15px;
}

.resource-checkout-timeline-container .action-container .action-detail-container .cancel-all > a:not(:hover) {
    color: #FF0000;
}

.resource-checkout-timeline-container .action-container .action-detail-container .delete-all,
#receiving-resource-checkout .dropdown-menu .delete-resource-checkout {
    background-color: #FF0000;
    color: #fff !important;
}

.resource-checkout-timeline-container .action-container .action-detail-container .delete-all > a,
#receiving-resource-checkout .dropdown-menu .delete-resource-checkout > a {
    color: #fff;
}

#receiving-resource-checkout .summary-selected-resource-checkout {
    padding: 0 22px;
    background-color: #eee;
    margin-bottom: 15px;
}

#receiving-resource-checkout .control-container a.prev,
#receiving-resource-checkout .control-container a.next {
    top: 22px;
}

#receiving-resource-checkout .control-container a.prev {
    left: -12px;
}

#receiving-resource-checkout .control-container a.next {
    right: -12px;
}

.resource-checkout-timeline-container .action-container .action-detail-container .dropdown {
    display: inline-block;
}

.resource-checkout-timeline-container .action-container .action-detail-container .dropdown > button,
.welfare-sort-by-container.sort-by-container .dropdown > button {
    background-color: #fff;
    color: #2780e3;
    border: none;
}

.resource-checkout-timeline -container .action-container .action-detail-container .dropdown > button:active,
.welfare-sort-by-container.sort-by-container .dropdown > button:active {
    box-shadow: none;
}

.resource-checkout-timeline-container .action-container .action-detail-container .dropdown > button:focus,
.welfare-sort-by-container.sort-by-container .dropdown > button:focus,
.custom-dropdown-filter li[data-group="status"] .btn-group > .btn:focus,
.custom-dropdown-filter li[data-group="medical-reminder-type"] .btn-group > .btn:focus {
    outline: none;
}

.resource-checkout-timeline-container .action-container .dropdown-view-container .dropdown-submenu {
    position: relative;
}

.resource-checkout-timeline-container .action-container .dropdown-view-container .dropdown-submenu .dropdown-menu {
    left: 100%;
    top: 0px;
}

.checkout-period-container .checkout-field.start-date,
.checkout-period-container .checkout-field.end-date {
    width: 100%;
}

.resource-checkout-timeline-container .resource-checkout-filter-panel,
.resource-checkout-timeline-container .resource-detail-container .primary-Picture {
    position: relative;
}

.resource-checkout-timeline-container .resource-detail-container .primary-Picture {
    position: relative;
}

.resource-checkout-timeline-container .resource-checkout-filter-panel .panel-body {
    overflow-y: auto;
}

@media(min-width: 480px) {
    .resource-checkout-timeline-container .resource-checkout-filter-panel .panel-body {
        height: calc(100vh - 269px);
    }
}

@media(max-width: 479px) {
    .resource-checkout-timeline-container .resource-checkout-filter-panel .panel-body {
        height: calc(100vh - 350px);
    }
}

.resource-checkout-timeline-container .resource-detail-container .receiving-item-container .receiving-note-content {
    margin-top: 10px;
}

.resource-checkout-timeline-container .resource-detail-container .receiving-item-container .notes-container > .valign-middle {
    margin-top: 11px;
}

#resourceCheckoutSingle .modal-content .modal-title {
    flex-grow: 1;
}

@media (max-width: 479px) {
    .resource-checkout-timeline-container .resource-checkout-filter-panel .filter-end-date-container,
    #report-modal .filter-end-date-container,
    #addResourceModal .modal-body .filter-end-date-container, #resourceCheckoutSingle .filter-end-date-container {
        margin-top: 10px;
        margin-left: 0 !important;
    }
}

@media(max-width: 991px) {
    .resource-checkout-timeline-container .resource-checkout-filter-panel {
        position: absolute;
        z-index: 20;
    }

    .resource-checkout-timeline-container .resource-content-container {
        position: relative;
    }

    .resource-checkout-timeline-container .action-container .dropdown-view-container .dropdown-submenu .dropdown-menu {
        display: block;
    }

    #addResourceModal .modal-body .resource-info,
    #resourceCheckoutSingle .modal-body .resource-info {
        margin-top: 15px;
    }
}

@media(min-width: 768px) {
    #addResourceModal .row-available-qty,
    #resourceCheckoutSingle .row-available-qty {
        display: flex;
        align-items: center;
        margin-top: 11px;
    }

    #addResourceModal .row-available-qty .control-label {
        padding-top: 0px;
    }

    #resourceCheckoutSingle .modal-content .resource-detail-container > .container-detail > .row-striped {
        display: flex;
    }


    #resourceCheckoutSingle .modal-content .resource-detail-container > .container-detail .resource-info {
        flex-grow: 1;
    }

    #receiving-resource-checkout .modal-content,
    #resourceCheckoutSingle .modal-content {
        width: 700px;
    }
}

@media(max-width: 767px) {
    #resourceCheckoutSingle .resource-image {
        position: relative;
        float: left;
        background-color: #f5f5f5;
        width: 100%;
        min-width: 150px;
    }
}




.resource-checkout-timeline-container .resource-checkout-filter-panel .panel-heading a.reset-filter {
    margin-left: 10px;
}

.resource-checkout-timeline-container .resource-checkout-filter-panel .panel-heading h4 {
    margin: 7px 0;
}

.resource-checkout-timeline-container .resource-checkout-filter-panel .close-resource-filter {
    cursor: pointer;
    font-size: 22px;
    margin-left: auto;
}

.resource-checkout-timeline-container .resource-detail-container.sticky .hide-when-sticky {
    display: none;
}

.resource-checkout-timeline-container.responsive-modal .resource-detail-container.sticky .header-content {
    top: 0px;
}

.resource-checkout-timeline-container .resource-detail-container.sticky .header-content {
    position: sticky;
    z-index: 11;
    top: 50px;
    background-color: #eee;
}

.resource-checkout-timeline-container .resource-detail-container.sticky .header-content .button-container {
    padding-top: 0px !important;
}

.resource-checkout-timeline-container .resource-detail-container.sticky .header-content > .panel-title {
    margin-bottom: 0px !important;
}

.receiving-checkout-quantity-container .summary-container .list-summary {
    border-left: 6px solid;
    padding-left: 12px;
}

#receiving-resource-checkout .warning-return-cancellation {
    margin-bottom: 10px;
    width: 100%;
}

.receiving-checkout-quantity-container .resource-returned {
    color: #42ab45;
}

.receiving-checkout-quantity-container .resource-outstanding .status-out-standing {
    color: #FF0000;
}

.receiving-checkout-quantity-container .expander {
    font-size: 12px;
    margin-right: 12px;
}

.receiving-checkout-quantity-container .glyphicon-file {
    margin-right: 12px;
    cursor: pointer;
}

.receiving-checkout-quantity-container .glyphicon-remove {
    color: #666;
}

.receiving-checkout-quantity-container .glyphicon-file.has-note {
    color: #ffa500;
}

.receiving-checkout-quantity-container .panel-group > .panel {
    border-top: none;
}

.resource-checkout-timeline-container .resource-filter-container .panel-body > .row {
    margin-bottom: 15px;
}

.resource-checkout-timeline-container .vis-item .item-content .item-content-detail > span.items-count:first-child {
    margin-left: 0;
}

.receiving-checkout-quantity-container .returned-tabs .item-detail-container > .row:first-child {
    margin: 0;
    border-bottom: 1px solid #ccc;
}

.returned-tabs .item-detail-container .receiving-note,
.receiving-checkout-quantity-container .returned-tabs .item-detail-container .panel-body > .row > div:first-child {
    padding-left: 40px;
}

.resource-checkout-timeline-container .receiving-item-panel .receiving-note-content {
    padding-left: 20px;
}

.receiving-checkout-quantity-container .returned-tabs .item-detail-container > .panel:first-child {
    border-top: 1px solid #ccc;
}

.receiving-checkout-quantity-container .returned-tabs .item-detail-container .quantity-header {
    padding-left: 35px;
}

.receiving-checkout-quantity-container.returned-tabs .item-detail-container .edit {
    margin-left: 5px;
}

.receiving-checkout-quantity-container.returned-tabs .panel-footer {
    background-color: #fff;
}

.resource-detail-container .receiving-checkout-quantity-container .summary-count-container {
    margin: 20px 0;
}

.resource-checkout-timeline-container .resource-detail-container .close-resource-detail:hover {
    cursor: pointer;
}

.resource-content-detail.no-timeline-data .vis-panel.vis-top-wrapper {
    display: none !important;
}

.resource-checkout-timeline-container .resource-content-container .vis-panel.vis-top-wrapper {
    background-color: #fff;
    z-index: 10;
    height: 56px;
    border: solid 1px #bfbfbf;
    margin-top: 4px;
    top: -4px;
    right: auto !important;
    width: 100% !important;
}

.resource-checkout-timeline-container .resource-content-container .vis-panel.vis-top-wrapper > .vis-top {
    background-color: transparent;
    border-right: none;
}

@media(min-width: 992px) {
    .resource-checkout-timeline-container .timeline-container.shrink-width .vis-panel.vis-top-wrapper > .vis-top {
        width: 85% !important;
    }


    .full-screen .resource-checkout-timeline-container .timeline-container.shrink-width.col-lg-9 .vis-panel.vis-top-wrapper > .vis-top {
        width: 80% !important;
    }

    .resource-checkout-timeline-container .timeline-container .vis-panel.vis-top-wrapper > .vis-top {
        width: 89% !important;
    }

    .resource-checkout-timeline-container .resource-checkout-filter-panel {
        padding-right: 0px;
    }
}

.resource-checkout-timeline-container .action-container .btn-filter.inactive {
    color: #333;
    background-color: #fff;
}

.resource-checkout-timeline-container.responsive-modal .resource-detail-container {
    top: 50px;
    width: 55%;
    overflow-y: auto;
    min-width: 320px;
    left: 50%;
    transform: translateX(-50%);
}

.resource-checkout-timeline-container.responsive-modal .resource-detail-container > div > div {
    transition: transform 0.3s ease-out;
}

.resource-checkout-timeline-container .vis-item:not(.vis-children) .vis-item-overflow {
    overflow: visible;
}

.resource-checkout-timeline-container .vis-item.vis-children .vis-item-overflow {
    overflow: unset;
}

.resource-checkout-timeline-container .vis-inner .checkout-qty {
    background-color: #28863f !important;
}

.resource-checkout-timeline-container .vis-inner .checkout-qty {
    background-color: #0a4c1a !important;
}

.resource-checkout-timeline-container .vis-inner .in-service-qty {
    background-color: #28863f !important;
}

.resource-checkout-timeline-container .vis-content .vis-item.children-checkedout,
.resource-checkout-timeline-container .vis-content .vis-item.children-done {
    background-color: transparent;
    box-shadow: none;
    border: none;
}

.resource-checkout-timeline-container .vis-content .vis-item.vis-status-history {
    border-radius: unset !important;
    border: unset !important;
    background-color: transparent !important;
}

.resource-checkout-timeline-container .resource-checkout-note .panel,
.resource-checkout-timeline-container .resource-checkout-audit-history .panel {
    margin-bottom: 0;
}


#resourceCheckoutSingle .resource-detail-container .primary-Picture > .image-view-container {
    position: relative;
    width: 150px;
    height: 150px;
    margin-top: 10px;
}

#resourceCheckoutSingle .modal-body {
    max-height: 350px !important;
    overflow-y: auto;
}

.resource-checkout-timeline-container .title-container .filter-timeline .dropdown-menu > a {
    padding: 5px;
    color: #333;
    font-weight: normal;
}

.resource-checkout-timeline-container .title-container .filter-timeline > .btn-group > button:focus,
.resource-checkout-timeline-container .title-container .filter-timeline > .btn-group > button:hover {
    color: #333;
}

.resource-checkout-timeline-container .vis-content .vis-item.vis-status-history .vis-item-content {
    position: absolute;
    top: 52px;
    height: 5px;
    padding: 0px !important;
    width: 3px;
    cursor: pointer;
}

.resource-checkout-timeline-container .vis-content .vis-item.vis-status-history .vis-item-content > span {
    width: 13px;
    height: 5px;
    display: block;
    margin-left: -4px;
    background-color: transparent;
}

.resource-checkout-timeline-container .vis-timeline {
    max-height: calc(100vh - 220px) !important;
}

.resource-checkout-timeline-container .vis-timeline .vis-center .vis-background {
    display: none;
}

.resource-checkout-timeline-container .vis-timeline .vis-custom-time:before {
    content: "";
    background: transparent;
    border: unset;
}

.resource-checkout-timeline-container .vis-timeline .vis-custom-time {
    background-color: #f00
}

.resource-checkout-timeline-container .vis-timeline .vis-group-level-2 {
    height: auto !important;
}

.resource-checkout-timeline-container .vis-timeline .vis-group-level-2::before,
.resource-checkout-timeline-container .vis-timeline .vis-group-level-2 .vis-inner .group-count {
    align-self: center;
}

#resourceCheckoutSingle .filter-date-container .dropdown-menu {
    float: right !important;
}

bootstrap-datetimepicker-widget.end-date-widget {
    right: 56px !important;
    top: 430px !important;
    inset: 430px 430px auto auto;
}

.resource-checkout-timeline-container .resource-detail-container.show,
.resource-detail-container .requestor-container,
.resource-detail-container .resource-history-outter-container,
.resource-detail-container .resource-checkout-content .panel-title,
.resource-detail-container .resource-checkout-content .quantity-for-checkout-container {
    background-color: #eee;
}

.resource-checkout-timeline-container .vis-item.vis-status-history {
    z-index: 99;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content:not(:first-child) {
    margin-left: 15px;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content {
    position: relative;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content {
    flex-direction: column;
    width: 60px;
}

#receiving-resource-checkout .warning-return-cancellation .grey-messagebox-message,
.resource-detail-container .resource-checkout-history-container .checkout-history-content,
.resource-checkout-timeline-container > .resource-content-detail .title-container > h2 a.resource-filter-type {
    align-items: center;
}

.resource-detail-container .resource-checkout-history-container {
    align-items: flex-end;
}

#addResourceModal.resource-checkout .checkout-period-container,
#resourceCheckoutSingle .checkout-period-container,
.resource-detail-container .checkout-period-container .checkout-period-inner-container {
    position: relative;
}

.resource-detail-container .checkout-period-container .checkout-period-inner-container .filter-date-container > input {
    padding-left: 12px;
    padding-right: 12px;
}


.message-consumable-container .message-consumable,
.resource-checkout-timeline-container .action-container .filter-right,
.resource-checkout-timeline-container .action-container .day-controller-container,
.resource-checkout-timeline-container .action-container .view-type-container .btn-view,
#resourceCheckoutSingle .modal-content > .modal-header,
.resource-checkout-timeline-container .vis-timeline .vis-group-level-2,
.resource-detail-container .resource-checkout-history-container .checkout-history-content,
.resource-detail-container .resource-checkout-history-container,
.resource-checkout-timeline-container > .resource-content-detail .title-container > h2 a.resource-filter-type,
.resource-detail-container .receiving-checkout-quantity-container .summary-count-container,
.resource-detail-container .resource-checkout-history-container .checkout-history-content .progress-checkout > i,
.resource-checkout-timeline-container .resource-checkout-filter-panel .search-input-container,
.resource-checkout-timeline-container .filter-left .list-view-container,
#receiving-resource-checkout .warning-return-cancellation .grey-messagebox-message,
.resource-detail-container .resource-checkout-content > .panel-title,
.resource-checkout-timeline-container .resource-detail-container .checkout-period-container .checkout-period-inner-container,
.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content > .item-content,
.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content > .item-content > div,
.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content > .item-content .section-name {
    display: flex;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content .progress-checkout > i,
.resource-detail-container .resource-checkout-history-container {
    justify-content: center;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.complete:not(:first-child) > .progress-checkout::before {
    content: " ";
    width: 67px;
    top: 45%;
    right: 23px;
    border-top: 4px solid #009e0f;
    position: absolute;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.next-status:not(:first-child) > .progress-checkout:before {
    content: " ";
    width: 67px;
    top: 45%;
    right: 23px;
    border-top: 4px solid #ccc;
    position: absolute;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.show-progress > .progress-checkout:before {
    content: " ";
    width: 29px;
    top: 45%;
    left: 20px;
    border-top: 4px solid #009e0f;
    position: absolute;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.current-status:not(:first-child) > .progress-checkout:after {
    content: " ";
    width: 35px;
    top: 45%;
    right: 50px;
    border-top: 4px solid #009e0f;
    position: absolute;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.complete .progress-checkout {
    background-color: #009e0f;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content .progress-checkout {
    background-color: #fff;
    margin-top: 5px;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.cancelled .progress-checkout,
.resource-detail-container .resource-checkout-history-container .checkout-history-content.rejected .progress-checkout {
    background-color: #ff0039;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content .progress-checkout {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 1px solid #ccc;
    align-self: center;
    position: relative;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content .checkout-status-name {
    font-size: 13px;
    line-height: 1;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content .progress-checkout > i {
    padding-top: 6px;
    font-size: 12px;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.selected .checkout-status-name {
    font-weight: bold;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.selected .progress-checkout {
    border-color: #aaaaaa;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content:hover {
    cursor: pointer;
}

.resource-checkout-content .button-container:not(.button-group) .action-button,
.resource-checkout-content .button-container .secondary-button,
.resource-checkout-content .button-container.button-group .toogle-multiple-save {
    margin-right: 10px;
}

.resource-checkout-content .button-container .secondary-button {
    background-color: #e06666;
    border-color: #e06666;
}

.resource-checkout-timeline-container .checkout-notes-container.revert,
.resource-checkout-timeline-container .button-container.checkedout button.btn:not(.checkout),
.resource-checkout-timeline-container .button-container.waiting button.btn:not(.revert),
.resource-checkout-timeline-container .button-container.cancelled button.btn:not(.cancelled-checkout),
#resourceCheckoutSingle.my-resource .title-other-resource,
#resourceCheckoutSingle:not(.my-resource) .checkout-detail .show-for-owner,
#checkout-status-confirmation:not(.deleted) .show-when-deleted,
#checkout-status-confirmation:not(.checkedout) .show-when-checkedout,
#checkout-status-confirmation:not(.cancelled) .show-when-cancelled,
#resourceCheckoutSingle .checkout-detail.my-resource .hide-for-owner,
#resourceCheckoutSingle.my-resource .title-other-resource,
.resource-detail-container .header-content .show-when-waiting,
.resource-detail-container .header-content .show-when-checkedOut,
.resource-detail-container .header-content .show-when-receiving,
#receiving-resource-checkout .returned-tabs .item-detail-container .panel:not(.expand) .panel-body,
#receiving-resource-checkout .returned-tabs .item-detail-container .panel:not(.expand) .panel-footer,
#receiving-resource-checkout .returned-tabs .item-detail-container .panel.expand .action-container,
#receiving-resource-checkout.returned .modal-footer .submit-receiving,
#receiving-resource-checkout:not(.cancellation) .show-when-cancellation,
#receiving-resource-checkout.cancellation .show-when-receiving,
.receiving-checkout-quantity-container .returned-tabs .note-container:not(.has-note) .edit,
.receiving-checkout-quantity-container .returned-tabs .note-container.has-note .add,
.resource-checkout-filter-panel .container-resource-assign-to .select2-container .select2-results > ul > li:not(.select2-results__message),
#resourceCheckoutSingle .consumable-container:not(.isConsumable) .message-consumable-container,
#addResourceModal.resource-checkout .consumable-container:not(.isConsumable) .message-consumable-container,
.resource-checkout-content .button-container .cancel,
.resource-checkout-content .button-container.editor-mode.cancelled .btn-primary,
.resource-checkout-content .button-container.editor-mode .action-button-container,
.resource-checkout-content .checkout-status-info .action-by.show-approve-by .pickp-by,
.resource-checkout-content .checkout-status-info .action-by:not(.show-approve-by) .approve-by,
.resource-checkout-content .resource-checkout-history-status:not(.edit-mode) .cancel-edit-history,
.resource-detail-container .receiving-checkout-quantity-container .receiving-read-only li.receiving,
.resource-detail-container .receiving-checkout-quantity-container .receiving-read-only .receiving-tabs,
.resource-detail-container .receiving-checkout-quantity-container .receiving-read-only .remove-returned,
.resource-detail-container .receiving-checkout-quantity-container .receiving-read-only .panel-footer,
.resource-detail-container .receiving-content-container.isCancellation .receiving-item-panel,
.resource-detail-container .receiving-content-container .force-complete-container,
#receiving-resource-checkout.cancellation .receiving-checkout-quantity-container .receiving-item-panel,
#receiving-resource-checkout .receiving-checkout-quantity-container .force-complete-container,
.receiving-content-container .returned-tabs .item-detail-container .panel:not(.expand) .panel-body,
.receiving-content-container .returned-tabs .item-detail-container .panel:not(.expand) .panel-footer,
.receiving-item-container .add-notes:not(.has-note) .text-edit-note,
.receiving-item-container .add-notes.has-note .text-add-note,
#receiving-resource-checkout.cancellation .receiving-checkout-quantity-container .resource-outstanding-container .return-condition-field,
#receiving-resource-checkout:not(.cancellation) .receiving-checkout-quantity-container .resource-outstanding-container .status-out-standing,
.resource-detail-container .receiving-content-container.isCancellation .receiving-item-container .status-item-label .condition-text,
.resource-detail-container .receiving-content-container:not(.isCancellation) .receiving-item-container .status-item-label .item-status-text,
.resource-detail-container .receiving-content-container.isCancellation .receiving-item-container .resource-outstanding-container .return-condition-field,
.resource-detail-container .receiving-content-container:not(.isCancellation) .receiving-item-container .resource-outstanding-container .status-out-standing,
.resource-detail-container .resource-checkout-history-status .override-pickup-by-container,
.resource-detail-container .resource-checkout-history-status.edit-mode .checkout-history-note,
#checkout-status-confirmation .checkout-notes-container .consumable-container,
.resource-detail-container .resource-checkout-history-status.edit-mode.checkedout .hide-when-edit-checkout,
.resource-detail-container .resource-checkout-history-status.edit-mode.waiting .hide-when-edit-waiting,
.resource-checkout-timeline-container .resource-detail-container.edit-mode .detail-info,
.resource-checkout-timeline-container .resource-detail-container:not(.edit-mode) .show-when-edit {
    display: none;
}

.resource-checkout-content .button-container .cancel {
    margin-right: 15px;
}

.resource-checkout-content .button-container.editor-mode .cancel,
.resource-checkout-content .button-container.editor-mode.rejected .secondary-button,
.resource-checkout-content .button-container.editor-mode.cancelled .secondary-button,
.resource-checkout-timeline-container .resource-content-detail-container .filter-left .checkbox {
    display: inline-block;
}

#receiving-resource-checkout .receiving-checkout-quantity-container .force-complete-container {
    margin-top: 10px;
}

.select2-container #select2-ResourceAssignTo-results li > div > i {
    margin-right: 5px;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.next-status-not-allowed .progress-checkout {
    background-color: #ddd;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.next-status-not-allowed:hover {
    cursor: not-allowed;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.request .progress-checkout,
.resource-detail-container .resource-checkout-history-container .checkout-history-content.draft .progress-checkout {
    z-index: 10;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.waiting .progress-checkout {
    z-index: 9;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.approved .progress-checkout,
.resource-detail-container .resource-checkout-history-container .checkout-history-content.pendingcheckout .progress-checkout {
    z-index: 8;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.checkedout .progress-checkout {
    z-index: 7;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.receiving .progress-checkout {
    z-index: 6;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.done .progress-checkout {
    z-index: 5;
}

.resource-detail-container .receiving-checkout-quantity-container .summary-count-container {
    border-bottom: 1px solid #ddd;
}

.resource-detail-container .resource-checkout-history-status .carousel,
.resource-detail-container .resource-checkout-history-status .carousel-inner {
    max-height: 100% !important;
}

.resource-detail-container .receiving-checkout-quantity-container .summary-count-container {
    align-items: flex-end;
    border-top: 1px solid #ddd;
    padding: 20px 0 15px 0;
}

.resource-detail-container .item-detail-container .receiving-item-container .btn.dalete i {
    margin-right: 5px;
}

.resource-checkout-timeline-container .checkout-notes-container.draft .override-pickup-by-container,
.resource-checkout-timeline-container .checkout-notes-container.checkedout .override-pickup-by-container,
.resource-checkout-timeline-container .checkout-notes-container.waiting .override-pickup-by-container,
#resourceCheckoutSingle .checkout-detail.my-resource .user-phone-number,
.resource-checkout-timeline-container .title-container .filter-timeline .dropdown-menu > a,
#checkout-status-confirmation.deleted .show-when-deleted,
#checkout-status-confirmation.checkedout .show-when-checkedout,
#checkout-status-confirmation.cancelled .show-when-cancelled,
.resource-detail-container .header-content.waiting .show-when-waiting,
.resource-detail-container .header-content.checkedout .show-when-checkedOut,
.resource-detail-container .header-content.receiving .show-when-receiving,
.resource-checkout-filter-panel .container-resource-assign-to .select2-container.select-user .select2-results > ul > li.user,
.resource-checkout-filter-panel .container-resource-assign-to .select2-container.select-business .select2-results > ul > li[role="group"],
.resource-checkout-filter-panel .container-resource-assign-to .select2-container.select-business .select2-results > ul > li.business,
.resource-checkout-filter-panel .container-resource-assign-to .select2-container.select-organization .select2-results > ul > li.organization,
.resource-checkout-filter-panel .container-resource-assign-to .select2-container.select-other .select2-results > ul > li.other,
#receiving-resource-checkout.cancellation .receiving-checkout-quantity-container .force-complete-container,
.resource-detail-container .receiving-content-container.isCancellation .force-complete-container,
.resource-detail-container .resource-checkout-history-status.edit-mode.waiting .override-pickup-by-container {
    display: block;
}

.resource-checkout-history-status .receiving-content-container .return-detail-container,
.resource-detail-container .receiving-checkout-quantity-container .receiving-read-only .returned-tabs,
.resource-detail-container .resource-checkout-history-status.edit-mode .checkout-notes-container,
.resource-detail-container .resource-checkout-history-status.edit-mode.checkedout .override-pickup-by-container {
    display: block !important;
}

.resource-checkout-timeline-container .resource-detail-container .receiving-content-container input.datetime,
.form-checkout-receiving input.datetime {
    width: 100% !important;
}

.resource-checkout-timeline-container .resource-detail-container .video-container.file-attachment-container video,
#resourceCheckoutSingle .resources-description .video-container.file-attachment-container video {
    width: 100%;
}

.force-complete-container .title-container {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.force-complete-container .resource-returned-container .item-return-container:not(:last-child) {
    padding-bottom: 21px;
    border-bottom: 1px solid #e6e6e6;
}

.resource-checkout-history-status .receiving-content-container.isCancellation .return-detail-container,
.resource-detail-container .resource-checkout-history-status.cancelled .hide-when-cancelled,
.resource-detail-container .resource-checkout-history-status.on-receiving .checkout-notes-container,
.resource-detail-container.edit-mode .resource-history-outter-container {
    display: none !important;
}

.resource-checkout-timeline-container .resource-checkout-timeline .vis-item.vis-selected {
    border: 1px solid #4e9ff8;
    box-shadow: 0 0 8px 1px #44a2e8;
}

.resource-checkout-timeline-container .vis-inner .group-count,
.resource-checkout-timeline-container .resource-checkout-timeline .vis-nested-group.vis-group-level-3 .resource-name {
    color: #000 !important;
}

.resource-checkout-timeline-container .vis-content .vis-label.group-item-2 .resource-name,
.resource-checkout-timeline-container .resource-checkout-timeline .vis-nested-group.vis-group-level-3 .resource-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2em;
    word-break: break-word;
}

@media(min-width: 480px) {
    .resource-checkout-timeline-container .vis-label.vis-label.group-item-1,
    .resource-checkout-timeline-container .vis-center .vis-foreground .vis-group.group-item-1 {
        min-height: 31px !important;
    }

    .resource-checkout-timeline-container .vis-timeline .vis-group-level-2 > .vis-inner > div {
        display: flex;
    }
}

@media(max-width: 479px) {
    .resource-checkout-timeline-container .vis-label.vis-label.group-item-1,
    .resource-checkout-timeline-container .vis-center .vis-foreground .vis-group.group-item-1 {
        min-height: 75px !important;
    }
}

.resource-checkout-timeline-container .vis-label.group-item-2,
.resource-checkout-timeline-container .vis-center .vis-foreground .vis-group.group-item-2 {
    min-height: 47px !important;
}

.resource-checkout-timeline-container .vis-nesting-group.group-item-2 .vis-inner {
    display: flex;
    align-items: center;
}

.resource-checkout-timeline-container .vis-content .vis-label.group-item-2 .resource-name {
    width: 82%;
    margin-right: 3px;
}

.resource-checkout-timeline-container .resource-checkout-timeline .vis-nested-group.vis-group-level-3 .resource-name {
    text-decoration: underline;
}

.resource-detail-container .resource-checkout-history-container .next-status-not-allowed:hover {
    cursor: not-allowed;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content.next-status:not(.next-status-not-allowed) .progress-checkout {
    border-color: #2780e3;
}

.resource-detail-container .resource-checkout-history-container .next-status-not-allowed .checkout-status-name {
    color: #999999;
}

#addResourceModal .list-editor-rows .resource-content:not(:first-child) {
    border-top: 1px solid #ccc;
    padding-top: 45px;
    margin-top: 45px;
}

.resource-checkout-filter-panel .tags-resource.selected .remove-resource-filter,
.receiving-item-panel .returned-tabs .expander:hover,
.resource-checkout-timeline .vis-item .checkout-quantity:hover {
    cursor: pointer;
}

.resource-detail-container.show .resource-checkout-content .resource-history-outter-container {
    display: flex;
    min-height: 75px;
    padding-bottom: 10px;
    top: 5px;
    align-items: flex-end;
    justify-content: center;
}

.resource-detail-container.modal .resource-history-outter-container {
    top: 0px !important;
}

.resource-detail-container.modal .requestor-container {
    top: 70px !important;
}

.resource-detail-container .resource-history-outter-container,
.resource-detail-container .requestor-container,
.resource-detail-container .resource-checkout-content .panel-title {
    position: sticky;
    z-index: 701;
}

.resource-detail-container .resource-history-outter-container,
.resource-detail-container .requestor-container {
    top: 80px;
}

.resource-detail-container.edit-mode .requestor-container {
    top: 34px !important;
}

.resource-detail-container .resource-checkout-content .panel-title {
    top: 0;
}

.resource-detail-container .resource-checkout-content .quantity-for-checkout-container {
    top: 86px;
    margin-top: 10px;
}

.resource-checkout-timeline-container > .resource-content-detail > .resource-content-detail-container,
.resource-detail-container .resource-checkout-content .quantity-for-checkout-container {
    position: sticky;
    z-index: 701;
}

.resource-detail-container .resource-checkout-history-status .button-container .btn-group.open > .dropdown-menu:not(.save-dropdown-menu) {
    left: unset;
    right: 0;
}

.resource-detail-container .resource-checkout-history-status .button-container .btn-group.open > .dropdown-menu.save-dropdown-menu {
    left: 15px;
}

.resource-detail-container .resource-checkout-history-status .button-container .btn-group.open > .dropdown-menu .btn-danger > a,
.resource-detail-container .resource-checkout-history-container .checkout-history-content .progress-checkout > i {
    color: #fff !important;
}

.resource-checkout-timeline .vis-nested-group .items-count:first-child {
    margin-left: 0px !important;
}

.resource-checkout-timeline-container .resource-detail-container .resource-checkout-content {
    padding-bottom: 10px;
}

.resource-checkout-timeline-container .resource-detail-container .resource-checkout-content > .panel-title {
    padding: 10px 15px 0 15px;
}

.resource-checkout-timeline-container .resource-content-detail {
    width: 100%;
}

.resource-resourcecheckouttimeline.full-screen .resource-checkout-timeline-container .resource-content-detail {
    width: calc(100% - 400px);
}

.resource-checkout-timeline-container.responsive-modal .resource-content-detail {
    width: 100% !important;
}

.resource-checkout-timeline-container .resource-detail-container {
    position: absolute;
    width: 400px;
    top: 49px;
    transition: all 0.2s ease;
    padding: 0 15px 15px;
    overflow-y: auto;
    height: calc(100vh - 60px);
    z-index: 200;
    display: none;
}
/* scrollbar */
.resource-checkout-timeline-container .resource-detail-container.show.modal::-webkit-scrollbar {
    width: 12px;
}

.resource-checkout-timeline-container .resource-detail-container.show {
    right: 0;
}

.resource-checkout-timeline-container .resource-detail-container.show.modal {
    z-index: 1050 !important;
    padding: 0 15px;
    height: 93vh;
    transition: none;
    box-shadow: none;
}

.resource-checkout-timeline-container .vis-inner .group-count,
.resource-detail-container .resource-checkout-content .container-detail .detail-resource,
.resource-checkout-timeline-container > .resource-content-detail > .resource-content-detail-container,
.resource-checkout-timeline-container .resource-detail-container .receiving-content-container {
    background-color: #fff !important;
}


.resource-content-detail-container > .title-container {
    align-items: baseline;
}

.resource-content-detail-container h2 {
    column-gap: 5px;
    flex-wrap: wrap;
}

.resource-checkout-content .history-info-divider,
.resource-checkout-timeline-container .resource-detail-container .resource-checkout-history-status .checkout-notes-container > div > hr {
    border-color: #ccc;
}

.resource-detail-container .resource-checkout-content .button-container .action-button-container {
    float: right;
}

.resource-checkout-timeline-container > .resource-content-detail > .checkout-notes-container {
    top: 50px;
    padding-top: 10px;
    height: 170px;
}

.message-consumable-container .message-consumable > i {
    padding-right: 7px;
}

.resource-checkout-timeline-container > .resource-content-detail .title-container > h2 a.resource-filter-type:hover,
.resource-checkout-timeline-container > .resource-content-detail .title-container > h2 a.resource-filter-type:focus,
.receiving-checkout-quantity-container .remove.fa-trash:hover {
    text-decoration: none;
}

.resource-checkout-timeline-container > .resource-content-detail .title-container .filter-timeline > .btn-group {
    padding-left: 5px;
}

.resource-checkout-timeline-container > .resource-content-detail .title-container > h2 a.resource-filter-type {
    font-size: 30px;
}

.resource-checkout-timeline-container > .resource-content-detail .title-container > h2 a.resource-filter-type > i {
    padding: 0 10px;
    font-size: 16px;
}

.resource-checkout-timeline-container .resource-content-detail-container .filter-left .checkbox {
    margin: 0;
}

.resource-checkout-timeline-container .resource-content-detail-container .filter-left .checkbox > input.all-resource-checkout {
    left: 0;
}

.resource-checkout-timeline-container .filter-left .action-detail-container .cancel-select,
.resource-checkout-timeline-container .filter-left .resource-checkout-detail-spinner {
    margin-left: 10px;
}

.resource-checkout-timeline-container #timeline-load,
#resourceCheckoutSingle .resource-content .filter-date-container .calendar-icon,
#addResourceModal .modal-content .checkout-request-container .filter-date-container .calendar-icon,
.form-checkout-receiving .return-detail-container .calendar-icon,
.resource-checkout-timeline-container .resource-checkout-filter-panel .filter-date-container .calendar-icon,
.add-resource-checkout .filter-date-container .calendar-icon {
    position: absolute;
}

.resource-checkout-timeline-container #timeline-load {
    top: 200px;
    z-index: 720;
    left: 50%;
}

#resourceCheckoutSingle .resource-content .filter-date-container .calendar-icon,
#addResourceModal .modal-content .checkout-request-container .filter-date-container .calendar-icon,
.form-checkout-receiving .return-detail-container .calendar-icon,
.resource-checkout-timeline-container .resource-checkout-filter-panel .filter-date-container .calendar-icon,
.add-resource-checkout .filter-date-container .calendar-icon {
    top: 15px;
    right: 25px;
}

.resource-checkout-timeline-container .resource-checkout-filter-panel .search-input-container .reset-textbox {
    right: 68px !important;
}

.resource-checkout-timeline-container .resource-checkout-filter-panel .search-input-container .submit-search {
    width: 50px;
}


#receiving-resource-checkout .modal-content .modal-footer > .back {
    float: left;
}

#receiving-resource-checkout .warning-return-cancellation .grey-messagebox-message > i.fa-exclamation-triangle {
    margin-right: 12px;
}

#receiving-resource-checkout .summary-selected-resource-checkout > .tags-content .resource-field-id,
#receiving-resource-checkout .summary-selected-resource-checkout > .tags-content .resource-field-name {
    min-height: 21px;
}

#addResourceModal .modal-content .carousel-inner {
    max-height: 655px;
}


#resourceCheckoutSingle .modal-content .header-checkout-info {
    margin-bottom: 15px;
}

.resource-detail-container .deleted-checkout-message,
.consumable-container .message-consumable-container {
    border: 1px solid #ddd;
    background: #f5f5f5;
    padding: 10px 15px;
    margin-top: 10px;
}

.resource-detail-container .deleted-checkout-message {
    margin-bottom: 10px;
}

#inventory-adjusment .remove {
    float: right;
    color: #333;
}

.resource-checkout-content .resource-checkout-history-status .button-container .dropdown-menu .action-button {
    margin-right: 0px;
}

.message-consumable-container .message-consumable > i {
    margin-top: 3px;
}

#resourceCheckoutSingle .checkout-period-container .filter-date-container {
    position: relative;
}

.checkout-period-container .dash-date-container,
#report-form .dash-date-container,
.checkout-period-readonly .dash-date-container {
    margin: 0 5px;
}

.resource-detail-container .receiving-content-container.isCancellation .receiving-item-container .resource-outstanding-container .status-out-standing {
    top: 10px;
    position: relative;
}

.resource-detail-container .checkout-status-info .button-container .btn.rejected {
    background-color: #ff7518 !important;
    border-color: #ff7518 !important;
}

#resource-checkout-load {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.resource-detail-container .model-content .checkout-status-info {
    background-color: #eee;
}

.resource-checkout-timeline-container .resource-detail-container.edit-mode > .resource-checkout-content {
    height: auto;
}

.resource-checkout-timeline-container .resource-detail-container.edit-mode .resource-checkout-content > .panel-title {
    margin-bottom: 15px;
}

.resource-checkout-timeline-container .resource-detail-container.edit-mode .panel-title .editor-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
}

.resource-detail-container.show .receiving-content-container.resource-type-personnel {
    background-color: #eee !important;
}

.resource-detail-container.show .receiving-content-container.resource-type-personnel .label-force-complete-reason {
    font-weight: normal;
}

@media(max-width: 768px) {
    .resource-checkout-timeline-container.responsive-modal .resource-detail-container {
        width: 80% !important;
    }
}

@media(max-width: 424px) {
    .resource-checkout-timeline-container.responsive-modal .resource-detail-container {
        width: 100% !important;
    }
}

.audit-history-container .audit-inner-container .message-item-changed > div > ol {
    padding-left: 15px !important;
}

.resource-detail-container .button-container.editor-mode .show-on-editor {
    display: inline-block !important;
}

.resource-detail-container .button-container:not(.editor-mode) .show-on-editor {
    display: none;
}

.resource-checkout-timeline .vis-item .checkout-quantity.badge {
    min-width: auto !important;
    margin: 0 2px 0 6px;
    background-color: #666 !important;
    color: #fff !important;
}

.popover > .popover-content > .progress-checked-in {
    margin-bottom: 2px !important;
    margin-top: 2px;
}

.resource-detail-container > .resource-checkout-content .receiving-content-container {
    margin-top: 15px;
}

.resource-checkout-filter-panel .tags-resource.selected {
    background-color: #2b78e4 !important;
    font-weight: 600;
    display: inline-block;
}

.resource-layout .resource-content-wrapper .resource-checkout-status-container .checkout-schedule-label > span,
.modal#copy-medical-record .source-data-container .record-date a > span {
    margin-left: 5px;
}

#measurement-modal .modal-body:not(.is-calculated-measurement) .show-when-calculated-measurement {
    display: none;
}

.measurement-content-view .row-measurement-entity .measurement-name-with-icon,
.row-measurement-details .row-measurement .measurement-name-with-icon,
#measurement-modal .modal-title,
#addResourceModal .resource-content-container .consumable-container {
    display: flex;
    align-items: baseline;
}

#addResourceModal .resource-content-container .consumable-container {
    flex-wrap: wrap;
}


.measurement-details .measurement-name-with-icon .warning-unit-modified {
    margin-bottom: 0px !important;
}

.row-measurement-details.calculated-measurement .template-name-container {
    margin-left: 20px;
}

#measurement-tab .panel-title .badge,
#measurement-template-container .badge,
.panel-measurement-calculated-entities .panel-title .badge,
.measurement-index .panel-entities .panel-title ul > li .badge {
    color: #fff;
    background: #999;
    margin-left: 5px;
}

#measurement-tab .panel-title > ul > li.active .badge[data-count],
#measurement-template-container .panel-title > ul > li.active .badge[data-count],
.panel-measurement-calculated-entities .panel-title > ul > li.active .badge[data-count] {
    background-color: #2780e3 !important;
    color: #fff !important;
}

.panel-measurement-calculated-entities .container-entity-measurement-item .icon-template,
#measurement-tab .container-entity-measurement-item .icon-template,
#measurement-template-container .container-entity-measurement-item .icon-template {
    color: #74ac0a;
    margin-right: 5px;
}

.container-entity-measurement-item a.entity-name:hover,
.container-entity-measurement-item a.animal-name:hover,
.container-entity-measurement-item .external-link:hover {
    text-decoration: none !important;
    cursor: pointer;
}

.measurement-calculated-entities-container .panel-measurement-calculated-entities {
    position: relative;
}

.measurement-calculated-entities-container .panel .spinner-entity {
    position: absolute;
    left: 45%;
    top: 80px;
}

.panel-measurement-calculated-entities .panel-title > ul > li:not(.active) > a:hover {
    background-color: transparent !important;
}

.resource-detail-container .resource-checkout-history-container .checkout-history-content:not(.next-status-not-allowed) > .checkout-status-name {
    color: #2780e3;
}

.destination-measurement-container #customlevel-item-load {
    position: absolute;
    left: 43%;
    z-index: 1;
}

.select-welfare-measurement-item .select2-btn-group .btn-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

@media (min-width: 992px) and (max-width: 1513px) {
    .select-welfare-measurement-item .select2-btn-group .btn-group {
        padding-left: 15px;
        padding-right: 15px;
    }

    .select-welfare-measurement-item .select2-btn-group .btn-group > button {
        width: 100%;
    }
}

.resource-layout .resource-content-container .resource-detail-container .resource-image > a:hover {
    cursor: unset;
}

.resource-layout .resource-content-container.edit-multiple .resource-detail-container .resource-image > a:hover {
    cursor: pointer;
}

#calculated-measurement-tab.edit-mode .calculated-measurement-content {
    display: none;
}

.measurement-content-wrapper .measurement-entity-title {
    margin-bottom: 5px;
}

.measurement-calculated-entities-container .container-entity-measurement-item .animal-mini-detail .animal-picture {
    padding-left: 0px !important;
}

.panel-measurement-calculated-entities .container-entity-measurement-item > .entity-name-container.welfare-template-entity {
    display: flex;
    align-items: center;
}

.panel-measurement-calculated-entities .panel-body.container-entity-measurement-item {
    padding-top: 5px !important;
}

.container-header-measurement .measurement-date-container {
    position: relative;
}

.container-header-measurement .measurement-date-container input {
    padding-right: 25px;
}

.container-header-measurement .measurement-date-container .reset-measurement-date {
    position: absolute;
    right: 8px;
    top: 6px;
    font-size: 15px;
    color: #aaa;
    border: none;
    display: block;
    background: transparent;
}

.container-header-measurement .measurement-date-container .reset-measurement-date:hover {
    cursor: pointer;
    text-decoration: none;
}

#receiving-resource-checkout:not(.cancellation) .receiving-item-container .status-item-label > .item-status-text,
#receiving-resource-checkout.cancellation .receiving-item-container .status-item-label > .condition-text {
    display: none;
}

.panel-measurement-calculated-entities .container-entity-measurement-item > .entity-name-container.welfare-template-entity .entity-name {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 767px) {
    #measurementTemplate .measurement-content .hide-when-custom-level .unit-container {
        padding: 5px 0 0 0;
    }
}

#measurementTemplate .modal-body .template-content-container .dropdown-measurement-container {
    display: flex;
}

#measurementTemplate .modal-body .template-content-container .dropdown-measurement-container .select2-container {
    flex: 1;
    width: 0 !important;
}

.container-header-measurement-details .sort-multiple-type .label-sort a {
    text-decoration: underline;
    font-weight: bold;
}

.measurement-index #chart-form .measurement-sort-by-container .label-dropdown-sort-by,
.container-header-measurement .measurement-sort-by-container .label-dropdown-sort-by {
    margin-left: 3px;
}

.measurement-index #chart-form .measurement-sort-by-container .label-dropdown-sort-by a,
.container-header-measurement .measurement-sort-by-container .label-dropdown-sort-by a {
    font-weight: normal !important;
}

.measurement-value-container {
    position: relative;
}

.measurement .measurement-value-container a.reset-measurement-value {
    right: 8px;
    left: auto;
}

#measurement-modal .row-measurement-details.modal-time .measurement-value-container a.reset-measurement-value {
    left: 108px;
    right: auto;
}

.measurement-value-timepicker-container a.reset-measurement-value {
    position: absolute;
    color: #333;
    padding: 3px;
}

.measurement-value-timepicker-container a.reset-measurement-value:hover,
.measurement-value-timepicker-container a.reset-measurement-value:focus {
    text-decoration: none;
}

#measurement-modal .measurement .text-danger.field-validation-error span {
    white-space: nowrap;
}


.row-measurement.measurement-value-outter-container .unit-value {
    padding-right: 30px;
}


@media (max-width: 767px) {
    .panel-measurement .panel-title.container-header-measurement {
        flex-wrap: wrap;
    }

    .container-header-measurement #as-of-date {
        margin-left: 0;
    }

    .panel-measurement .measurement-date-container input.datetime {
        width: 120px !important;
    }

    .container-header-measurement .btn-group {
        width: 100%;
        margin-top: 10px;
    }
}

@media(max-width: 425px){
    .container-header-measurement .btn-group .btn{
        margin-left: 0px;
    }

    .filter-searched .container-header-measurement .btn-group {
        justify-content: start !important;
    }

    .container-header-measurement .btn-group > div {
        display: flex;
        gap: 3px;
    }
}

@media(min-width: 768px) {
    .container-header-measurement .btn-group {
        margin-left: auto;
    }

    .container-header-measurement .measurement-sort-by-container {
        margin-right: 15px;
    }
}

.container-header-measurement .btn-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
}

@media(max-width:991px) {
    .measurement-template-container .measurement-value-container a.reset-measurement-value,
    .measurement-value-timepicker-container a.reset-measurement-value {
        top: 30px;
    }

    #measurement-modal .measurement .measurement-value-container a.reset-measurement-value {
        top: 18px;
    }
}

@media(min-width:992px) {
    .measurement .measurement-value-container a.reset-measurement-value {
        top: 9px;
    }
}

#copy-medical-record .animal-mini-detail .animal-description .common-name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 100%;
    display: -webkit-inline-box;
    white-space: normal !important;
}

@media (max-width: 479px) {
    #copy-medical-record .source-data-container .form-group > label {
        text-align: left;
    }
}

.resource-checkout-timeline-container .title-container h2 .filter-timeline {
    margin-left: 3px;
}

#section-editor .assigment-content-container {
    position: relative;
}

#section-editor .assigment-content-container #section-assignment-load {
    position: absolute;
    right: 0;
    left: 0;
}

.section-management .audit-history-container .panel-body {
    height: calc(100vh - 279px);
}

.audit-history-container .panel-body {
    overflow-y: auto;
}

.audit-history-container:not(.section-hierarchy) .panel-body {
    max-height: 600px;
}

.section-detail .section-filter-container .list-container,
.section-assignment .section-filter-container .list-container {
    height: calc(100vh - 293px);
}

.section-management .row-section-hierarchy-content .header-section .label-section > span {
    padding: 4px 0;
}

.section-layout #section-editor.sticky {
    display: flex;
    position: relative;
}

.section-layout #section-editor.sticky .section-inner-content-container {
    margin-left: auto;
}

.header-title-container.headroom--not-top {
    top: 50px;
}

#section-editor:not(.sticky) .section-list-navigation-container.headroom--not-top {
    top: 135px;
}

#section-editor.sticky .section-list-navigation-container {
    position: absolute;
    top: auto;
    bottom: 100px;
}

@media (max-width: 767px) {
    .section-layout .section-list-navigation-container {
        position: relative !important;
        top: 0 !important;
    }
}

.section-layout.section-detail .header-title-container:not(.headroom--not-top) {
    position: relative;
}

.subscribe-notification-container .checkbox .label-check-box-unsubscribe {
    color: #000 !important;
}

.subscribe-notification-container .checkbox label::before,
.subscribe-notification-container .checkbox label::after {
    margin-top: 4px;
}

.unsubscribe-notification-container .unsubscribe-message > h1 {
    margin-top: 150px;
}

.unsubscribe-notification-container h1 {
    font-weight: normal;
}

.unsubscribe-notification-container .container-multiple-tenant,
.unsubscribe-notification-container .container-multiple-tenant .facility-title-container,
.unsubscribe-notification-container .email-preferences-container,
.unsubscribe-notification-container .email-preferences-container > div > .form-group,
.unsubscribe-notification-container .email-preferences-container .email-preferences-content,
.subscribe-notification-container .email-preferences-container .email-preferences-not-allow {
    display: flex;
}

.unsubscribe-notification-container .container-multiple-tenant,
.unsubscribe-notification-container .email-preferences-container {
    justify-content: center;
}

.unsubscribe-notification-container .container-multiple-tenant .multiple-tenant-inner-container {
    border: 1px solid #ddd;
    padding: 20px 30px 30px;
    background-color: #f7f7f7;
}

.unsubscribe-notification-container .container-multiple-tenant .facility-title-container {
    padding: 5px 10px 10px;
    flex-direction: column;
}

.unsubscribe-notification-container .container-multiple-tenant .facility-title-container .field-validation-error {
    align-self: baseline;
}

.unsubscribe-notification-container .container-multiple-tenant .multiple-tenant-content {
    max-height: 350px;
    overflow-y: auto;
}

.unsubscribe-notification-container .multiple-tenant-content .tenant-content {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0;
    background-color: #fff;
}

.unsubscribe-notification-container .multiple-tenant-content .tenant-content .checkbox {
    margin-top: 0;
    margin-bottom: 5px;
}

.unsubscribe-notification-container .email-preferences-container > div > .form-group {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.unsubscribe-notification-container .email-preferences-container .email-preferences-message {
    margin-left: 15px;
}

.email-preferences-container .email-preferences-message i.warning-unit-modified {
    padding-top: 2px;
    padding-right: 10px;
}

.subscribe-notification-container .email-preferences-container .description-email-preferences {
    padding-left: 5px;
}

.subscribe-notification-container .email-preferences-container .email-preferences-not-allow {
    line-height: 1.1;
    padding-top: 10px
}

.siteadmin-index .allow-unsubscribe-notification .bootstrap-switch-container > span {
    text-transform: uppercase;
}

.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content > .item-content {
    flex-direction: column;
}

.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content > .item-content > .small > i {
    font-size: 11px;
}

.resource-checkout-timeline-container .resource-checkout-timeline .vis-item .item-content .section-name {
    margin-left: 20px;
    align-items: center;
    color: #666;
}

.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content {
    height: 55px;
    display: flex;
}

.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content > .item-content {
    align-self: center;
    flex-direction: column;
}

#resource-assigned-to .resource-message-container .checkout-detail:before {
    content: "•";
    color: #999;
    margin-right: 3px;
}

#resource-assigned-to .resource-message-container .checkout-info,
#alertPopup .checkout-info {
    font-size: 13px;
}

#resource-assigned-to .resource-message-container .resource-checkout-info .checkout-status,
#alertPopup .checkout-status {
    padding: 3px 5px;
    margin-left: 5px;
}

.resource-allocation-menu .list-container .grid-container label.entity-name {
    margin-left: 10px;
    font-weight: normal;
}

.resource-allocation-menu .list-container .grid-container label.entity-name:hover {
    cursor: pointer;
}

.resource-allocation-menu .list-container .grid-container .section-selection {
    flex-grow: 1;
    display: flex;
    align-items: baseline;
}

#resource-assigned-to:not(.multiple) .resource-message-container {
    display: none;
}

#resource-assigned-to .resource-checkout-info-container,
#alertPopup .resource-checkout-info-container {
    display: flex;
    align-items: center;
}

#resource-assigned-to .resource-checkout-info-container .resource-checkout-info-content,
#alertPopup .resource-checkout-info-container .resource-checkout-info-content {
    flex-grow: 1;
}

#resource-assigned-to .resource-checkout-info > .message-container {
    max-height: 200px;
    overflow-x: auto;
}

#resource-assigned-to .resource-checkout-info .message-content-resource-detail {
    padding: 10px;
}

#resource-assigned-to .resource-checkout-info .message-content-resource-detail:nth-of-type(odd),
#alertPopup .message-content-resource-detail:nth-of-type(odd) {
    background-color: #f9f9f9;
}

#resource-assigned-to .resource-message-container {
    margin-bottom: 15px;
}

.checkout-period-container .filter-date-container .input-group {
    display: flex;
}

.checkout-period-container .input-group .input-period-container,
.checkout-period-container .input-group .time-container {
    position: relative;
}

.header-checkout-detail-container .checkout-period-container .input-group .time-container {
    width: 45% !important;
}

.checkout-period-container .input-group .time-container > .clear-time {
    position: absolute;
    z-index: 100;
    right: 10px;
}


#addResourceModal.resource-checkout a.reset-textbox,
.checkout-period-container .input-group .time-container > .clear-time {
    top: 12px;
}

.checkout-period-container .input-group .time-container > .clear-time:hover,
.checkout-period-container .input-group .time-container > .clear-time:focus {
    text-decoration: none !important;
}


.checkout-period-container .filter-date-container .date-range.focus {
    border-color: #ccc;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)
}


.resource-allocation-menu .section-detail-container .section-search-container {
    position: relative;
}

.resource-allocation-menu .section-detail-container .section-search-container .search-field {
    padding-right: 30px;
}

.resource-allocation-menu .section-detail-container .section-search-container .clear-search {
    position: absolute;
    top: 12px;
    right: 20px;
}

.resource-allocation-menu .section-detail-container .section-search-container .clear-search:hover {
    text-decoration: none;
}

.hotel-datepicker .datepicker__week-row > td {
    position: relative;
}

.hotel-datepicker .datepicker__info .partial-checkout::before {
    content: " ";
    display: inline-block;
    border-left: 15px solid #FF9800;
    border-bottom: 15px solid transparent;
}

.hotel-datepicker .datepicker__info .not-available-container {
    margin-left: 20px
}

.hotel-datepicker .datepicker__info .partial-checkout-message,
.hotel-datepicker .datepicker__info .not-available-container .not-available-message {
    margin-left: 6px;
}

.hotel-datepicker {
    z-index: 100 !important;
}

.hotel-datepicker .datepicker__week-row > td.datepicker__month-day:not(.datepicker__month-day--no-checkin):not(.datepicker__month-day--no-checkout) > .partial-checkout,
.datepicker__week-row > td.datepicker__month-day.datepicker__month-day--no-checkout::before {
    border-left: 8px solid #FF9800;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 5px;
    left: 5px;
    border-top: unset !important;
}

.hotel-datepicker table tr td, .hotel-datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none;
}

.datepicker__week-row > td.datepicker__month-day.datepicker__month-day--no-checkout {
    background-color: transparent;
}

.hotel-datepicker .datepicker__info .not-available-checkout::before {
    content: "\00d7";
    color: red;
    font-size: 25px;
}

.hotel-datepicker .datepicker__topbar > div {
    display: flex;
    align-items: center;
}

.hotel-datepicker .datepicker__buttons .datepicker__close-button {
    background-color: transparent;
    color: #333;
    font-size: 22.5px;
    padding: 0;
    opacity: 0.4;
}

.hotel-datepicker .datepicker__info.resource-info > div {
    display: flex;
}

#addResourceModal .checkout-period-container.all-day .input-period-container,
#resourceCheckoutSingle .checkout-period-container.all-day .input-period-container {
    width: 100%;
}

#resourceCheckoutSingle .checkout-period-container.all-day .time-container,
#addResourceModal .checkout-period-container.all-day .time-container,
.resource-detail-container .checkout-period-container.all-day .time-container {
    display: none;
}

#resourceCheckoutSingle .resource-content .checkout-period-container .input-group,
#addResourceModal .resource-content .checkout-period-container .input-group,
.resource-detail-container .resource-content .checkout-period-container .input-group {
    flex-direction: column;
}

#resourceCheckoutSingle .resource-content .checkout-period-container .time-container,
#addResourceModal .resource-content .checkout-period-container .time-container,
.resource-detail-container .resource-content .checkout-period-container .time-container {
    margin-top: 5px;
}

.resource-detail-container .resource-content .checkout-period-container .time-container .input-time {
    width: 65%;
}

#resourceCheckoutSingle .resource-content .checkout-period-container .time-container,
#addResourceModal .resource-content .checkout-period-container .time-container {
    width: 50%;
}

@media (min-width: 992px) {
    #addResourceModal .list-container .resource-content .date-picker-checkout-period-container {
        right: 97px;
    }
}


#addResourceModal .list-container .resource-content .date-picker-checkout-period-container,
#resourceCheckoutSingle .resource-editor-content .date-picker-checkout-period-container {
    position: relative;
}

#resourceCheckoutSingle .resource-editor-content .date-picker-checkout-period-container {
    right: 81px;
}

.datepicker__month-day--no-checkin:not(.datepicker__month-day--disabled),
.datepicker__month-day--disabled {
    color: #aaa !important;
    background-color: #e8ebf480;
    border-radius: unset !important;
    z-index: 2;
}

.datepicker__month-day--disabled:hover {
    cursor: not-allowed;
}

.datepicker__month-day--disabled:after {
    left: 8px !important;
    top: 9px !important;
}

.datepicker__month-day--no-checkin::before {
    border-bottom: none !important;
    border-right: none !important;
}

.datepicker__month-day {
    z-index: 3;
}

.datepicker__month-day--no-checkin:not(.datepicker__month-day--disabled)::before {
    content: "\00d7" !important;
    position: absolute;
    color: red;
    font-size: 16px;
    top: 2px !important;
    left: 3px !important;
}

.checkout-detail-period-container > .datepicker,
.date-picker-checkout-period-container > .datepicker {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.date-picker-checkout-period-container {
    z-index: 101;
}

.resource-allocation-container .resource-allocation-map-container {
    margin-bottom: 21px;
}

.resource-content-wrapper.resource-allocation .resource-container {
    border-top: 1px solid #ddd;
}

.resource-layout.resource-allocation-container > .resource-layout-navigation {
    flex: 0 0 350px !important;
}

.resource-allocation-container .resource-allocation-audit-history .show-subsection-container {
    display: flex;
}

.resource-allocation-container .resource-allocation-audit-history .show-subsection-container .wrapperBootstrapSwitch {
    margin-left: 10px;
}

.resource-allocation-container .resource-content-wrapper .resource-editor-navigation-container {
    border-bottom: unset;
    padding-top: 0 !important;
    position: inherit;
}

.resource-detail-wrapper .resource-status.waiting {
    color: #c15d58;
}

.resource-detail-wrapper .resource-status.rejected {
    color: #ab3f74;
}

.resource-detail-wrapper .resource-status.approved {
    color: #356da5;
}

.resource-detail-wrapper .resource-status.checkedout {
    color: #a98f3f;
}

.resource-detail-wrapper .resource-status.done {
    color: #537636;
}

.resource-detail-wrapper .resource-status.cancelled {
    color: #666;
}

.resource-content-container .grid-content-container .resource-content.content-resource-allocation .id-card {
    height: 477px;
    border-bottom: 1px solid #ddd;
}

.checkout-content-container .date-picker-checkout-period-container .datepicker__tooltip {
    z-index: 10;
}

.datepicker__week-row .datepicker__month-day--today {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733;
}

.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content > .item-content .checkout-period-container {
    font-size: 11px;
}

.resource-checkout-timeline-container .vis-content .vis-item .vis-item-content > .item-content .checkout-period-container .dash-date-separator {
    margin: 0 3px;
}

.resource-checkout-timeline.group-by-checkout .item-content .icon-resource {
    margin-right: 5px;
}

.resource-checkout-timeline-container .timeline-group-by .content-timeline-group-by {
    margin-left: 5px;
}

.resource-checkout-timeline-container .timeline-group-by .content-timeline-group-by:focus-visible {
    outline: transparent;
}

#addResourceModal .resource-content-container .draft-inner-container .checkbox {
    padding-top: 4px;
}

.resource-allocation-container .resource-allocation-menu .nav-tabs > li:not(.active) > a {
    color: #2780e3;
}

.resource-allocation-container .resource-allocation-menu .nav-tabs > li.active > a {
    border-bottom-color: transparent;
}

.resource-allocation-container .resource-allocation-audit-history .panel-title {
    background: none;
    background-color: #fff;
}

.resource-allocation-container .resource-allocation-audit-history .panel-title > label,
#resourceCheckoutSingle.mark-as-draft .container-resource-assign-to .required-field-label::after {
    display: none;
}

.resource-allocation-container .resource-allocation-audit-history .panel-title .show-subsection-container {
    font-size: 15px;
    margin-right: auto;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.resource-allocation-container .resource-allocation-audit-history .audit-history-container > .panel,
.resource-allocation-container .resource-allocation-audit-history .panel-title,
.resource-allocation-container .resource-allocation-audit-history .panel-body {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.resource-allocation-container .section-detail-container .dropdown-btn-group .btn-group > button {
    width: 50%;
}

.resource-allocation-container .resource-allocation-menu .content-container-detail {
    min-height: 150px;
    border: 1px solid #ddd;
    border-top-color: transparent;
    height: calc(100vh - 227px);
}

.resource-allocation-container .resource-allocation-menu .button-section-status-container {
    display: flex;
    justify-content: center;
}

.resource-allocation-container .resource-allocation-menu .button-section-status-container,
.resource-allocation-container .resource-allocation-menu .section-search-container {
    margin: 15px 0;
}

.resource-allocation-container .resource-allocation-menu .button-section-status-container .dropdown-btn-group,
.resource-allocation-container .resource-allocation-menu .button-section-status-container .section-toggle-container {
    width: 100%;
}

.resource-allocation-container .resource-allocation-wrapper .resource-allocation-inner-container {
    position: relative;
}

.resource-allocation-container .resource-allocation-wrapper .resource-allocation-inner-container .close-menu {
    right: 3px;
    top: 5px;
}

.resource-checkout-timeline-container .checkout-detail-period-container,
.resource-allocation-container .resource-allocation-wrapper .resource-allocation-inner-container .close-menu {
    position: absolute;
}

.resource-checkout-timeline-container .checkout-detail-period-container {
    z-index: 1000;
    right: 580px;
}

.resource-allocation-container .resource-allocation-audit-history .panel-body {
    max-height: calc(100vh - 300px);
}

@media (max-width: 991px) {
    .resource-layout > .resource-layout-navigation {
        right: 0;
        margin-right: 0;
    }

    .resource-allocation-container .section-toggle-container .st-status {
        padding: 10px 18px;
    }

    .resource-allocation-container .resource-layout-navigation.open .resource-allocation-inner-container .collapse {
        display: block !important;
    }

    .resource-allocation-container .resource-allocation-menu .content-container-detail {
        height: calc(100vh - 118px);
    }

    .resource-allocation-container .resource-layout-navigation.open .resource-allocation-inner-container .collapse:hover {
        text-decoration: none;
    }

    .resource-allocation-container .resource-allocation-audit-history .panel-body {
        max-height: calc(100vh - 185px);
    }
}

.resource-allocation-container .resource-content-container .grid-content-container .resource-content .panel-body {
    height: 300px;
}

.resource-allocation-container .resource-content-container .grid-content-container .resource-content.content-resource-allocation .id-card {
    height: 540px;
}

.resource-allocation-container .resource-container .grid-content-container .resource-detail-info {
    max-height: 170px;
}

#addResourceModal.mark-as-draft .container-resource-assign-to .required-field-label:not(.hide-required-label)::after {
    content: "";
}

.resource-allocation-container .title-container .assign-resource-btn {
    margin-top: 10px;
}

.resource-allocation-container .resource-layout .resource-filter-container {
    border: none !important;
}

.resource-allocation-container .content-resource-allocation .resource-detail-info > div {
    margin-top: 10px;
}

.resource-allocation-container .content-resource-allocation .resource-detail-info .checkout-content {
    font-size: 13px;
}

.resource-allocation-container .resource-allocation-audit-history {
    margin-top: 5px;
}

#addResourceModal .resource-content .resource-info .resource-id-container,
#addResourceModal .resource-content .resource-info .resource-name-container,
#addResourceModal .resource-content .resource-info .quantity-available-for-checkout,
.resource-assign-to-section .resource-allocation-wrapper .list-container .no-section-found {
    margin-top: 11px;
}

#resource-assigned-to .resource-allocation-menu .resource-allocation-wrapper {
    padding: 15px 10px;
}

@media (max-width: 991px) and (min-width: 768px) {
    #addResourceModal .modal-content {
        width: 100%;
    }
}


@media (max-width: 1199px) {
    .resource-checkout-timeline-container .checkout-detail-period-container {
        z-index: 1060 !important;
        right: 0;
        left: 25%;
    }
}

@media (max-width: 675px) {
    .resource-checkout-timeline-container .checkout-detail-period-container {
        z-index: 1060 !important;
        right: 0;
        left: 25%;
    }
}

@media (max-width: 554px) {
    .resource-allocation-container .header-list-resource {
        flex-wrap: nowrap;
    }

    .resource-allocation-container .header-list-resource > div.valign-middle {
        flex-wrap: wrap;
    }

    .resource-allocation-container .header-list-resource .count-pipe {
        display: none;
    }

    .resource-allocation-container .header-list-resource .label-resource-found {
        width: 100%;
    }

    .resource-allocation-container .header-list-resource .action-detail-container {
        margin-top: 5px;
    }

    .resource-allocation-container .header-list-resource .view-mode {
        align-self: center;
    }
}

@media (max-width: 554px) {
    .resource-allocation-container .title-container {
        padding: 0 0 15px 0;
    }
}

.resource-allocation-container .resource-allocation .view-mode .sort-group {
    position: relative;
}

#alertPopup .message-content-resource-detail {
    padding: 15px;
}

.resource-allocation-container .resource-allocation-audit-history #spinner-audit-history {
    position: absolute;
    top: 75px;
    left: 37%;
}

@media(min-width: 992px) {
    .resource-allocation-container .audit-content .message-item-changed {
        margin-left: 50px;
    }
}

#addResourceModal .resource-content-container .resource-content .checkbox-period-all-day {
    margin-left: 15px;
}

#resource-assigned-to .resource-assign-to-section .section-detail-container .list-container {
    padding: 10px;
}

.resource-layout-body .resource-title-container,
.resource-allocation-container .resource-title-container {
    flex-direction: row;
    align-items: center;
}

.resource-allocation-container .resource-title-container {
    margin-top: 15px;
}

.resource-allocation-container .resource-title-container .title {
    font-weight: 300;
    margin-right: 11px;
    font-size: 32px;
}

.resource-layout-body .resource-title-container,
.resource-allocation-container .resource-title-container,
.resource-allocation-container .resource-title-container .assign-resource-btn {
    display: flex;
}

.filter-btn-dropdown-container .reset-filter-container,
.filter-btn-dropdown-container .custom-dropdown-filter {
    z-index: 1002;
}

@media(max-width: 543px) {
    .filter-btn-dropdown-container .reset-filter-container {
        right: 52.3vw;
    }

    #editor-measurement .list-measurements-container .filter-btn-dropdown-container .reset-filter-container {
        right: 72.6vw;
    }

    #editor-measurement .list-measurements-container .custom-dropdown-filter {
        left: inherit;
    }

    .filter-measurement-container .custom-dropdown-filter, .custom-dropdown-filter {
        left: -45vw;
    }

    .resource-allocation-container .resource-title-container {
        flex-direction: column;
        align-items: baseline;
    }

    .resource-allocation-container .resource-title-container .title {
        margin-right: 0;
        font-size: 27px;
    }

    .resource-layout-body .resource-title-container {
        flex-direction: column;
        align-items: baseline;
    }
}

#daily-report-body .wrapper-daily-report-welfare ul#list-welfare-entities > li.active .view-animal {
    color: #fff;
}

#daily-report-body .wrapper-daily-report-welfare .detail-animal-card .view-animal,
#daily-report-body .wrapper-daily-report-welfare .detail-section-card .view-section {
    margin-left: 8px;
}


#daily-report-body .wrapper-daily-report-welfare .detail-animal-card .view-animal:hover,
#daily-report-body .wrapper-daily-report-welfare .detail-section-card .view-section:hover {
    cursor: pointer;
}

.checkout-detail-period-container .datepicker__tooltip {
    z-index: 20;
}

.resource-checkout-timeline-container .resource-checkout-filter-panel .filter-date-container .reset-textbox {
    right: 25px;
}

.resource-checkout-timeline-container .resource-checkout-filter-panel .filter-date-container .filter-timeline {
    padding-right: 30px;
}

.dashboard-index .filtered-taskchecklist {
    margin-bottom: 15px;
}


.dashboard-index .medical-dashboard-tasks-container {
    margin-bottom: 15px;
    display: flex;
}

@media(min-width: 768px) {
    .dashboard-index .medical-dashboard-tasks-container {
        flex-flow: row nowrap;
    }

    .dashboard-index .medical-dashboard-tasks-container .filtered-dashboard-task {
        display: flex;
        flex-flow: column nowrap;
        flex: 1 1 0;
    }

    .dashboard-index .medical-dashboard-tasks-container .filtered-medical:not(.expand) .header-filtered-dashboard-task .header-text {
        line-height: 1.2em;
    }

    .dashboard-index .medical-dashboard-tasks-container .filtered-dashboard-task:not(.expand) .header-filtered-dashboard-task {
        padding: 9.6px 15px;
    }

    .dashboard-index .filtered-dashboard-task:not(.expand) .header-filtered-dashboard-task {
        height: 100%;
    }

    .dashboard-index .medical-dashboard-tasks-container .filtered-medical {
        margin-right: 5px;
    }

    .dashboard-index .medical-dashboard-tasks-container .filtered-vaccine {
        margin-left: 5px;
    }
}

@media(max-width: 767px) {
    .dashboard-index .filtered-medical {
        margin-bottom: 10px;
    }

    .dashboard-index .medical-dashboard-tasks-container {
        flex-direction: column;
    }
}

.dashboard-index .filtered-dashboard-task .header-filtered-dashboard-task {
    padding: 15px;
    cursor: pointer;
    position: relative;
    justify-content: space-between;
    border: 1px solid #ddd;
}

.dashboard-index .filtered-dashboard-task:not(.expand) .header-filtered-dashboard-task {
    border-radius: 8px;
    height: 57px;
}

.dashboard-index .filtered-dashboard-task.expand .header-filtered-dashboard-task {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.dashboard-index .filtered-dashboard-task .content-filtered-dashboard-task {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    overflow-y: auto;
    min-height: 200px;
    max-height: 64vh;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.dashboard-index .filtered-dashboard-task .header-filtered-dashboard-task-icon {
    margin-left: auto;
    height: 23px;
    display: flex;
    align-items: center;
}

.dashboard-index .filtered-dashboard-task.disabled .header-filtered-dashboard-task-icon {
    display: none;
}

.dashboard-index .filtered-dashboard-task .header-uncompleted,
.dashboard-index .filtered-dashboard-task .header-more-data,
.dashboard-index .filtered-dashboard-task .header-search,
.dashboard-index .filtered-dashboard-task .header-vaccine {
    font-weight: 600;
    display: flex;
    align-items: center;
}

.filtered-dashboard-task .header-vaccine .med-rec-label {
    margin-left: 2px;
    margin-right: 3px;
}

.filtered-vaccine:not(.expand) .header-vaccine .med-rec-label {
    cursor: pointer !important;
}

.dashboard-index .filtered-dashboard-task.error .header-vaccine .text-total,
.dashboard-index .filtered-dashboard-task.no-record .header-vaccine .text-total {
    display: none !important;
}

.filtered-dashboard-task .header-vaccine .text-total::before {
    content: "(";
}

.filtered-dashboard-task .header-vaccine .text-total::after {
    content: ")";
}

.dashboard-index .filtered-dashboard-task .header-filtered-dashboard-task .fa-spinner {
    display: none;
    background-color: #e6e6e6;
}

@media(min-width: 768px) {
    .dashboard-index .filtered-dashboard-task .header-filtered-dashboard-task .fa-spinner {
        top: 37%;
        transform: translateY(-37%);
    }
}

@media(max-width: 767px) {
    .dashboard-index .filtered-dashboard-task .header-filtered-dashboard-task .header-text {
        line-height: 1.2em;
    }

    .dashboard-index .filtered-vaccine.expand {
        margin-top: 15px;
    }
}


@media(min-width: 768px) and (max-width: 991px) {
    .dashboard-index .medical-dashboard-tasks-container .filtered-medical:not(.expand) .header-filtered-dashboard-task .header-text {
        padding-right: 5px;
    }
}

@media(min-width: 375px) and (max-width: 479px) {
    .dashboard-index .filtered-dashboard-task:not(.expand) .header-filtered-dashboard-task .header-text {
        padding-right: 17px;
    }
}


.dashboard-index .filtered-dashboard-task.disabled .header-filtered-dashboard-task .fa-spinner {
    display: block !important;
}

.dashboard-index .filtered-dashboard-task .header-filtered-dashboard-task .close,
.dashboard-index .filtered-dashboard-task.expand .fa-caret-down,
.dashboard-index .filtered-dashboard-task.uncompleted .header-more-data,
.dashboard-index .filtered-dashboard-task.uncompleted .header-search,
.dashboard-index .filtered-dashboard-task.more-data .header-uncompleted,
.dashboard-index .filtered-dashboard-task.more-data:not(.search) .header-search,
.dashboard-index .filtered-dashboard-task.search .header-uncompleted,
.dashboard-index .filtered-dashboard-task.search .header-more-data,
.dashboard-index .filtered-dashboard-task .content-filtered-dashboard-task,
#checklist .checklist-template,
.dashboard-index .filtered-dashboard-task.expand.empty .load-more {
    display: none;
}

.dashboard-index #medical-record-reminder-cards .medical-reminders-filter {
    margin-left: -4px;
}

.dashboard-index .filtered-dashboard-task.expand .content-filtered-dashboard-task {
    display: block;
    position: relative;
}

@media(min-width: 768px) {
    .dashboard-index .filtered-dashboard-task.expand .content-filtered-dashboard-task {
        padding-left: 15px;
        padding-right: 0;
    }
}

#checklist .filtered-taskchecklist.expand .content-filtered-taskchecklist {
    padding-right: 15px;
}

.dashboard-index .filtered-dashboard-task.expand .spinner {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.dashboard-index .filtered-dashboard-task.expand .spinner.spinner-next {
    bottom: 10px;
}

.dashboard-index .filtered-dashboard-task.filtered-taskchecklist.expand:not(.empty) .spinner.spinner-previous,
.dashboard-index .filtered-dashboard-task.filtered-medical.expand:not(.uncompleted):not(.empty) .spinner.spinner-previous,
.dashboard-index .filtered-dashboard-task.filtered-medical.expand.uncompleted .spinner.spinner-previous,
.dashboard-index .filtered-dashboard-task.filtered-vaccine.expand:not(.empty) .spinner.spinner-previous {
    top: 72px;
}


.dashboard-index .filtered-dashboard-task.expand.no-record .spinner,
.dashboard-index .filtered-dashboard-task.expand.empty .spinner {
    bottom: auto;
    top: 50%;
    transform: translate(-50%, -50%);
}

#checklist .filtered-taskchecklist.search.single-date.no-record {
    padding: 15px 0;
}

.dashboard-index .filtered-dashboard-task .header-filtered-dashboard-task .close {
    color: #333 !important;
    opacity: 1;
    padding-left: 5px;
}

.dashboard-index .filtered-dashboard-task.expand .header-filtered-dashboard-task .close {
    display: flex;
}

.dashboard-index .filtered-dashboard-task .count-uncompleted {
    padding: 0 10px;
    color: #fff;
    border-radius: 4px;
    margin-right: 7px;
    font-size: 14px;
    font-weight: 600;
}

.dashboard-index .filtered-dashboard-task .count-uncompleted:not([data-total="0"]) {
    background-color: #cf2a27;
}

.dashboard-index .filtered-dashboard-task .count-uncompleted[data-total="0"] {
    background-color: #aaa;
}

.dashboard-index .filtered-dashboard-task:not(.expand):not(.disabled) .header-filtered-dashboard-task:hover {
    background-color: #faf3e0;
    border-color: #f0e2b9;
}

.dashboard-index .filtered-dashboard-task.expand .header-filtered-dashboard-task {
    background-color: #eee;
    cursor: text;
}

.dashboard-index .filtered-dashboard-task.disabled:not(.expand) .header-filtered-dashboard-task {
    background-color: #e6e6e6;
    cursor: not-allowed;
}

#checklist .row-filtered-taskchecklist,
.reminder-contents .row-filtered-medical-reminder {
    display: flex;
    height: auto;
    flex-flow: row wrap;
}


#checklist .checklist-placeholder .schedules-container,
.dashboard-index #medical-record-reminder-cards #medical-taskcard-container .schedules-container {
    overflow-y: auto;
}

#checklist .checklist-placeholder .schedules-container,
.dashboard-index #medical-record-reminder-cards #medical-taskcard-container .schedules-container {
    max-height: 55vh;
}


@media(min-width: 768px) {
    #medical-taskcard-container .dashboard-contents-date {
        margin-right: 15px;
        margin-left: 10px;
    }

    .dashboard-index .filtered-dashboard-task .stacking-date {
        top: 15px !important;
    }


    #checklist .row-filtered-taskchecklist:not(.no-task) .stacking-date {
        margin: 17px 20px 0 0px;
    }

    #medical-record-reminder-cards .row-filtered-medical-reminder:not(.no-task) .stacking-date {
        margin: 18px 20px 10px 0px;
    }

    #checklist .row-filtered-taskchecklist.no-task .stacking-date,
    #medical-record-reminder-cards .row-filtered-medical-reminder.no-task .stacking-date {
        margin: 10px 20px 0 0px;
    }

    .stacking-date .group-count-container {
        top: -8px;
        left: calc(100% - 15px);
    }

    #monthly .stacking-date-content {
        width: 100%;
    }

    .dashboard-index #medical-record-reminder-cards .dashboard-contents-date {
        display: block;
    }
}

@media(max-width: 767px) {
    #checklist .row-filtered-taskchecklist,
    #medical-record-reminder-cards .row-filtered-medical-reminder {
        flex-direction: column;
    }

    #checklist .stacking-date,
    #medical-record-reminder-cards .stacking-date {
        width: 100% !important;
        z-index: 1;
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 5px;
        background-color: #fff;
        justify-content: center;
        display: flex;
        padding-top: 10px;
        top: 0;
    }

    .stacking-date .stacking-date-content {
        width: 61px;
    }

    .dashboard-index .filtered-dashboard-task .stacking-date {
        top: -1px !important;
    }

    #medical-record-reminder-cards .row-filtered-medical-reminder.no-task ul,
    #checklist ul.checklist-group-rows.no-record {
        padding-top: 15px;
    }

    .filtered-dashboard-task .row-filtered-medical-reminder.no-task ul,
    .filtered-dashboard-task ul.checklist-group-rows.no-record {
        padding-bottom: 15px;
    }

    .filtered-dashboard-task.single-date .row-filtered-medical-reminder.no-task ul,
    .filtered-dashboard-task.single-date .row-filtered-taskchecklist.no-task ul {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .stacking-date .group-count-container {
        top: 2px;
        right: calc(50% - 47px);
    }


    #monthly .stacking-date {
        display: flex;
        justify-content: center;
        padding-bottom: 5px;
        padding-top: 10px;
    }
}

.stacking-date .group-count-container {
    position: absolute;
}


#checklist .schedules-container .row-filtered-taskchecklist + .row-filtered-taskchecklist,
#medical-record-reminder-cards .row-filtered-medical-reminder + .row-filtered-medical-reminder {
    border-top: 2px solid #efefef;
    padding-top: 10px;
}

#medical-record-reminder-cards .row-filtered-medical-reminder.no-task {
    padding-top: 0 !important;
}

#checklist ul.checklist-group-rows,
#medical-record-reminder-cards .row-filtered-medical-reminder ul.medical-group-rows {
    flex: 1;
}

#medical-record-reminder-cards .row-filtered-medical-reminder ul.medical-group-rows pre.note-field ul {
    list-style: initial;
}

#checklist ul.checklist-group-rows.no-record {
    align-items: center;
    display: flex;
    padding-left: 20px;
}

#medical-record-reminder-cards .row-filtered-medical-reminder.no-task ul {
    display: flex;
    align-items: center;
    margin-left: 20px
}

.dailyreport-medicalreminder-outer-container #medical-record-reminder-cards .row-filtered-medical-reminder.no-task ul {
    margin-left: 0px;
    margin-top: 10px;
}

.dashboard-index .filtered-dashboard-task {
    position: relative;
}

.dashboard-index .filtered-taskchecklist {
    margin-top: 0;
}


.dashboard-index .filtered-dashboard-task a.load-more,
.dashboard-index .filtered-taskchecklist.error .no-record,
.dashboard-index .filtered-taskchecklist.uncompleted .no-record {
    padding-bottom: 15px;
    padding-top: 15px;
}

.dashboard-index .filtered-dashboard-task.no-more-data .schedules-container,
.dashboard-index .filtered-dashboard-task.error .schedules-container {
    padding-top: 5px;
}

.dashboard-index .filtered-taskchecklist a.load-more,
.dashboard-index .filtered-medical a.load-more,
.dashboard-index .filtered-dashboard-task.no-more-data a.load-more,
.dashboard-index .filtered-dashboard-task.error a.load-more,
.dashboard-index .filtered-vaccine.no-record a.load-more {
    display: none;
}

.dashboard-index .filtered-taskchecklist.error a.load-more {
    display: none !important;
}


.dashboard-index .filtered-dashboard-task:not(.single-date).search a.load-more[data-type="next"],
.dashboard-index .filtered-dashboard-task:not(.single-date).search a.load-more[data-type="previous"],
.dashboard-index .filtered-dashboard-task.uncompleted:not(.no-record):not(.no-more-data):not(.error) a.load-more[data-type="previous"],
.dashboard-index .filtered-dashboard-task.previous a.load-more[data-type="previous"],
.dashboard-index .filtered-dashboard-task.previous a.load-more[data-type="next"],
.dashboard-index .filtered-dashboard-task.next a.load-more[data-type="previous"],
.dashboard-index .filtered-dashboard-task.next a.load-more[data-type="next"],
.dashboard-index .filtered-vaccine:not(.no-more-data):not(.error):not(.no-record):not(.empty) a.load-more {
    display: inline-block;
}

.dashboard-index .filtered-dashboard-task .text-from {
    margin-left: 3px;
}

.dashboard-index .filtered-dashboard-task .header-more-data .text-until:not(.plain-text)::before,
.dashboard-index .filtered-dashboard-task .header-uncompleted .text-until:not(.plain-text)::before {
    content: " - ";
    margin-left: 3px;
    margin-right: 3px;
}

.dashboard-index .filtered-dashboard-task.previous:not(.empty):not(.no-record) .schedules-container,
.dashboard-index .filtered-dashboard-task.next:not(.empty):not(.no-record) .schedules-container,
.dashboard-index .filtered-dashboard-task.search:not(.empty):not(.single-date):not(.no-record) .schedules-container {
    border-bottom: 1px solid #999;
}

.dashboard-index .filtered-dashboard-task.previous:not(.empty) .schedules-container,
.dashboard-index .filtered-dashboard-task.next:not(.empty) .schedules-container,
.dashboard-index .filtered-dashboard-task.expand.no-more-data:not(.hide-no-more-data) .schedules-container,
.dashboard-index .filtered-dashboard-task.uncompleted:not(.empty):not(.no-record):not(.no-more-data):not(.error) .schedules-container,
.dashboard-index .filtered-dashboard-task.search:not(.empty):not(.single-date) .schedules-container,
.dashboard-index .filtered-vaccine:not(.no-more-data):not(.error):not(.no-record):not(.empty) .schedules-container {
    border-top: 1px solid #999;
}

.dashboard-index .filtered-dashboard-task.expand.no-more-data:not(.hide-no-more-data) .text-no-more-data {
    display: block;
    padding: 15px 5px;
}

.dashboard-index .filtered-dashboard-task .text-no-more-data {
    display: none;
}


@media(max-width: 767px) {
    .dashboard-index .filtered-dashboard-task a.load-more, .dashboard-index .filtered-dashboard-task .medical-group-rows {
        padding-left: 10px;
    }

    .dashboard-index .filtered-dashboard-task .header-uncompleted {
        margin-right: 5px;
    }

    .dashboard-index .filtered-dashboard-task .header-uncompleted .count-uncompleted {
        display: inline-block;
        vertical-align: top;
    }


    .dashboard-index #checklist {
        min-height: 250px;
    }

    .dashboard-index #medical-record-reminder-cards {
        min-height: 350px;
    }
}

.stacking-date .dashboard-day {
    padding: 3px 15px;
    font-size: 12px;
    color: #fff;
    background-color: #666;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase;
    line-height: 1em;
    font-weight: bold;
}

.stacking-date.today .dashboard-day {
    background-color: #ff4241 !important;
}

.stacking-date-content {
    margin-bottom: 10px;
}

.stacking-date .detail-date {
    padding: 2px 13px 6px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #fff;
}

.stacking-date .dashboard-year {
    color: #666;
    font-size: 10px;
    border-radius: 0 0 5px 5px;
    border: 1px solid #ccc;
}

.stacking-date .detail-date .dashboard-month-name {
    font-weight: 600;
    color: #888;
    font-size: 12px;
    line-height: 1.2em;
}

.stacking-date .detail-date .dashboard-date {
    font-size: 30px;
}

.resource-checkout-timeline .vis-item .checkout-record-status {
    background-color: #cf2a27 !important;
}

.date-range-picker-container .datepicker__month-day--hovering:not(.datepicker__month-day--selected):not(.datepicker__month-day--today) {
    background-color: #D8E9FF;
    color: #333;
}

.content-container-detail .no-section-found .content-message,
.content-container-detail.show-message-content .no-section-found .message-no-section-found,
.resource-detail-container .checkout-notes-container.approved .consumable-container,
.resource-detail-container .checkout-notes-container.pendingcheckout .consumable-container {
    display: none;
}

.content-container-detail.show-message-content .no-section-found .content-message {
    display: block;
}

.resource-checkout-timeline-container .action-container .filter-right {
    flex-wrap: wrap;
}

@media (max-width: 335px) {
    #addResourceModal .header-checkout-detail-container .filter-date-container .input-group {
        flex-wrap: wrap;
    }

    #addResourceModal .header-checkout-detail-container .filter-date-container .input-period-container {
        width: 100%;
    }

    #addResourceModal .header-checkout-detail-container .filter-date-container .time-container {
        margin-top: 3px;
    }
}

.date-picker-checkout-period-container .datepicker__topbar {
    display: flex;
}

.date-picker-checkout-period-container .datepicker__topbar .datepicker__buttons {
    margin-left: auto
}

@media (max-width: 480px) {
    .date-picker-checkout-period-container .datepicker__topbar {
        flex-direction: column-reverse;
    }
}

.form-update-resource-checkout-status .checkout-period-container .input-group .time-container > .clear-time {
    right: 40%;
    top: 11px;
}

@media (max-width: 479px) {
    .form-update-resource-checkout-status .checkout-period-container .filter-end-date-container {
        margin-left: 0;
        margin-top: 5px;
    }
}

.group-edit-multiple .dropdown-view-container .resource-checkout-status > a:hover > .badge {
    color: #2780e3 !important;
    background-color: #fff !important;
}

@media (max-width: 991px) {
    .group-edit-multiple .dropdown-view-container .resource-checkout-status > .dropdown-menu {
        right: 294px;
        left: auto !important;
    }
}

@media (max-width: 767px) {
    .group-edit-multiple .dropdown-view-container .resource-checkout-status > .dropdown-menu {
        right: auto;
        top: 24px !important;
    }

    .paid-tenant .resource-editor-navigation-container .select-resource-filter-responsive {
        left: 0 !important;
    }
}

#resource-assigned-to .resource-allocation-wrapper {
    max-height: 530px;
}

#resource-assigned-to .resource-allocation-wrapper ul.section-name-container {
    overflow-y: auto;
    max-height: 450px;
}

.phone-number-container input.phone-number-extension {
    width: 30%;
}

.header-list-resource.information-container .header-resource-inner-container {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    flex-wrap: wrap;
}

.search-resource-container.resource-filter-container .sidebar-nav.onFiltered .header-title {
    color: #2780e3;
    font-weight: 600;
}

.user-userprofile .phone-number-container label.error {
    display: block;
    position: absolute;
    top: 99%;
    white-space: nowrap;
}

.separate-phone-number .phone-number-container > .input-group {
    flex-direction: column;
    align-items: flex-start;
}

.separate-phone-number .phone-number-container .phone-number-extension {
    width: 50%;
    margin-top: 3px;
}

.animal-group-list > .animal-group-name {
    color: #fff;
    display: inline-block;
    padding: 3px 7px;
    line-height: 1;
    background: cadetblue;
    margin-bottom: 1px;
    font-size: 11px;
    font-weight: 600;
    margin-right: 1px;
}

.registration-form .coupon-code-container:not(.valid) .input-group > i {
    display: none;
}

.registration-form .coupon-code-container .input-group > i {
    position: absolute;
    right: 85px;
    z-index: 5;
    top: 15px;
}

.coupon-details .panel .copy-coupon-code {
    padding-left: 10px;
}

#medical-record-reminder-modal .hide-task-type-outer-container .hide-task-date-invalid {
    font-size: 13px;
}

#fullscreen-task-view .task-viewmode-btn,
.medical-list .has-medical-treatment-icon {
    display: flex;
}

.btn-group-save-container .dropdown-menu li.disabled > .tooltip {
    opacity: 1;
}

.choose-tenant .search-wrapper button.reset-textbox {
    top: 11px;
    right: 5px;
}

form.choose-tenant .search-tenant-container {
    margin-bottom: 7px;
}

#taskchecklist .audit-container .audit-detail-container {
    line-height: 1em;
}

#taskchecklist .audit-container .audit-detail-inner-container {
    font-size: 12px;
    color: #aaa;
    line-height: 1.6em;
}

#taskchecklist.modal .reset-restore-data {
    font-size: 16px;
}

#taskchecklist .modal-body-wrapper .btn-save-checklist.disabled:focus {
    outline: none !important;
}

.vis-item.vis-child.is-hide-reminder .med-rec-container:not(.med-rec-completed) .bullet {    
    background: #dcd3d3;
}

.vis-item.vis-child.is-hide-reminder .med-rec-container:not(.med-rec-completed) .bullet:hover{
    cursor: not-allowed;
}

#medical-record-reminder-modal .checkbox-card-container.hide-medical-reminder .checkbox-card {
    color: #aaa;
}

.show-medical-reminder-container .message-disabled-reminder {
    padding: 15px;
    background-color: #eee;
    margin-top: 10px;
}

.animal-group-medical-reminder .hide-when-animal-group {
    display: none;
}

.show-medical-reminder-container:not(.is-override) .medical-reminder-value {
    color: #aaa;
}

.medical-list .has-medical-treatment-icon .hide-medical-reminder {
    margin-left: 5px;
}

.has-medical-treatment-icon {
    display: flex;
    align-items: center;
}

#form-medical-record .routine-vaccination-checkbox {
    margin-left: 15px;
}

.animal-list .delete-animal-btn > a {
    color: #fff;
}

@media (max-width: 991px) {
    #form-medical-record .show-medical-reminder-container {
        margin-top: 15px;
    }

    #form-medical-record .title-show-medical-reminder {
        text-align: left;
        padding-left: 15px !important;
    }
}

@media (max-width: 768px) {
    #form-medical-record .title-show-medical-reminder > label {
        padding-top: 11px;
    }
}

@media (max-width: 479px) {
    #form-medical-record .show-medical-reminder-container .wrapperBootstrapSwitch,
    #form-medical-record .show-medical-reminder-container .checkbox {
        padding-top: 0;
    }
}

#default-view .section-mode .measurement-name-text.required-field:after {
    content: '*';
    color: red;
}

.list-editor.list-measurements .editor-mode .container-header-measurement {
    border: none;
    background-color: transparent;
}

.list-editor.list-measurements .editor-mode .container-header-measurement .text-as-of-date,
.list-editor.list-measurements .editor-mode .container-header-measurement .measurement-date-container,
.list-editor.list-measurements .editor-mode .container-header-measurement .pull-right,
.list-editor.list-measurements .editor-mode:not(.active) #measurements {
    display: none;
}

.list-editor.list-measurements .editor-mode .title-measurement-container .caret-title {
    margin-right: 5px;
}

.list-editor.list-measurements .editor-mode.active .title-measurement-container .caret-title {
    transform: rotate(90deg);
}

.list-editor.list-measurements .editor-mode .title-measurement-container > label {
    margin-block: 0;
}

.list-editor.list-measurements .editor-mode .title-measurement-container > span:hover,
.list-editor.list-measurements .editor-mode .title-measurement-container > label:hover {
    cursor: pointer;
}

.list-measurements .editor-entity .measurement-value-container > input {
    width: 100% !important;
}

#editor-measurement .list-measurements .editor-entity,
#measurementTemplate .list-measurements .editor-entity {
    padding: 15px;
}

#editor-measurement .list-measurements .editor-entity,
#measurementTemplate .measurement-template-wrapper .inner-container-measurement-editor .container-header-measurement-details > div,
#measurementTemplate .list-measurements .measurement-result-container.list-content-wrapper > div.editor-entity,
#view-measurement .panel #measurement-template-content .template-detail-inner-container .measurement-result-container .row-measurement-details:not(:last-child) > div {
    border-bottom: 1px solid #ddd;
}

#editor-measurement .list-measurements .measurement-result-container.list-content-wrapper > div:not(.deleted).editor-entity:nth-of-type(odd),
#measurementTemplate .list-measurements .measurement-result-container.list-content-wrapper > div:not(.deleted).editor-entity:nth-of-type(odd) {
    background-color: #fff;
}

#view-measurement #measurement-template-content .template-detail-inner-container .measurement-template-container:not(:last-child) {
    margin-bottom: 30px;
}

#measurementTemplate .measurement-template-wrapper .inner-container-measurement-editor .container-header-measurement-details > div {
    border-top: 1px solid #ddd;
    background-color: #eee;
}

#editor-measurement .list-editor-rows .editor-entity .content-container {
    padding: 0;
}

#editor-measurement .list-editor-rows .editor-entity.modal-custom-level-item .show-when-custom-level {
    display: block !important;
}

#editor-measurement .list-measurements:not(.has-measurement) .container-header-measurement-details,
#editor-measurement .list-measurements.has-measurement .no-measurement,
#editor-measurement .measurement-detail:not(.has-measurement-template) .measurement-template-inner-container,
#editor-measurement .measurement-detail.has-measurement-template .no-measurement-template {
    display: none;
}

#editor-measurement .measurement-detail .no-measurement-template {
    margin-bottom: 20px;
}

#editor-measurement .measurement-template-inner-container .measurement-template-container.selected,
#editor-measurement .list-measurements .list-editor-rows .editor-entity.selected {
    border: 1px solid #ef980e;
}

#editor-measurement .list-measurements .list-editor-rows .editor-entity.selected {
    margin: 0;
    padding: 10px;
}

#editor-measurement .measurement-editor-container .reorder-btn {
    margin-left: auto;
    align-self: end;
}

#editor-measurement .measurement-editor-container .editor-entity .drag-handle,
#measurementTemplate .container-content-template .editor-entity .drag-handle {
    margin-right: 10px;
}

#measurementTemplate .container-content-template .editor-entity .drag-handle {
    margin-left: 5px;
}

#editor-measurement .view-measurement-title-container {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: end;
}

#editor-measurement .list-measurements-container .clear-filter.panel-filter,
#editor-measurement .list-measurements-container .dropdown-container.filter-measurement-container {
    margin-left: 3px;
}

.list-measurements-container > .row-measurements.row {
    padding-top: 0;
}

.list-measurements-container.filter-searched.hide-load-more #measurements .row-measurements {
    padding-bottom: 0;
}

.list-measurements-container #measurements .row-measurements {
    overflow-y: auto;
    max-height: 500px;
    padding-top: 0;
    padding-bottom: 0;
}

.panel-measurement .list-measurements-container .measurement-result-container:before {
    content: " ";
    display: none;
}

.panel-measurement .list-measurements-container.absolute .measurement-result-container:before {
    content: " ";
    height: 50px;
    position: relative;
    display: block;
}

#section-editor .list-measurements-container #measurements .row-measurement-details:hover .row-measurement-container .measurement-details,
.list-measurements-container #measurements .row-measurement-details:hover {
    background-color: #f5f5f5;
}

.list-measurements-container #measurements .row-measurement-details .row-measurement-container .measurement-details {
    padding-top: 8px;
    padding-bottom: 10px;
}

.list-measurements-container #measurements .row-measurements:before{
    border-bottom: none !important;
}

.list-measurements-container #measurements .row-measurement-container {
    flex-wrap: wrap;
    display: flex;
    flex-shrink: 0;
    padding-left: 0;
    padding-right: 0;
}

.list-measurements-container #measurements .row-measurements {
    flex-direction: column;
    overflow-x: auto;
    flex-grow: 1;
    flex-basis: 100%;
}

#daily-report-body .list-measurements-container .row-measurement-details {
    width: 100% !important;
}

@media(max-width:1199px) {
    .list-measurements-container .row-measurement-details:not(.container-header-measurement-details,.editor-entity),
    .list-measurements-container .row-measurement-details.container-header-measurement-details .measurement-header-flex {
        width: 938px !important;
    }

    .list-measurements-container.filter-searched .row-measurement-details:not(.container-header-measurement-details, .editor-entity) {
        width: 982px !important;
    }

    .list-measurements-container.filter-searched .row-measurement-details.container-header-measurement-details .measurement-header-flex {
        width: 988px !important;
    }
}

@media (max-width:1500px) {
    #section-editor .list-measurements-container .row-measurement-details.container-header-measurement-details {
        top: 133px;
    }

    #section-editor .list-measurements-container .row-measurement-details:not(.container-header-measurement-details,.editor-entity),
    #section-editor .list-measurements-container .row-measurement-details.container-header-measurement-details .measurement-header-flex {
        width: 938px !important;
    }
}

@media (max-width:1730px) {
    #section-editor .list-measurements-container.filter-searched .row-measurement-details.container-header-measurement-details {
        top: 133px;
    }

    #section-editor .list-measurements-container.filter-searched .row-measurement-details:not(.container-header-measurement-details, .editor-entity) {
        width: 982px !important;
    }

    #section-editor .list-measurements-container.filter-searched .row-measurement-details.container-header-measurement-details .measurement-header-flex {
        width: 988px !important;
    }
}

@media(min-width:1200px) {
    #section-editor .list-measurements-container .row-measurement-details.container-header-measurement-details {
        top: 128px;
    }

    .list-measurements-container.row-measurement-details .row-measurement.row-measurement-note {
        flex-basis: 1113px;
    }

}

body.two-warning-panel #editor-measurement .list-measurements-container .row-measurement-details.container-header-measurement-details,
body.one-warning-panel #editor-measurement .list-measurements-container .row-measurement-details.container-header-measurement-details {
    top: 157.42px !important;
}

#editor-measurement .list-measurements-container .row-measurement-details.container-header-measurement-details {
    top: 128px !important;
}

.measurement-template-container.list-measurements-container .row-measurement-details.editor-entity .row-measurement {
    display: block;
}

.list-measurements-container .row-measurement-details .row-measurement {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
}

.list-measurements-container .row-measurement-details:not(.editor-entity) .row-measurement {
    width: 0;
    flex-basis: 100%;
}

.filter-measurement-container .measurement-value .flex-container {
    gap: 5px;
}

.flex-container {
    display: flex;
}


#editor-measurement .container-header-measurement-details.scroll {
    top: -3px !important;
}

.measurement-header-flex:before {
    width: calc(100% - 39px);
    left: 15px;
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    border-bottom: 1px solid #eee;
}

.list-measurements-container .row-measurement-details.container-header-measurement-details {
    padding-bottom: 0;
}

.list-measurements-container .row-measurement-details.container-header-measurement-details .measurement-header-flex {
    padding-bottom: 10px;
}

.list-measurements-container .row-measurement-details {
    display: flex;
    background-color: #fff;
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex-direction: row;
    flex-shrink: 0;
}

.list-measurements-container #measurements .row-measurement-details {
    flex-basis: 100%;
}

.list-measurements-container .row-measurement-details.container-header-measurement-details .measurement-header-flex {
    flex-wrap: wrap;
    display: flex;
    flex-shrink: 0;
}

.list-measurements-container .row-measurement-details.container-header-measurement-details .header-measurement {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    flex-basis: 100%;
    flex-shrink: 0;
    width: 0;
}

.list-measurements-container .row-measurement-details.container-header-measurement-details .measurement-header-flex {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}

.chart-list-measurement.list-measurements-container .row-measurements .row-measurement-details:not(.container-header-measurement-details) {
    width: 100% !important;
}


body.two-warning-panel .list-measurements-container .row-measurement-details.container-header-measurement-details {
    top: 108.84px;
}

body.one-warning-panel .list-measurements-container .row-measurement-details.container-header-measurement-details {
    top: 79.42px;
}

.list-measurements-container .row-measurement-details.container-header-measurement-details {
    display: flex;
    position: sticky;
    top: 50px;
    background-color: white;
    z-index: 3;
    overflow-x: hidden;
    margin-left: 1px !important;
}

.list-measurements-container .row-measurement-details.container-header-measurement-details {
    width: calc(100% - 1px) !important;
}


#editor-measurement .measurement-editor-container .editor-entity:not(.has-note) .editor-measurement-note,
#editor-measurement .measurement-editor-container .editor-entity.has-note .measurement-note-container,
#measurementTemplate .measurement-template-wrapper .editor-entity:not(.has-note) .editor-measurement-note,
#measurementTemplate .measurement-template-wrapper .editor-entity.has-note .measurement-note-container,
#measurementTemplate:not(.edit-mode) .add-new-measurement-from-template .modal-header .edit-measurement-template,
#measurementTemplate.edit-mode .hide-when-edit-mode,
#measurementTemplate:not(.edit-mode) .measurement-template-wrapper .measurement-template-content .measurement-template-name-container,
#measurementTemplate:not(.edit-mode) .show-when-edit-mode,
.measurement-entity-type-container.has-measurement-entity > .hide-when-measurement-entity,
.measurement-entity-type-container:not(.has-measurement-entity) > .show-when-measurement-entity,
#measurement-modal .default-measurement-view .measurement .label-measurement-details,
.wrapper-daily-report-welfare .measurement-result-container.isTemplate,
.wrapper-daily-report-welfare .measurement-content-container .empty,
#editor-measurement .panel-measurement-list .panel-title,
#editor-measurement .hide-content,
#editor-measurement .editor-entity.deleted,
#measurementTemplate.edit-mode .modal-footer .save-and-add-new,
#view-measurement .view-measurement-container.no-measurement .panel-measurement,
#view-measurement .view-measurement-container.no-measurement-template .panel-measurement-template-list,
#view-measurement .view-measurement-container:not(.no-measurement) .no-measurement-taken,
#view-measurement .view-measurement-container:not(.no-measurement-template) .no-measurement-taken {
    display: none;
}

#measurement-modal .default-measurement-view .measurement .label-value-custom-level {
    display: none !important;
}

#editor-measurement .measurement-editor-container .editor-entity .measurement-name-with-icon {
    align-items: start;
}

#measurementTemplate .editor-entity .measurement-name-with-icon {
    align-items: center;
}

#editor-measurement .measurement-editor-container .editor-entity .measurement-item-name {
    word-wrap: break-word;
    line-height: 1.1em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#editor-measurement .measurement-editor-container .editor-entity .show-when-custom-level .select2-container .select2-selection__rendered {
    word-wrap: break-word;
    line-height: 1.1em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: normal;
}

.measurement-editor-container .measurement-template-container .measurement-template-name-container {
    font-weight: 600;
}

.measurement-editor-container .measurement-template-container .measurement-template-details,
.measurement-editor-container .measurement-template-container .measurement-template-name-container,
.panel .measurement-template-container .measurement-template-details,
.panel .measurement-template-container .measurement-template-name-container,
#measurementTemplate .measurement-template-wrapper .measurement-template-name-container,
.wrapper-daily-report-welfare .measurement-template-container .measurement-template-name-container,
.wrapper-daily-report-welfare .measurement-template-container .measurement-template-details {
    display: flex;
}

.measurement-editor-container .measurement-template-container .measurement-template-name-container,
.panel .measurement-template-container .measurement-template-name-container,
#measurementTemplate .measurement-template-wrapper .measurement-template-name-container,
.wrapper-daily-report-welfare .measurement-template-container .measurement-template-name-container {
    flex-direction: column;
}

.measurement-editor-container .measurement-template-container .measurement-template-details,
.panel .measurement-template-container .measurement-template-details,
.wrapper-daily-report-welfare .measurement-template-container .measurement-template-details {
    align-items: center;
}

.measurement-editor-container .measurement-template-container .measurement-template-details,
.panel .measurement-template-container .measurement-template-details {
    flex-direction: row;
}

.measurement-editor-container .measurement-template-container .measurement-template-details .remove-template-container,
.panel .measurement-template-container .measurement-template-details .edit-template-container,
.wrapper-daily-report-welfare .measurement-template-details > .edit-template-container,
.measurement-template-container.list-measurements-container .measurement-template-details .measurement-template-name-container .pull-right,
.panel-measurement-template-list .panel-title .btn-group,
.measurement-result-container .editor-entity .inner-container-row-measurement .action-button-container .measurement-note-container {
    margin-left: auto;
}

.measurement-result-container .editor-entity .inner-container-row-measurement .action-button-container .remove-measurement-container {
    margin-left: 5px;
}

#editor-measurement .measurement-editor-container .editor-entity .show-when-custom-level .select2-selection {
    height: auto;
}

#editor-measurement .measurement-editor-container .editor-entity .show-when-custom-level .select2-selection .select2-selection__rendered {
    max-height: 60px;
    padding: 0;
    margin: 10px 18px;
}

#measurementTemplate .measurement-template-wrapper .measurement-template-name-container .measurement-template-name {
    font-size: 19px;
}

.measurement-entity-value .converted-value .converted-holder {
    font-size: 13px;
}

#editor-measurement .measurement-editor-container .measurement-template-container .list-editor-rows {
    max-height: 100% !important;
    overflow: unset;
}

@media (max-width: 1200px) and (min-width: 992px) {
    #editor-measurement .measurement-editor-container .editor-entity input.datetime {
        width: 180px !important;
    }
}

@media (max-width: 991px) {
    #measurement-template-content .measurement-template-name-container .btn-group {
        margin-left: 0;
    }

    .measurement-result-container .editor-entity .inner-container-row-measurement .measurement-name {
        display: inline-block;
    }

    .measurement-result-container .editor-entity .inner-container-row-measurement .unit-outer-container,
    .measurement-result-container .editor-entity .inner-container-row-measurement .row-measurement {
        margin-bottom: 15px;
    }

    #editor-measurement .list-measurements .editor-entity,
    #measurementTemplate .list-measurements .editor-entity {
        padding-left: 0;
        padding-right: 0;
    }


    .measurement-result-container .editor-entity .inner-container-row-measurement {
        padding-left: 20px;
        position: relative;
    }

    .measurement-result-container .editor-entity .inner-container-row-measurement .drag-handle {
        position: absolute;
        left: -20px;
        top: 10px;
    }

    .measurement-result-container .editor-entity .inner-container-row-measurement .action-button-container {
        position: absolute;
        top: 10%;
        right: 0;
    }

    .measurement-result-container .editor-entity .measurement .editor-measurement-note {
        padding-left: 20px !important;
    }

    .measurement-result-container .editor-entity .measurement .editor-measurement-note,
    .measurement-result-container .editor-entity .inner-container-row-measurement .container-select-custom-level {
        padding-right: 0;
    }

    #view-measurement .row-measurement-details .measurement-entity-type-container,
    .measurement-result-container .editor-entity .inner-container-row-measurement .measurement-value-outter-container,
    .measurement-result-container .editor-entity .inner-container-row-measurement .container-select-custom-level,
    .measurement-result-container .editor-entity .inner-container-row-measurement .unit-outer-container,
    .panel-measurement-list .row-measurement-details .measurement-note,
    .panel-measurement-list .row-measurement-details .measurement-created,
    .panel-measurement-list .row-measurement-details .measurement-entity-type-container,
    .panel-measurement-list .row-measurement-details .entity-welfare-name {
        padding-left: 0px !important;
    }

    .measurement-result-container .editor-entity .inner-container-row-measurement .measurement-value-outter-container,
    .measurement-result-container .editor-entity .inner-container-row-measurement .other-unit-name {
        padding-left: 5px !important;
    }

    .measurement-result-container .editor-entity .inner-container-row-measurement .row-measurement,
    .measurement-result-container .editor-entity .inner-container-row-measurement .unit-outer-container {
        padding-top: 5px;
    }

    .measurement-result-container .editor-entity .inner-container-row-measurement .measurement-note-container,
    #measurement-modal .default-measurement-view .measurement .measurement-value-container,
    #measurement-modal .default-measurement-view .measurement .unit-outer-container,
    #measurement-modal .default-measurement-view .measurement .container-select-custom-level {
        padding-top: 10px;
    }

    #measurement-modal .default-measurement-view .measurement .unit-outer-container,
    #measurement-modal .default-measurement-view .measurement .measurement-date-container {
        padding-right: 15px !important;
    }

    #measurement-modal .default-measurement-view .measurement .unit-outer-container .other-unit-name {
        width: 100%;
    }

    #measurement-modal .measurement-row .measurement .editor-measurement-note {
        margin-top: 5px !important;
    }


    #measurement-modal .measurement-row.modal-custom-level-item .measurement .editor-measurement-note {
        margin-top: 0 !important;
    }

    .measurement-template-content .list-measurements-container .editor-entity .measurement-date {
        flex-direction: column;
    }

    .chart-list-measurement .list-measurement-details .measurement-entity-date {
        padding-left: 0 !important;
    }

    #measurement-modal .container-header-measurement .filter-measurement-detail > label {
        text-align: left;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #measurement-modal .default-measurement-view .measurement .measurement-value-container {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .measurement-result-container .editor-entity .inner-container-row-measurement .measurement-value-outter-container {
        padding-left: 0 !important;
    }

    #measurement-modal .measurement-row .measurement .unit-outer-container {
        display: inline-block;
        padding-left: 15px !important;
    }

    #measurement-modal .measurement-row .measurement .measurement-date-container {
        display: inline-block;
    }

    #measurement-modal .measurement-row .measurement .unit-container,
    #measurement-modal .measurement-row .measurement .container-select-custom-level .select2-container {
        width: 100% !important;
    }
}

@media(max-width: 479px) {
    .panel-measurement-list .row-measurement-details .measurement-entity-date,
    .panel-measurement-list .row-measurement-details .unit-outer-container,
    .panel-measurement-list .row-measurement-details .measurement-updated {
        padding-left: 0 !important;
    }

    #measurementTemplate .modal-footer .btn-save-container {
        float: right;
        display: flex;
        flex-direction: column;
    }

    #measurementTemplate .modal-footer .btn-save-container .save-and-add-new {
        margin-top: 5px;
    }

    #measurementTemplate:not(.edit-mode) .modal-footer [data-dismiss="modal"] {
        float: left !important;
    }
}

#measurement-modal .row-measurement-details .measurement-date input.datetime,
#measurementTemplate .measurement-template-wrapper .editor-entity input.datetime {
    width: 100% !important;
}

.panel #measurement-template-content .template-detail-inner-container .measurement-template-container:not(:last-child),
.wrapper-daily-report-welfare #measurement-templates .measurement-template-contents .measurement-template-container {
    margin-bottom: 21px;
}

.panel #measurement-template-content .template-detail-inner-container .measurement-template-container:not(:first-child) .measurement-template-details,
.wrapper-daily-report-welfare #measurement-templates .measurement-template-contents .measurement-template-container:not(:first-child) .measurement-template-details {
    border-top: 1px solid #ddd;
}

.wrapper-daily-report-welfare #measurement-templates .measurement-template-contents .measurement-template-container .measurement-template-details > .measurement-template-name-container {
    margin-top: 11px;
}

.panel #measurement-template-content .template-detail-inner-container .measurement-result-container .row-measurement-details:not(:first-child),
.wrapper-daily-report-welfare .measurement-template-contents .measurement-template-container .measurement-result-container:not(.first-measurement) {
    border-top: 1px solid #ddd;
    padding-top: 15px;
}

.panel #measurement-template-content .template-detail-inner-container .measurement-result-container .row-measurement-details:not(:first-child),
.wrapper-daily-report-welfare .measurement-template-contents .measurement-template-container .measurement-result-container {
    margin-top: 15px;
}

.measurement-row .measurement .measurement-value-unit {
    display: flex;
    flex-direction: row;
}

#measurement-modal .measurement-row .measurement .unit-container .other-unit-name {
    display: flex;
    align-self: baseline;
}

#measurement-modal .measurement-row .measurement .measurement-value-container .unit-value {
    width: 100% !important;
}

#measurement-modal .measurement-row.modal-custom-level-item .measurement .measurement-value-unit {
    flex-direction: column;
}

#measurement-modal .measurement-row .measurement .editor-measurement-note {
    margin-top: 10px;
}

#editor-measurement .measurement-template-inner-container .measurement-template-container .measurement-content-container,
.panel-measurement-template-list #measurement-template-content .measurement-content-container,
.welfare-detail-container .measurement-template-container .measurement-content-container {
    margin: 0;
    border: 1px solid #ddd;
}

.panel-measurement-template-list #measurement-template-content .measurement-content-container,
.welfare-detail-container .measurement-template-container .measurement-content-container {
    padding: 15px 0;
}

#editor-measurement .measurement-template-inner-container .measurement-template-container .measurement-content-container {
    padding-bottom: 0;
}

#editor-measurement .measurement-template-inner-container .measurement-template-container .measurement-content-container,
.panel-measurement-template-list #measurement-template-content .measurement-content-container,
#measurementTemplate .list-editor .list-content-wrapper .editor-entity,
.welfare-detail-container .measurement-template-container .measurement-content-container,
#editor-measurement .list-measurements .editor-entity {
    background-color: #fbfafa;
}


#measurementTemplate .measurement-template-wrapper .inner-container-measurement-editor .list-measurements {
    padding: 0 !important;
}

#measurementTemplate .measurement-template-wrapper .inner-container-measurement-editor .list-measurements > .row {
    margin-left: 0;
    margin-right: 0;
}

#editor-measurement .measurement-template-inner-container .measurement-template-container .measurement-content-container {
    background: #fff;
    padding-top: 0;
}

.welfare-detail-container .measurement-template-container .measurement-content-container {
    padding: 15px 10px;
}

#editor-measurement .measurement-template-inner-container .list-editor-rows .measurement-template-container {
    margin-bottom: 25px;
}

#measurementTemplate .measurement-template-content .measurement-template-details .measurement-template-name-container,
.panel-measurement-template-list .measurement-template-container .measurement-template-details,
#editor-measurement .measurement-template-inner-container .contents-measurement-template .measurement-template-container .measurement-template-details {
    background: #888;
    color: #fff;
    padding: 10px 15px;
}

.panel-measurement-template-list .measurement-template-container .measurement-template-details .edit-measurement-template {
    color: #fff;
    align-items: baseline;
    font-weight: bold;
}

.panel-measurement-template-list .measurement-template-container .measurement-template-details .edit-measurement-template:hover {
    text-decoration: none;
}

.panel-measurement-template-list .measurement-template-container .measurement-template-details .edit-measurement-template .glyphicon-pencil {
    font-size: 13px;
    margin-top: 1px;
}

.panel-measurement-template-list .measurement-template-container .measurement-template-details .edit-measurement-template,
#editor-measurement .measurement-template-inner-container .measurement-template-container .measurement-template-details .measurement-sort-by-container {
    display: flex;
}

.list-measurements-container .editor-entity .inner-container-row-measurement .action-button-container,
#editor-measurement .measurement-template-inner-container .measurement-template-container .measurement-template-details .measurement-sort-by-container {
    align-items: center;
}

.list-measurements-container .editor-entity .inner-container-row-measurement .action-button-container .measurement-note {
    margin-top: 5px;
}

#editor-measurement .measurement-template-inner-container .measurement-template-container .measurement-template-details .measurement-sort-by-container .label-dropdown-sort-by {
    margin-left: 5px;
    color: #2780e3;
}

.list-measurements-container .editor-entity .inner-container-row-measurement .action-button-container .measurement-note:hover,
.list-measurements-container .editor-entity .inner-container-row-measurement .action-button-container .measurement-note:focus {
    text-decoration: none;
}

#editor-measurement .measurement-template-inner-container .measurement-template-container .measurement-template-details .measurement-sort-by-container .label-dropdown-sort-by > a {
    text-decoration: underline;
}

#editor-measurement .measurement-sort-by-container .label-dropdown-sort-by:after,
#editor-measurement .measurement-template-inner-container .measurement-template-container .measurement-template-details .measurement-sort-by-container .label-dropdown-sort-by > a,
#view-measurement .measurement-template-details .measurement-sort-by-container > .label-dropdown-sort-by > a {
    color: #fff;
}

.panel-measurement-template-list .measurement-template-container .measurement-template-details .edit-measurement-template > i {
    margin-right: 5px;
}

.measurement-row .measurement-template-content .action-btn-container > a:hover,
.measurement-row .measurement-template-content .action-btn-container > a:active,
.measurement-row .measurement-template-content .action-btn-container > a:focus,
#editor-measurement .measurement-editor-container .action-btn-container > a:hover,
#editor-measurement .measurement-editor-container .action-btn-container > a:focus {
    color: #165ba8;
    box-shadow: none;
}

#measurementTemplate .container-content-template .list-measurements .container-header-measurement-details > div {
    padding: 10px 15px;
    line-height: 1.1em;
}

.list-measurements.list-editor .list-content-wrapper {
    max-height: 100%;
    overflow-y: unset;
    overflow-x: unset;
}

.list-editor.list-measurements .editor-entity .unit-container .select2-container {
    height: 43px;
}

.list-editor.list-measurements .editor-entity.has-note .editor-measurement-note {
    margin-top: 5px;
}

.medical-edit #editor-measurement .measurement-editor-container.isMeasurementTemplate .header-measurement-date:after,
.medical-add #editor-measurement .measurement-editor-container.isMeasurementTemplate .header-measurement-date:after,
.animal-add #editor-measurement .measurement-editor-container.isMeasurementTemplate .header-measurement-date:after,
.animal-edit #editor-measurement .measurement-editor-container.isMeasurementTemplate .header-measurement-date:after {
    margin-left: 5px;
    margin-top: 5px;
}

#editor-measurement .measurement-list-editor-container,
#measurementTemplate .measurement-list-editor-container {
    padding: 0;
}

.panel-measurement .container-header-measurement-details .header-measurement-date,
.panel-measurement .row-measurement-details .measurement-entity-date {
    width: 300px;
}

.panel-measurement.filter-searched .row-measurement-details .custom-width.measurement-updated,
.panel-measurement.filter-searched .row-measurement-details .custom-width.measurement-created {
    width: 12%;
}

.row-measurement-details .custom-width.measurement-updated,
.row-measurement-details .custom-width.measurement-created {
    width: 13%;
}


@media(min-width:992px) {
    .measurement-modal .measurement-modal-validation {
        float: left;
        width: 100%;
        padding-left: 15px;
    }

    .measurement-modal .measurement-modal-validation .measurement-modal-validation-offset {
        margin-left: 0 !important;
    }

    .measurement-modal .measurement-modal-validation .measurement-modal-validation-md-3 {
        width: 25%;
    }

    .col-md-offset-measurement-template {
        margin-left: 19%;
    }

    .measurement-result-container .editor-entity .measurement {
        flex-direction: column;
    }

    .add-new-measurement-from-template .measurement-content-container .list-measurements .content-container .inner-container-row-measurement,
    #editor-measurement .measurement-editor-container .editor-entity .measurement .inner-container-row-measurement {
        align-items: center;
    }

    .add-new-measurement-from-template .measurement-content-container .list-measurements .content-container .inner-container-row-measurement,
    .measurement-result-container .editor-entity .measurement,
    #editor-measurement .measurement-editor-container .editor-entity .measurement .inner-container-row-measurement {
        display: flex;
    }

    .measurement-result-container .editor-entity .inner-container-row-measurement,
    .measurement-result-container .editor-entity .measurement {
        position: relative;
    }

    #measurement-modal .default-measurement-view .measurement .measurement-date-container {
        width: 190px;
    }

    .panel #measurement-template-content .template-detail-inner-container .row-measurements {
        border-top: 1px solid #ddd;
        padding-top: 15px;
    }

    #view-measurement .panel #measurement-template-content .template-detail-inner-container .row-measurements {
        padding-top: 0;
    }

    #editor-measurement .panel-measurement .row-measurement-details .custom-width.measurement-date, #view-measurement .list-measurement-details .custom-width.measurement-date {
        width: 15%;
        padding-right: 0px;
    }

    a.measurement-name.not-clickable.view-measurement-entity {
        pointer-events: none;
    }

    .contents-measurement-template .custom-width.measurement-date {
        width: 14%;
        padding-left: 0;
    }

    .section-detail .panel-measurement .container-header-measurement-details .header-measurement-date,
    .section-detail .panel-measurement .row-measurement-details .measurement-entity-date {
        width: 100px !important;
    }

    #measurementTemplate .measurement-template-container .header-measurement-date,
    #measurementTemplate .measurement-template-container .measurement-date-container,
    #editor-measurement .measurement-editor-container.isMeasurementTemplate .measurement-date,
    #editor-measurement .measurement-editor-container.isMeasurementTemplate .measurement-date-container {
        width: 19%;
    }

    #measurementTemplate .measurement-template-container .unit-outer-container,
    #editor-measurement .measurement-editor-container.isMeasurementTemplate .unit-outer-container {
        width: 23%;
    }

    .container-header-measurement-details .custom-width.measurement-created,
    .container-header-measurement-details .custom-width.measurement-updated {
        width: 13%;
    }

    .list-measurement-details .header-measurement-value-type {
        width: calc(25% - 5px);
    }

    .chart-list-measurement .row-measurement-details.measurement .custom-width.measurement-created,
    .chart-list-measurement .row-measurement-details.measurement .custom-width.measurement-updated {
        margin-left: 5px;
    }

    .chart-list-measurement .row-measurement-details .custom-width.measurement-updated,
    .chart-list-measurement .row-measurement-details .custom-width.measurement-created,
    .chart-list-measurement .container-header-measurement-details .custom-width.measurement-created,
    .chart-list-measurement .container-header-measurement-details .custom-width.measurement-updated {
        width: 12%;
    }

    .row-measurement-details .measurement-date-value.measurement-date {
        margin-right: 0;
    }

    .measurement-editor-container:not(.isMeasurementTemplate ) .container-header-measurement-details .header-measurement-value {
        margin-right: 5px;
    }

    .panel-measurement .container-header-measurement-details .entered-from-header {
        margin-left: -2px;
    }

    .chart-list-measurement .list-measurement-details .row-measurement-details:not(.calculated-measurement) .entered-from-header,
    .chart-list-measurement .list-measurement-details .row-measurement-details:not(.calculated-measurement) .measurement-entity-type-container {
        width: 150px;
    }

    .chart-list-measurement .list-measurement-details .action-btn-container {
        position: absolute;
        right: 20px;
        top: 3px;
    }

    .measurement-index .panel-measurement .container-header-measurement-details .entered-from-header {
        margin-left: 0;
    }

    #editor-measurement .panel-measurement .row-measurement-details .measurement-entity-date {
        padding-left: 10px;
    }

    #editor-measurement .panel-measurement .row-measurement-details .measurement-entity-type-container {
        margin-left: -5px;
    }

    .list-measurements-container .editor-entity:not(.sort-measurement) .measurement-name {
        margin-left: 10px;
    }

    #editor-measurement .measurement-editor-container .container-header-measurement-details .sort-unit {
        margin-left: -10px;
    }

    #editor-measurement .measurement-editor-container.isMeasurementTemplate .container-header-measurement-details .sort-unit {
        margin-left: -5px;
    }
}

@media(max-width:1200px) {
    .chart-list-measurement .list-measurement-details .row-measurement-details:not(.calculated-measurement) .measurement-entity-type-container {
        width: 130px;
    }

    .list-measurements-container #measurements .row-measurements {
        overflow-x: scroll;
    }
}

.filter-measurement-container .measurement-value .value-container {
    flex: 5 1;
}

.filter-measurement-container .measurement-value .value-unit-sym {
    display: flex;
    flex: 1 1 15px;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.filter-measurement-container .measurement-value .value-container.hidden-type,
.filter-measurement-container .measurement-unit .hidden-type,
.filter-measurement-container .measurement-unit.hidden-type,
.filter-measurement-container .measurement-value .hidden-comparison {
    display: none !important;
}

.filter-measurement-container .measurement-type .search-filter-container {
    width: 100%;
}

.filter-measurement-container .convert-value-container label,
.filter-measurement-container .convert-value-container input {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.filter-measurement-container .convert-value-container label {
    margin-left: 5px;
}

.filter-btn-dropdown-container .dropdown-menu .accordion.open .accordion-trigger {
    margin-bottom: 10px;
}

.form-horizontal .filter-measurement-container .form-group {
    margin: 0;
}

.filter-measurement-container .form-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.filter-measurement-container .comparison-container {
    margin-bottom: 10px;
}

.filter-measurement-container .dash {
    margin-top: 5px;
    margin-bottom: 5px;
}

.filter-measurement-container .other-filter-unit-container {
    margin-top: 10px;
}

.filter-measurement-container .search-filter-container {
    font-weight: normal;
    position: relative;
}

.filter-measurement-container input#isConvertSearch {
    pointer-events: none;
}

.filter-measurement-container .convert-value-container .search-filter-container label {
    cursor: inherit;
}

.filter-measurement-container .convert-value-container .search-filter-container {
    display: flex;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.filter-measurement-container .search-filter-container.no-next-page .load-more-wrapper {
    display: none !important;
}

.filter-measurement-container .search-filter-container .input-wrapper {
    width: 100%;
    position: relative;
}

.filter-measurement-container .search-filter-container .input-wrapper .reset-textbox {
    right: 10px;
}

.filter-measurement-container .search-filter-container .select2-search-field-container .reset-textbox {
    right: 10px;
}

.filter-measurement-container .search-filter-container .reset-textbox {
    right: 25px;
    color: #aaa;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    top: 0;
}

.list-measurement-details .filter-measurement-container .filter-result-container {
    color: #ccc;
}

#editor-measurement .panel-measurement-list {
    border-color: transparent;
    box-shadow: none;
    margin-bottom: 0;
}

.add-measurement.action-btn-container > ul.dropdown-menu,
.btn-add-measurement-template.action-btn-container > ul.dropdown-menu {
    position: absolute;
}

.add-measurement.action-btn-container > ul.dropdown-menu,
.btn-add-measurement-template.action-btn-container > ul.dropdown-menu {
    left: 20px;
}

.view-measurement-container .add-measurement.action-btn-container > ul.dropdown-menu {
    left: 0;
}

#editor-measurement .measurement-template-container:not(:last-child) .measurement-template-content {
    margin-bottom: 30px;
}

#measurementTemplate .measurement-template-container .editor-entity .measurement,
#measurement-modal .container-measurement-date .measurement-template-name-container {
    display: inline-block;
    width: 100%;
}

.measurement-result-container .editor-entity .inner-container-row-measurement .measurement-datetimepicker,
#measurementTemplate .measurement-template-container .editor-entity .measurement {
    width: 100% !important;
}

#measurement-modal .measurement-detail-item .measurement-template-name-container .badge-icon-measurement {
    background-size: 80%;
}

#measurement-modal .measurement-detail-item .measurement-template-name-container .measurement-template-name {
    font-size: 12px;
    margin-top: 3px;
}

#measurement-modal .default-measurement-view .measurement .unit-container .unit-id {
    min-width: 70px;
}

.measurement-template-container.list-measurements-container .measurement-template-details .remove-measurement-template {
    color: #fff;
}

.measurement-template-container.list-measurements-container .add-measurement.action-btn-container .dropdown-toggle > i {
    margin-left: 3px;
}

.list-measurements.list-measurements-container .action-btn-container.open > a,
.measurement-detail.list-editor .action-btn-container.open > a {
    font-weight: bold;
}

.panel-measurement-template-list .panel-title .btn-group #measurement-template-content {
    min-height: 120px;
}

.panel-default .panel-body .measurement-header-container .entity-title {
    font-size: 17px;
    font-weight: 600;
}

#editor-measurement .animal-measurement.measurement-editor-container .list-editor-rows {
    padding-left: 15px;
    padding-right: 15px;
}

.panel-default .panel-body .measurement-header-container > hr {
    margin-top: 15px;
}

#editor-measurement .panel-body:not(.no-measurement) .medical-measurement-template,
#editor-measurement .panel-body:not(.no-measurement) .animal-measurement-template {
    margin-top: 30px;
}


#editor-measurement .panel-body .measurement-header-container {
    margin-bottom: 15px;
}

#view-measurement .view-measurement-container .panel-measurement-template-list {
    margin-top: 30px;
}


#editor-measurement .measurement-content-container .action-btn-container > .dropdown-toggle {
    padding: 0 15px;
}

#editor-measurement .measurement-editor-container > .measurement-info {
    font-size: 13px;
    color: #999;
    font-style: italic;
}

#editor-measurement .measurement-editor-container > .animal-measurement-title {
    margin-bottom: 8px;
}

#measurement-modal .detail-measurement-filter .date-range-container .measurement-date-container .reset-date {
    position: absolute;
    z-index: 1;
    color: #aaa;
    right: 10px;
    top: 28%;
}

#measurement-modal .detail-measurement-filter .date-range-container .dash-date {
    padding: 5px;
}

.add-new-measurement-from-template .measurement-content-container .list-measurements .content-container,
.measurement-template-inner-container .contents-measurement-template .measurement-result-container .content-container {
    border-left: 4px solid #ddd;
}

.measurement-template-inner-container .contents-measurement-template .measurement-result-container .content-container .drag-handle {
    margin-left: 5px;
    margin-right: 5px;
    width: 15px;
}

#measurement-modal .measurement-entity-type-id.prevent-redirect {
    color: #333;
}

#measurement-modal .measurement-entity-type-id.prevent-redirect:hover {
    text-decoration: none;
    cursor: text;
}

.measurement-template-inner-container .contents-measurement-template .measurement-result-container .content-container.has-value {
    border-left-color: #91d429;
}

.measurement-template-inner-container .contents-measurement-template .measurement-date,
.measurement-template-content .list-measurements-container .editor-entity .measurement-date .measurement-date-inner-container {
    display: flex;
    align-items: center;
}

.measurement-template-inner-container .contents-measurement-template .measurement-date input.datetime {
    width: 180px !important;
}

.measurement-template-inner-container .contents-measurement-template .measurement-date .copy-date {
    margin-left: 5px;
}

.measurement-editor-container:not(.isMeasurementTemplate) .list-measurements-container .measurement-date .copy-date {
    display: none;
}

#editor-measurement .panel-measurement-list .container-header-measurement-details {
    padding-top: 0;
}

.measurement-template-content .list-measurements-container .editor-entity .measurement-date .measurement-date-inner-container {
    flex-direction: row;
    align-self: baseline;
}

.measurement-template-content .measurement-content-container .list-measurements-container .action-btn-container {
    padding-top: 15px;
    width: 100%;
    padding-bottom: 15px;
}

#form-medical-record .secure-note-outer-container {
    display: inline-block;
    width: 100%;
}

.add-new-measurement-from-template .measurement-content-container .list-measurements .content-container {
    padding: 0;
}

#measurementTemplate .add-new-measurement-from-template .action-btn-container > a,
#editor-measurement .measurement-editor-container .measurement-detail .dropdown-toggle,
#editor-measurement .panel-measurement-list .container-header-measurement-details {
    padding-bottom: 0;
}

#measurementTemplate .add-new-measurement-from-template .action-btn-container > a {
    padding-top: 0;
}

#editor-measurement .panel-body {
    margin: 10px 30px;
}

#view-measurement .view-measurement-container {
    padding: 20px 30px;
}

#view-measurement .list-measurements-container .container-header-measurement-details > div,
#editor-measurement .list-measurements-container .container-header-measurement-details > div {
    padding: 10px 0 10px 0;
}

#editor-measurement .list-measurements-container .container-header-measurement-details > div {
    background-color: #eee;
}

#form-medical-record #editor-measurement {
    margin-top: 50px;
}

#editor-measurement .warning-permission {
    margin-bottom: 15px;
}

#editor-measurement .warning-permission i {
    margin-right: 5px;
}

#editor-measurement .mention-tagging-container[disabled] {
    pointer-events: none !important;
}

#editor-measurement .mention-tagging-container[disabled] .mention-tagging {
    background-color: #e6e6e6;
}

.filter-measurement-container .btn-reset.color-danger:hover,
.filter-measurement-container .btn-reset.color-danger:focus {
    color: #ff0039;
}

.filter-measurement-container .btn-search,
.filter-measurement-container .btn-search:hover,
.filter-measurement-container .btn-search:focus {
    color: #090909;
}

#view-measurement .panel-measurement-template-list #measurement-template-content .measurement-content-container,
#editor-measurement .view-measurement-container .panel-body,
#editor-measurement .measurement-editor-container .action-btn-container .dropdown-toggle {
    padding-top: 0;
}

#view-measurement .view-measurement-container .list-measurement-details,
#view-measurement .view-measurement-container #measurement-template-content {
    margin-left: -15px;
    margin-right: -15px;
}

.measurement-entity-type-container .measurement-entity-type-id {
    line-height: 0.8em;
}

#view-measurement .panel-measurement-list #measurements {
    padding-top: 0 !important;
}

#view-measurement .panel-measurement-template-list #measurement-template-content .measurement-content-container {
    border: none;
}

#view-measurement .panel #measurement-template-content .template-detail-inner-container .measurement-result-container .row-measurement-details {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    margin-top: 0;
}

#view-measurement .panel-measurement-template-list #measurement-template-content .measurement-content-container {
    padding-bottom: 0;
}

#view-measurement .panel #measurement-template-content .template-detail-inner-container .measurement-result-container .row-measurement-details:nth-child(odd) {
    background-color: #fff !important;
}

#view-measurement .panel #measurement-template-content .template-detail-inner-container .measurement-result-container .row-measurement-details > div {
    padding-top: 15px;
    padding-bottom: 15px;
}

#editor-measurement .measurement-editor-container:not(.isMeasurementTemplate) .editor-entity:not(.sort-measurement) {
    padding-left: 15px;
}


#editor-measurement .view-measurement-container .action-btn-container {
    padding-top: 15px;
}

#editor-measurement .measurement-editor-container.isMeasurementTemplate .measurement-template-inner-container {
    margin-bottom: 20px
}

#measurement-modal .from-date-container {
    padding-left: 0 !important;
}

#editor-measurement .editor-entity .content-container .measurement-name-with-icon {
    width: 100%;
}

#view-measurement .panel .measurement-template-container .measurement-template-name-container .measurement-template-name,
#view-measurement .panel-measurement-template-list .title-measurement-container {
    font-weight: bold;
}

#view-measurement .panel-measurement-list hr,
#view-measurement .panel-measurement-template-list hr {
    display: none;
}

#view-measurement .view-measurement-container .panel-measurement-container,
#view-measurement .view-measurement-container .panel-measurement-template-container {
    padding-left: 0;
    padding-right: 0 !important;
}

#view-measurement .row-measurement-details.sort-measurement-header-container:not(.isMeasurementTemplate) {
    padding: 0;
}

#view-measurement .panel-measurement-list #measurements {
    margin-left: 0;
    margin-right: 0;
}

#view-measurement .view-measurement-container.no-measurement .panel-measurement-template-list {
    margin-top: 0;
}

#view-measurement .view-measurement-container.no-measurement.no-measurement-template {
    padding: 15px;
}

#view-measurement .panel-title {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#view-measurement .panel #measurement-template-content .template-detail-inner-container .measurement-template-container .measurement-result-container {
    padding: 0;
}

#view-measurement .panel-title > .btn-group {
    margin-left: auto;
}

#editor-measurement .measurement-editor-container .action-btn-container .dropdown-toggle > .fa-plus {
    margin-right: 4px;
}

#editor-measurement .measurement-editor-container .list-measurements-container.has-measurement .dropdown-toggle {
    padding-top: 0;
}

.measurement-content-container .list-measurements .editor-entity.sortable-chosen {
    background-color: #eee;
}

.measurement-content-container .list-measurements .editor-entity .drag-handle:hover {
    cursor: pointer;
}

.filter-filled .row-measurement .view-measurement-entity {
    font-weight: normal;
}

.filter-filled .row-measurement .view-measurement-entity,
#measurementTemplate .measurement-template-container .editor-entity .view-measurement-entity,
.measurement-entity-item .measurement-name.prevent-view-detail,
.measurement-entity-type-id.prevent-click,
#measurement-modal .measurement-modal .measurement-template-name-container,
#editor-measurement .list-editor-rows .editor-entity .measurement-item-name.prevent-view-detail,
#measurement-modal .measurement-template-name-container.prevent-click {
    cursor: default;
    color: #333;
}

.filter-filled .row-measurement .view-measurement-entity,
#measurementTemplate .measurement-template-container .editor-entity .view-measurement-entity,
.measurement-entity-item .measurement-name.prevent-view-detail,
#measurement-modal .measurement-modal .measurement-template-name-container,
#editor-measurement .list-editor-rows .editor-entity .measurement-item-name.prevent-view-detail,
#measurement-modal .measurement-template-name-container.prevent-click {
    pointer-events: none;
}

.measurement-entity-type-id.prevent-click:hover,
.measurement-entity-type-id.prevent-click:focus,
.measurement-entity-type-id.prevent-redirect:hover,
.measurement-entity-type-id.prevent-redirect:focus {
    text-decoration: none;
}

#editor-measurement .measurement-template-container .expander.hide-measurement .close-all,
#editor-measurement .measurement-template-container .expander:not(.hide-measurement) .show-all,
#editor-measurement .measurement-template-container .editor-entity.hide-measurement-row {
    display: none;
}

#editor-measurement .measurement-template-container .expander {
    position: absolute;
    border: 1px solid #ddd;
    padding: 2px 10px 1px 10px;
    border-top: none;
    font-size: 13px;
    z-index: 1;
    background-color: #fff;
    bottom: -20px;
    top: auto;
    height: 22px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

#editor-measurement .measurement-template-container .expander > a > i {
    padding-right: 5px;
}

#editor-measurement .measurement-template-container .expander > a:hover,
#editor-measurement .measurement-template-container .expander > a:focus {
    text-decoration: none;
}

.panel-measurement .measurement-entity-type-container a.measurement-entity-type-id {
    margin-top: 2px;
}

.measurement-entity-type-container a.measurement-entity-type-id {
    display: flex;
}

.measurement-entity-type-container a.measurement-entity-type-id > .icon {
    margin-right: 5px;
}

.measurement-entity-type-container a.measurement-entity-type-id .measurement-entity-type-content {
    word-wrap: break-word;
    line-height: 1.1em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
}

#measurement-modal .container-measurement-date .measurement-template-name-container {
    display: flex;
    align-items: flex-start;
    line-height: 1.3;
}

.panel-measurement-template-list .measurement-template-container .container-header-measurement-details {
    background-color: #ddd;
}

#measurement-modal .detail-measurement-view .modal-body {
    padding-top: 15px;
}

.measurement-result-container .row-measurement-details.calculated-measurement .measurement-entity-type-container {
    padding-left: 0;
}

.measurement-result-container .row-measurement .measurement-entity-type-container {
    display: inline-block;
}

#editor-measurement .panel-body.no-measurement .measurement-editor-container:not(.isMeasurementTemplate),
#editor-measurement .panel-body.no-measurement-template .measurement-editor-container.isMeasurementTemplate,
#editor-measurement .panel-body:not(.no-measurement-template) .no-measurement-taken,
#editor-measurement .panel-body:not(.no-measurement) .no-measurement-taken {
    display: none;
}

#editor-measurement .medical-record-measurement .btn-add-container ul.dropdown-menu {
    left: auto;
    right: 0;
}

.list-measurements-container .editor-entity .measurement-modal-validation .show-when-time {
    display: block !important;
}

#alertPopup.modal .welfare-items-on-delete-item-wrapper {
    margin-bottom: 10px;
}

#alertPopup.modal .welfare-items-on-delete-item-wrapper ul {
    margin-top: 5px;
    padding-left: 15px;
    max-height: 210px;
    overflow-x: auto;
    margin-bottom: 5px;
}

#measurement-modal .default-measurement-view .warning-unit-modified {
    padding-left: 15px;
}

.measurement-index .custom-level-inner-container {
    padding-top: 11px;
}

.measurement-modal.show-detail-measurement .detail-measurement-filter .date-range-container .input-container:not(.date-has-value) .clear-all-date,
.measurement-modal.show-detail-measurement .modal-body.is-calculated-measurement .hide-when-custom-level {
    display: none;
}

.container-entry-view .row-measurement-details .tooltip > .tooltip-inner > ul {
    padding-inline-start: 15px;
    text-align: left;
}

.measurement-modal.show-detail-measurement .modal-body .detail-measurement-filter.container-header-measurement {
    padding-bottom: 5px;
}

.measurement-modal.show-detail-measurement .modal-body.is-calculated-measurement .detail-measurement-filter.container-header-measurement {
    padding-bottom: 0;
}

.measurement-modal.show-detail-measurement .modal-body .detail-measurement-filter.container-header-measurement > div {
    margin-bottom: 5px;
}

#measurement-modal .measurement-modal .clear-all-date {
    margin-left: 5px;
    font-size: 13px;
}

@media (max-width: 767px) {
    .measurement-modal.show-detail-measurement .modal-body .date-range-container .input-container .measurement-date-container {
        width: 100%;
    }

    .measurement-modal.show-detail-measurement .detail-measurement-filter .sort-measurement-header-container {
        margin-top: 15px;
    }

    .measurement-modal.show-detail-measurement .detail-measurement-filter,
    .measurement-modal.show-detail-measurement .modal-body .detail-measurement-filter.container-header-measurement > div {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    .measurement-modal.show-detail-measurement .modal-body .container-measurement-value {
        width: 20% !important;
    }

    .measurement-modal.show-detail-measurement .modal-body .audit-measurement {
        width: 13% !important;
    }

    .measurement-modal.show-detail-measurement .modal-body .entered-from-container {
        width: 20%;
    }

    .measurement-modal.show-detail-measurement .modal-body .filter-sticky {
        position: sticky;
        position: -webkit-sticky;
        z-index: 700;
        background-color: #fff;
        top: 0;
    }

    .measurement-modal.show-detail-measurement .modal-body.on-scroll .detail-measurement-title.filter-sticky {
        top: 180px;
    }

    .measurement-modal.show-detail-measurement .modal-body.on-scroll.is-calculated-measurement .detail-measurement-title.filter-sticky {
        top: 108px;
    }

    .measurement-modal.show-detail-measurement .modal-body form.filter-sticky {
        z-index: 701;
        top: -1px;
    }

    .measurement-modal.show-detail-measurement .modal-body.on-scroll {
        padding-top: 0 !important;
    }

    .measurement-modal.show-detail-measurement .modal-body.on-scroll form.filter-sticky {
        padding-top: 15px;
    }

    .measurement-modal.show-detail-measurement .modal-body.on-scroll .detail-measurement-title {
        -webkit-box-shadow: 0 8px 6px -6px #999;
        box-shadow: 8px 6px -6px #999;
    }
}

@media (min-width: 992px) {
    .measurement-modal.show-detail-measurement .modal-body.on-scroll .detail-measurement-title.filter-sticky {
        top: 135px;
    }

    .measurement-modal.show-detail-measurement .modal-body.on-scroll.is-calculated-measurement .detail-measurement-title.filter-sticky {
        top: 85px;
    }

    .measurement-modal.show-detail-measurement .modal-body .filter-measurement-template-container .filter-measurement-detail label,
    .measurement-modal.show-detail-measurement .modal-body .filter-welfare-template-container .filter-measurement-detail label {
        padding-top: 0px !important;
    }
}

@media (max-width: 991px) {
    .measurement-modal.show-detail-measurement .modal-body .filter-measurement-detail > label {
        padding-top: 0px !important;
    }


    .measurement-modal.show-detail-measurement .detail-measurement-container .measurement-detail-item:first-child .measurement-action {
        top: 0 !important;
    }
}

@media(max-width: 479px) {
    .measurement-modal.show-detail-measurement .modal-body .date-range-container .input-container {
        flex-direction: column;
    }

    #measurement-modal .measurement-modal .clear-all-date.clear-all-date-mobile,
    #measurement-modal .measurement-modal .clear-all-date.clear-all-date-desktop {
        display: none;
    }

    .measurement-modal.show-detail-measurement .modal-body .date-range-container .label-date-range {
        display: flex;
    }

    #measurement-modal .measurement-modal .date-has-value .clear-all-date.clear-all-date-mobile {
        display: inline-block;
        margin-top: 3px;
        margin-left: auto !important;
    }
}

@media(min-width: 480px) {
    #measurement-modal .measurement-modal .clear-all-date.clear-all-date-mobile {
        display: none;
    }
}

#measurement-template-container .measurement-template-view .template-view-mode .no-records-found {
    padding-top: 15px;
}

#measurement-modal .filter-measurement-detail .reset-button {
    color: #aaa;
    position: absolute;
    top: 25%;
    right: 30px;
    padding: 0 3px;
}

#measurement-modal .filter-measurement-detail .reset-button:hover {
    text-decoration: none;
}

.measurement-content-wrapper .container-entity-measurement-item .entity-name-container > i {
    margin-right: 5px;
}

#editor-measurement .measurement-template-container .editor-entity .warning-unit-modified {
    margin-left: 5px;
}

.section-layout.edit-mode #section-editor .section-general-information .footer-container {
    border-top: 1px solid #eee;
}

.popover-user-notification .notification-item-container .remove-notification:hover {
    cursor: pointer;
}

#section-editor .section-detail-content-inner-container .weather-parent-section-text .text-warning {
    margin-left: 3px;
}

.select2-container .flag-icon {
    margin-right: 5px;
}

.account-register #alertPopup {
    z-index: 1055;
}

.form-change-password .btn-change-password-container {
    display: flex;
}

.form-change-password .btn-change-password-container .submit-change-password {
    margin-right: 10px;
}

.feedback-floating-button {
    position: fixed;    
    bottom: 234px;
    left: 25px;
    z-index: 9998;
    transform: translateX(-50%) rotate(270deg);
    transform-origin: bottom center;
    height: 32px;
    width: auto;
    line-height: 2.6;
    color: #666;
    background-color: #ccc;
    border: none;
    font-size: 14px;
    text-align: center;
    padding: 0 3px;
    transition: left 1s;
    transition-timing-function: linear;
    display: flex;
    align-items: center;
    transition: all 500ms ease-in-out;
}

.feedback-floating-button:hover {
    left: 32px;
    background-color: #aaa;
}

.feedback-floating-button #button-text,
.feedback-floating-button .glyphicon-comment {
    padding: 5px;
}

.feedback-floating-button .glyphicon-comment {
    padding-right: 0px;
    margin-right: 1px;
}

.feedback-floating-button.active,
.feedback-floating-button.active:hover,
.feedback-floating-button.active:focus {
    left: 281px;
    background-color: #ccc;
    border: none;    
}

.feedback-title {
    margin-top: 0px;
    margin-bottom: 5px;
}

.feedback-form {
    position: fixed;
    bottom: 50px;
    left: -250px;
    z-index: 9999;
    width: 250px;
    height: 230px;
    background-color: #eee;
    padding: 20px;
    transition: left 1s;
    transition-timing-function: linear;
    transition: all 500ms ease-in-out;
    border: solid 1px #ccc;
}

.feedback-form.active {
    left: 0px;
}

#feedback-container #feedback-input {
    padding: 10px 5px;
}

#feedback-container #feedback-input,
#feedback-container #feedback-input:focus-visible {
    height: 100px;
    width: 210px;
    resize: none;
    outline: none;
}

#feedback-container #submit-feedback {
    position: absolute;
    bottom: 15px;   
    width: 85%;
}

#feedback-container .feedback-form .close {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #000;
}

@media (max-width: 768px) {
    #feedback-container .feedback-floating-button.active,
    #feedback-container #button-text {
        display: none;
    }

    #feedback-container .feedback-floating-button {
        bottom: 266px;
    }

    #feedback-container .glyphicon-comment {
        padding-right: 2px;
    }
}

/* LANGUAGE TRANSLATION */
.lang-wrapper .translation-loading {
    position: absolute;
    bottom: 3px;
    right: 6px;
    height: 1em;
}

.modal .lang-wrapper .translation-loading {
    z-index: 2;
}

.custom-list .pending-translation-message-container {
    background-color: antiquewhite;
    -webkit-animation: fadeIn 750ms ease-in forwards;
    -moz-animation: fadeIn 750ms ease-in forwards;
    -o-animation: fadeIn 750ms ease-in forwards;
    animation: fadeIn 750ms ease-in forwards;
}

.custom-list .grey-messagebox > div .glyphicon {
    vertical-align: text-bottom;
}

/* CUSTOM LIST */
.custom-list #custom-list-load {
    position: absolute;
    top: 30%;
    left: 0;
    z-index: 999;
    right: 0;
}

@media (min-width:768px) {
    .custom-list .sidebar-nav {
        position: sticky;
        top: 49px;
        position: sticky;
        z-index: 3;
        top: 50px;
    }

    .custom-list .navbar-custom {
        max-height: 80vh;
        overflow-y: scroll;
    }
}

.custom-list .panel-heading {
    position: sticky;
    top: 49px;
    position: sticky;
    z-index: 3;
    top: 50px;
}

.custom-list .panel-heading {
    position: sticky;
    top: 49px;
    position: sticky;
    z-index: 3;
    top: 50px;
}

.custom-list .panel-heading {
    justify-content: space-between;
}

.custom-list .panel-heading .screen-mode {
    cursor: pointer;
    padding: 5px;
    border: 1px solid #ccc;
}

.custom-list .panel-heading .type-name {
    gap: 0.5em;
}

.multi-language-container .panel-heading .count-pipe {
    padding: 10px;
    color: #aaa;
    margin-top: -2px;
}

@media(min-width: 768px) {
    .custom-list.fullscreen .sidebar-nav,
    .custom-list.fullscreen .nav-resize-wrapper .fullscreen,
    .custom-list:not(.fullscreen) .nav-resize-wrapper .exit-fullscreen {
        display: none;
    }

    .custom-list.fullscreen .tab-content {
        width: 100% !important;
    }
}

.custom-list .toggle-container > a {
    line-height: 1.1em;
}

.multi-language-container.single-lang-mode .hide-when-single-lang,
.multi-language-container.multi-lang-mode .hide-when-multi-lang {
    display: none;
}

/* TABLE */
.custom-list .table-wrapper td {
    vertical-align: top;
}

.multi-language-container .multi-lang-mode .table-wrapper {
    position: relative;
}

.multi-language-container table {
    width: 100%;
    -webkit-animation: fadeIn 750ms ease-in forwards;
    -moz-animation: fadeIn 750ms ease-in forwards;
    -o-animation: fadeIn 750ms ease-in forwards;
    animation: fadeIn 750ms ease-in forwards;
}

.multi-language-container.single-lang-mode tbody tr:first-child td {
    padding-top: 20px;
}

.multi-language-container .single-lang-mode tfoot td {
    padding-bottom: 20px;
}

.multi-language-container table thead a.language {
    text-decoration: none;
}

.multi-language-container table textarea {
    resize: none;
    height: 100%;
}

.multi-language-container table tr > th,
.multi-language-container table tr > td {
    padding: 10px 15px;
}

.multi-language-container .multi-lang-mode table tr > th,
.multi-language-container .multi-lang-mode table tr > td {
    border-bottom: 1px solid #ccc;
}

.multi-language-container table th {
    background: #fff;
}

.multi-language-container.multi-lang-mode table th:first-child,
.multi-language-container.multi-lang-mode table tbody tr:not(:hover) > td:first-child,
.multi-language-container.multi-lang-mode table tfoot tr > td:first-child {
    background: #eee !important;
}

.multi-language-container table tbody tr:hover:not(:has(.flag-dropdown-menu:hover)),
.multi-language-container table tbody tr:hover > td:not(:has(.flag-dropdown-menu:hover)) {
    background-color: #dee7ef !important;
}

.multi-language-container table thead tr {
    position: sticky;
    z-index: 10;
    left: 0;
    top: 0;
}

@media(max-width: 479px) {
    .multi-language-container table th:first-child {
        padding-left: 15px;
    }

    .multi-language-container table tr > :not(.active) {
        display: none;
    }

    .multi-language-container table thead tr {
        top: 92px !important;
    }

    .multi-language-container table thead .language-header-container {
        flex-basis: 100%;
        justify-content: space-between;
    }
}

@media(min-width: 480px) {
    .custom-list #ResourceField .table-wrapper th.first {
        min-width: 529px !important;
    }

    .multi-language-container .table-wrapper th {
        min-width: 229px;
    }

    .multi-language-container.multi-lang-mode table {
        width: max-content !important;
    }

    .multi-language-container.multi-lang-mode .table-scroll {
        overflow: scroll;
        max-height: 60vh;
    }

    .multi-language-container.multi-lang-mode table thead tr > th:first-child,
    .multi-language-container.multi-lang-mode table tr > td:first-child,
    .multi-language-container.multi-lang-mode table tr > td:first-child {
        position: sticky;
        z-index: 1;
        left: 0;
    }

    .multi-language-container.multi-lang-mode table tr th:not(:last-child),
    .multi-language-container.multi-lang-mode table tbody tr td:not(:last-child),
    .multi-language-container.multi-lang-mode table tfoot tr td:first-child {
        border-right: 1px solid #ccc;
    }

    .multi-language-container table td:not(:first-child) .sortable-container .drag-handle,
    .multi-language-container table td:not(:first-child) .add {
        display: none;
    }
}

#new-features .popup-wizard .wizard-content.youtube div.embed-responsive {
    margin-bottom: 15px;
}

/* scroll shadow */
.multi-language-container .shadow-x table thead tr {
    box-shadow: 0 2px 5px #999;
    background: #fff;
}

.multi-language-container.multi-lang-mode .shadow-y table td.first::after,
.multi-language-container.multi-lang-mode .shadow-y table th.first::after {
    content: " ";
    height: 100%;
    border-right: 1px solid #dddddd;
    position: absolute;
    right: 0;
    top: 0;
    box-shadow: 1px 0px 2px #999;
}

@media(max-width: 1199px) {
    .custom-list #ResourceField table .sortable-container .field-container {
        flex-wrap: wrap;
    }

    .multi-language-container.multi-lang-mode table .custom-name-container {
        display: none;
    }
}

@media(min-width: 1200px) {
    .custom-list #ResourceField.single-lang-mode table tr td:first-child .error-message-container > span {
        padding-left: 43% !important;
    }

    .custom-list #ResourceField.multi-lang-mode table tr td:first-child .error-message-container > span {
        padding-left: 56% !important;
    }

    .custom-list #TaskType.single-lang-mode table tr td:first-child .error-message-container > span {
        padding-left: 12% !important;
    }

    .custom-list #TaskType.multi-lang-mode table tr td:first-child .error-message-container > span {
        padding-left: 30% !important;
    }

    .custom-list #ResourceField table .sortable-container .field-container select {
        min-width: 230px;
        max-width: 300px;
    }
}

.custom-list #ResourceField table .sortable-container .field-container select {
    width: 100%;
}

.multi-language-container .language-header-container a.language {
    margin-right: 5px;
}

.multi-language-container .language-header-container .sort-container {
    display: inline-block;
}

.multi-language-container .language-header-container .sort-container > .sort-icon {
    margin-right: 5px;
}

.custom-list #ResourceField table .custom-name-container {
    width: 56%;
}

.custom-list #TaskType table .custom-name-container {
    width: 30%;
}

.multi-language-container table .field-input-container {
    flex-basis: 100%;
}

.multi-language-container table .data-container,
.multi-language-container table .sortable-container .field-container {
    display: flex;
    align-items: center;
    position: relative;
    flex: 1;
    gap: 1em;
}

.custom-list table .sortable-container .custom-default-field {
    background-color: #fff;
    flex: 1;
    padding: 10px 18px;
    border: 1px solid #cccccc;
    height: 100%;
    width: 20vw;
    min-width: 186px;
}

.multi-language-container.multi-lang-mode table .sortable-container .custom-default-field {
    min-height: 68px;
}

.multi-language-container table .sortable-container .custom-default-field-name {
    flex-basis: 70%;
    padding-right: 10px;
}

.multi-language-container table .sortable-container .custom-default-field-data-type {
    display: flex;
    flex-basis: 30%;
    position: relative;
    padding-left: 10px;
    height: 100%;
    align-items: center;
}

.multi-language-container table .field-input-container .action-container {
    position: absolute;
    right: 6px;
    top: 6px;
}

.multi-language-container table .action-container {
    display: flex;
    gap: 1em;
    min-width: 15px;
}

.multi-language-container .dropdown-menu.auto-translate,
#custom-value-add .dropdown.show-when-multi-language .dropdown-menu {
    width: 250px;
}

.multi-language-container .dropdown-menu > li > a {
    text-wrap: auto;
    padding-block: 5px;
    line-height: normal;
}

.multi-language-container table .action-container .dropdown-toggle {
    color: #aaa;
}

.multi-language-container.single-lang-mode table tbody tr td .action-container {
    align-items: center;
    justify-content: space-around;
}

.multi-language-container.multi-lang-mode table tbody tr td .action-container {
    flex-direction: column;
}

.multi-language-container table tr td:first-child .error-message-container > span {
    padding-left: 30px;
}

.multi-language-container table tfoot .add i {
    margin-right: 5px;
}

#taskchecklist-delete-confirm .delete-container {
    display: flex;
    flex-direction: row;
    line-height: 1.1em;
    align-items: center;
}

#custom-value-add:not(.show-primary-only) .modal-body .info-wrapper,
.multi-language-container .table-wrapper tr.template {
    display: none;
}

#custom-value-add:not(.show-primary-only) .modal-body .language-toggle-wrapper {
    margin-bottom: 0;
}

#custom-value-add .primary.other .label-primary-language {
    right: 25px;
}

.multi-language-container.single-lang-mode .lang-wrapper.dirty .field-input-container,
.multi-language-container.multi-lang-mode .lang-wrapper.dirty .field-input-container textarea {
    border: 2px solid #74ac0a;
}

.custom-checklist-header .task-btn-group .dropdown-menu > li {
    display: flex;
    align-items: center;
}

.custom-checklist-header .task-btn-group .dropdown-menu > li .fullscreen-view-text {
    margin-left: 6px !important;
}

.paymentplan-card {
    margin-bottom: 15px;
}

.table-row,
.table-cell,
.category-information .category-name-container,
#keyword-add .row-keyword-name {
    display: flex;
}

.table-row {
    flex-direction: row;
    align-items: stretch;
    min-height: 50px;
}

.table-cell {
    flex: 1;
    padding: 10px;
    align-items: center;
    justify-content: center;
}

.table-row.header .table-cell {
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

.table-row.header .table-cell:not(:nth-child(1)) {
    background-color: #000;
}

.table-row.header .table-cell:nth-child(1),
.table-row.submit-btn-container .table-cell:nth-child(1) {
    border: 1px solid transparent;
}

.table-row .table-cell:nth-child(1) {
    flex: 1.3;
}

.table-cell.label {
    flex: 1.5;
    background-color: #f0f0f0;
}

@media (min-width: 1200px) {
    .paymentplan-card,
    .paymentplan-container .medical-module-label .paymentplan-inner-label {
        display: none;
    }

    .paymentplan-container {
        display: flex;
        flex-direction: column;
    }
}

@media(max-width: 1199px) {
    .paymentplan-container .table-row {
        display: none;
    }

    .paymentplan-card .paymentplan-cell > div,
    .paymentplan-card-container .header.paymentplan-card .payment-add-medical-container .add-medical-label {
        text-align: center;
    }

    .paymentplan-container .medical-module-label .paymentplan-inner-label,
    .paymentplan-container .paymentplan-card-container,
    .paymentplan-card-container .header.paymentplan-card .payment-add-medical-container,
    .paymentplan-card-container .header.paymentplan-card .payment-add-medical-container .add-medical-label {
        display: flex;
    }

    .paymentplan-container .medical-module-label .paymentplan-inner-label,
    .paymentplan-container .paymentplan-card-container,
    .paymentplan-card-container .header.paymentplan-card .payment-add-medical-container {
        flex-direction: column;
    }

    .paymentplan-card-container .header.paymentplan-card .payment-add-medical-container .add-medical-label {
        align-self: center;
        align-items: center;
    }



    .paymentplan-card-container .header.paymentplan-card .paymentplan-inner-container .paymentplan-cell {
        border: none;
        padding: 0;
    }

    .paymentplan-card-container .header.paymentplan-card .payment-add-medical-container .add-medical-label {
        padding-top: 0;
        font-weight: 600;
    }

    .paymentplan-card-container .header.paymentplan-card .paymentplan-inner-container {
        border: 1px solid #d3d3d3;
        padding-bottom: 15px;
        padding-top: 5px;
    }
}

.paymentplan-container .payment-add-medical-container .add-medical-label .glyphicon-question-sign {
    padding-right: 5px;
}

.table-row .table-cell .description-column {
    width: 210px;
}

.paymentplan-container .table-row.header .highlighted {
    margin-top: -10px;
}

.paymentplan-container .table-row.submit-btn-container .highlighted {
    margin-bottom: -10px;
}

.paymentplan-container .paymentplan-cell.highlighted {
    flex-direction: column;
    background-color: #efefef;
}

.paymentplan-container.monthly-payment-plan .paymentplan-cell[data-payment-type="Annually"],
.paymentplan-container.annually-payment-plan .paymentplan-cell[data-payment-type="Monthly"],
.paymentplan-container.monthly-payment-plan .paymentplan-card[data-payment-type="Annually"],
.paymentplan-container.annually-payment-plan .paymentplan-card[data-payment-type="Monthly"],
.label-editor-container .row-margin-bottom .flag-description-container:not(.show-description) .flag-description-container,
.label-editor-container .row-margin-bottom .flag-description-container.show-description .text-show-desc,
.label-editor-container .row-margin-bottom .flag-description-container:not(.show-description) .text-hide-desc,
.label-editor-container .editor-flag-panel.read-mode .show-edit-mode,
.label-editor-container .editor-flag-panel.edit-mode .read-only-mode,
.label-editor-container .editor-flag-panel:not(.on-search) .reset-textbox {
    display: none;
}

.paymentplan-card .paymentplan-cell .payment-add-medical-cell {
    text-align: center;
}

.keyword-container .table-wrapper .custom-value-list.delete {
    display: none;
}

.category-information .category-name-container > label,
#keyword-add .row-keyword-name .label-keyword-name {
    align-self: center;
    padding-top: 21px;
}

#new-features .popup-wizard .wizard-content.youtube div.embed-responsive {
    margin-bottom: 15px;
}

.select2-container.search-for-disposition .select2-search--dropdown .disposition-group-btn .btn-disposition {
    white-space: normal;
    line-height: 1.2em;
}

#keyword-tab .form-keyword .multi-language-container .add-new-keyword > a {
    text-decoration: none;
}

#keyword-tab .form-keyword .multi-language-container .table-scroll {
    padding: 20px 20px 20px 0;
}

#section-editor .section-general-information .enclosure-container .general-label  > label {
    font-weight: normal;
}

.resource-keyword-content-wrapper .footer-container .resource-keyword-name-container .loading-input {
    position: absolute;  
    top: 36px;
    right: 50px;
    height: 1em;
}

.input-text-container .other-lang-container {
    padding-bottom: 5px;
}

.disposition-prompt-container .disposition-content-container {
    align-items: flex-start;
    flex-direction: column;
}

.disposition-prompt-container .disposition-content-container label {
    font-weight: normal;
    margin-left: 7px;
    margin-bottom: 0;
}

.disposition-prompt-container .disposition-content-container .info-disposition-change {
    margin-left: 5px;
    font-size: 13px;
    line-height: 1.2em;
    font-style: italic;
}

.disposition-prompt-container .disposition-content-container:not(:first-child) {
    margin-top: 15px;
}

.tabbable.animal-group .list-animal-details .animal-group-view,
.tabbable.animal-group .list-animal-details .animal-group-edit  {   
   padding: 8px 15px 10px 15px;
}

.tabbable.animal-group .list-animal-details .add-new-animal-container > div {
    border-top: 1px solid #ddd;
    padding-top: 12px;
    padding-left: 20px;
}

.tabbable.animal-group .invalid-animal .animal-group-view,
.tabbable.animal-group .invalid-animal .animal-group-edit {
    background: #f9f9f9;
    padding: 8px 15px;
}

.tabbable.animal-group .list-animal-details .animalgroup-animal {
    padding: 0;
}

.tabbable.animal-group .row-striped.list-animal-details{
    padding-top: 0px;
}

.tabbable.animal-group .row-striped.list-animal-details .row.invalid-animal:before {
    border-bottom: 2px solid #fff;
}


.tabbable.animal-group .row-striped.list-animal-details .row {
    padding: 0;
}

.tabbable.animal-group .row-striped.list-animal-details .row.last-index:before {
    border-bottom: none !important;
}

.label-editor-container .navbar-nav > li.selected {
    background-color: #2780e3;
}
    
.label-editor-container .navbar-nav > li.selected > a {
    color: #fff !important;
}

.label-editor-container .navbar-nav > li > a {
    display: flex;
    flex-direction: row;
}

.label-editor-container .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #666;
}

.label-editor-container .navbar-nav > li > a .label-count,
.label-editor-container .search-label-container {
    margin-left: auto;
}

.label-editor-container .navbar-nav > li.selected > a .label-count {
    background-color: #fff !important;
    color: #2780e3 !important;
}

.label-editor-container .search-label-container .search-title {
    font-size: 15px;
    margin-right: 10px;
}


.label-editor-container .panel-body .show-edit-mode .row-margin-bottom {    
    padding-top: 25px;
}

.label-editor-container .editor-flag-panel .search-flag-container {
    position: relative;
}

.label-editor-container .editor-flag-panel .search-flag-container .reset-textbox {
    color: #aaa;
    font-size: 15px;
    top: 12px;
}

.option-with-flag .flag-wrapper .flag-content.select2-option-with-flag{
    display: flex;
    align-items: center;
}


ul.flags > li,
.option-with-flag .flag-wrapper .flag-content,
.custom-value-flag > .flag-content {
    padding: 0 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    min-height: 20px;
    font-size: 13px;
    text-align: center;
}

ul.flags > li,
.label-editor-container .label-preview-container .preview-flag-content,
.custom-value-flag > .flag-content {
    min-width: 40px;
}

.option-with-flag .flag-wrapper .flag-content {
    min-width: 20px;
    max-width: 80px;
}

.select2-container .select2-selection__rendered .option-with-flag .flag-wrapper .text-content {
    margin-right: 3px;
}

.custom-list-layout .dropdown-flag-container.dropdown-menu-top .dropdown-menu{
    bottom: 42px;
    top: auto;
}

@media(max-width: 1399px){
    .custom-list-layout .dropdown-flag-container .dropdown-menu {
        right: 0;
        left: auto;
    }
}

.select2-container .select2-selection__rendered .option-with-flag .flag-wrapper .flag-content {
    min-width: 40px;
    height: 15px;
    align-items: center;
    display: flex;
    align-self: center;
    flex-wrap: nowrap;
    flex-direction: row;
    max-width: 60px;
}

ul.flags > li,
.label-editor-container .editor-flag-panel.edit-mode .label-preview-container .preview-flag-content {
    max-width: 210px;
}

ul.flags > li,
.label-editor-container .editor-flag-panel.edit-mode .label-preview-container .preview-flag-content,
.custom-value-flag > .flag-content {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.custom-value-flag > .flag-content {
    max-width: 155px;
}

.label-editor-container .editor-flag-panel.edit-mode .label-preview-container .preview-flag-content {
    display: flex;
}

.label-editor-container .editor-flag-panel.read-mode .edit-flag::before {
    content: "|";
    color: #ccc;
    padding: 0 10px 0 15px;
}

.select2-container .option-with-flag .flag-desc,
.label-editor-container .editor-flag-panel.read-mode .flag-description-content {
    font-style: italic;
    line-height: 1.1em;    
}

.label-editor-container .editor-flag-panel.read-mode .flag-description-content {
    padding-top: 5px;
}

.label-editor-container .editor-flag-panel.edit-mode .flag-title-container,
.label-editor-container .editor-flag-panel.read-mode .flag-title-container .row .valign-middle {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}


.label-editor-container .flag-title-container {
    padding-left: 15px;
    padding-right: 15px;
}

.label-editor-container .flag-title-container .label-title-color{
    padding-left: 10px;
}

.label-editor-container .panel-body .show-edit-mode .flag-detail:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.label-editor-container .panel-body .flag-detail {
    margin-bottom: 0;
}

.label-editor-container .panel-body .show-edit-mode .flag-detail {
    padding-bottom: 20px;
}

.label-editor-container .panel-body .show-edit-mode .row-flag-container,
.label-editor-container .panel-body .read-only-mode .flag-detail .label-preview-container,
.label-editor-container .panel-body .input-text-container,
.label-editor-container .panel-body .input-color-action-container,
.label-editor-container .panel-body .input-color-action-container .flag-inner-container {
    display: flex;
}


.label-editor-container .panel-body .input-text-container {
    flex-direction: column;
}

.label-editor-container .panel-body .input-color-action-container{
    gap: 10px;
}

.label-editor-container .panel-body .input-color-action-container .flag-inner-container {
    gap: 8px;
}

.label-editor-container .panel-body .input-color-action-container .button-container {
    margin-left: auto;
}

.label-editor-container .panel-body .read-only-mode .flag-detail .label-preview-container {
    padding-top: 20px;
    padding-bottom: 20px;
}

.label-editor-container .panel-body .read-only-mode > div > .flag-detail + .flag-detail .label-preview-container{
    border-top: 1px solid #eee;
}

.label-editor-container .panel-body .input-color-action-container .flag-inner-container,
.label-editor-container .panel-body .read-only-mode .flag-detail .label-preview-container {
    align-items: center;
}

.label-editor-container .list-editor-rows {
    margin-bottom: 15px;
}

.label-editor-container .editor-flag-panel.read-mode .list-editor {    
    padding-bottom: 0;
}

.label-editor-container .editor-flag-panel .list-editor {
    min-height: 150px;
    position: relative;
}

.label-editor-container .editor-flag-panel .list-editor .spinner {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
}

.label-editor-container .editor-flag-panel .list-editor {
    padding-left: 0;
    padding-right: 0;
}

.label-editor-container .editor-flag-panel.read-mode .read-only-mode,
.label-editor-container .editor-flag-panel.edit-mode .list-editor .show-edit-mode .list-editor-rows {
    padding-left: 15px;
    padding-right: 15px;
}

.label-editor-container .editor-flag-panel.read-mode .read-only-mode,
.label-editor-container .editor-flag-panel.edit-mode .list-editor .show-edit-mode .list-editor-rows {
    overflow-y: auto;
    max-height: 65vh;
    overflow-x: hidden;
}

.label-editor-container .editor-flag-panel.edit-mode .list-editor-rows{
    margin-bottom: 0;
}

.label-editor-container .editor-flag-panel.edit-mode .add-label-container {
    border-top: 1px solid #ddd;
    padding: 15px 15px 0 15px;
}

.label-editor-container .editor-flag-panel.read-mode .no-record-found {
    padding-top: 15px;
}

.label-editor-container .read-only-mode .flag-description-content,
div.flag-desc-content {
    font-size: 11px;
    font-style: italic;
    line-height: 1.3em;
}

.select2-container .option-with-flag .flag-desc,
.label-editor-container .read-only-mode .flag-description-content {
    font-size: 12px;
}

.label-editor-container .flag-description-container {
    margin-top: 2px;
}

.label-editor-container .add-label.show-edit-mode i{
    margin-right: 3px;
}

.custom-list .custom-value-list .flags-horizontal {
    text-align: center;
}

.label-editor-container .editor-flag-panel.edit-mode .preview-flag-content-container .preview-flag-content {
    display: inline-block;
    max-width: 100%;
    min-width: 40px;
    min-height: 30px;
    padding: 7px 10px 5px;
    border: 1px solid #ccc;
}

#custom-value-add #custom-value-flag .single-mode.dropdown-toggle,
.custom-list .custom-value-list .field-input-container .single-mode.dropdown-toggle {
    background-color: transparent;
    width: 100%;
}

.custom-list .custom-value-list .field-input-container .single-mode.dropdown-toggle:focus,
.custom-list .custom-value-list .field-input-container .single-mode.dropdown-toggle:hover,
#custom-value-add #custom-value-flag .single-mode.dropdown-toggle:focus,
#custom-value-add #custom-value-flag .single-mode.dropdown-toggle:hover {
    color: #333;
}

#custom-value-add #custom-value-flag .single-mode.dropdown-toggle:focus,
#custom-value-add #custom-value-flag .single-mode.dropdown-toggle:active:focus,
.custom-list .custom-value-list .field-input-container .single-mode.dropdown-toggle:focus,
.custom-list .custom-value-list .field-input-container .single-mode.dropdown-toggle:active:focus {
    outline: none;
}

#custom-value-add #custom-value-flag .single-mode.dropdown-toggle,
.custom-list .custom-value-list .field-input-container .single-mode.dropdown-toggle {
    box-shadow: none;
    padding-bottom: 9px;
}

.custom-list .custom-value-list .field-input-container .customValue-flag-container {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #ffffff;
    border: 1px solid #cccccc;    
}

.multi-language-container.multi-lang-mode .custom-value-list .lang-wrapper .customvalue-name {
    line-height: 1.2em;
    min-height: 67px;
}

/*single lang mode*/
#custom-value-add #custom-value-flag .customValue-inner-container .flags-horizontal > li span,
.multi-language-container .field-input-container.show-label .flags-horizontal > li span {
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    height: 19.5px;
}

#custom-value-add #custom-value-flag .customValue-inner-container .flags-horizontal > li:after,
.multi-language-container .field-input-container.show-label .flags-horizontal > li:after {
    content: "\f0d7";
    font: normal normal normal 14px / 1 FontAwesome;
    padding-left: 5px;
    margin-left: auto;
}

.multi-language-container .field-input-container.show-label .flags-horizontal > li {    
    align-items: center;
    padding: 3px 10px;
}

#custom-value-add #custom-value-flag .customValue-inner-container .flags-horizontal > li,
#custom-value-add #custom-value-flag .single-mode.dropdown-toggle,
.multi-language-container .field-input-container.show-label .flags-horizontal > li,
.custom-list .single-lang-mode .custom-value-list .field-input-container,
.custom-list .single-lang-mode .custom-value-list .customValue-flag-container .dropdown-toggle {
    display: flex;
}

#custom-value-add #custom-value-flag .customValue-inner-container .flags-horizontal > li,
#custom-value-add #custom-value-flag .single-mode.dropdown-toggle,
.custom-list .single-lang-mode .custom-value-list .customValue-flag-container .dropdown-toggle {
    align-items: center;
}

#custom-value-add #custom-value-flag .single-mode.dropdown-toggle .caret,
.custom-list .single-lang-mode .custom-value-list .customValue-flag-container .dropdown-toggle .caret {
    margin-left: auto;
    margin-top: 2px;
}

@media(max-width: 374px){
    .custom-list .custom-value-list .field-input-container .single-mode.dropdown-toggle{
        padding-left: 10px;
        padding-right: 10px;
    }
}

.custom-list .single-lang-mode .custom-value-list .field-input-container .customValue-flag-container {
    border-left: none;
}

.custom-list .single-lang-mode .custom-value-list .field-input-container .customValue-flag-container {
    flex-basis: 120px;
}

.custom-list .single-lang-mode .custom-value-list .field-input-container .customValue-flag-container.label-selected {
    padding: 0 10px;
}

.custom-list .single-lang-mode .custom-value-list .field-input-container .customValue-flag-container .flags-horizontal > li {
    margin-top: 8px;
}

/*multi lang mode*/
.multi-language-container.multi-lang-mode .custom-value-list .lang-wrapper .field-input-container.show-label,
.option-with-flag .flag-wrapper {
    display: flex;
}

.multi-language-container.multi-lang-mode .custom-value-list .lang-wrapper .field-input-container.show-label .customvalue-name {
    flex: 1;
}

.multi-language-container.multi-lang-mode .field-input-container.show-label .customValue-flag-container {
    width: 100px;
}

.custom-list .multi-lang-mode .custom-value-list .field-input-container .customValue-flag-container {
    align-self: baseline;
    margin-left: 15px;
    height: 45px;
    align-items: center;
}

.multi-language-container.multi-lang-mode .field-input-container.show-label .flags-horizontal > li {
    width: 100px;
    height: 45px;
    border-radius: 0;
    margin: 0;
    align-content: center;
    justify-content: center;
}

.custom-list .multi-lang-mode .custom-value-list .field-input-container .customValue-flag-container.label-selected {
    border: none;
}

.custom-list .multi-language-container .customValue-flag-container.label-selected .single-mode.dropdown-toggle,
.label-editor-container .editor-flag-panel.edit-mode .search-flag-container,
#custom-value-add:not(.show-flag) .flag-wrapper {
    display: none;
}

.option-with-flag .flag-wrapper .flag-content {
    margin-left: auto;    
    font-weight: bold;
}

.option-with-flag .flag-wrapper .flag-content {
    align-self: start;
}

#custom-value-add .flag-wrapper .flag-label {
    align-self: center;
}

.option-with-flag .flag-wrapper .flag-content span,
.select2-selection__rendered .option-with-flag .flag-wrapper .text-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.option-with-flag .flag-wrapper .flag-content span {
    max-width: 36px;
}

.label-editor-container .flag-detail .preview-flag-content-container .preview-flag-content .flag-text {
    flex-basis: 95%;
    min-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
}

.label-editor-container .flag-detail .preview-flag-content-container .preview-flag-content .flag-inner-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.multi-language-container .customValue-flag-container.label-selected .flags-horizontal:hover,
.label-editor-container .editor-flag-panel.edit-mode .preview-flag-content-container .preview-flag-content:hover {
    cursor: pointer;
}

.label-editor-container .editor-flag-panel.edit-mode .preview-flag-content-container .preview-flag-content .caret {
    margin-left: auto;
}

.select2-container--default .select2-results__option[aria-selected="true"], 
.select2-container--default .select2-results__option--highlighted .flag-desc,
.select2-container--default .select2-results__option[aria-selected="true"] .flag-desc {
    color: #fff;
}

.option-with-flag .flag-wrapper .text-content {
    flex-basis: 80%;
}

.label-editor-container .label-preview-container .preview-flag-color {
    width: 25px;
    height: 25px;
}

.siteadmin-index .control-label .glyphicon-info-sign {
    padding: 3px;
}

.spinner-container #flag-spinner {
    position: absolute;
    left: 40%;
}

#flag-editor-add .add {
    margin-left: 0 !important;
}

.read-only-mode .flag-detail .preview-flag-color {
    border: 1px solid #ccc;
}

.custom-value-flag > .flag-content {
    margin-left: 0;    
}

#medical-record-reminder-cards .medical-taskcard .medical-taskcard-drug.has-flag .select2-option-with-flag.flag-content {
    margin-top: 0;    
}

#medical-record-reminder-cards .medical-taskcard .medical-taskcard-drug.has-flag .custom-value-flag {
    margin-right: 5px;
}

.custom-value-flag > .flag-content,
.option-with-flag .flag-wrapper .flag-content {
    text-shadow: none !important;
}

@media (max-width: 600px) and (min-width: 425px) {
    .vis-content .custom-value-flag > .flag-content  {
        max-width: 120px;
    }
}

@media (max-width: 424px){
    .custom-value-flag > .flag-content {
        max-width: 70px;
    }
}

#custom-value-add #custom-value-flag {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

#custom-value-add #custom-value-flag .flags-horizontal {
    margin-right: 5px;
}

#custom-value-add #custom-value-flag .dropdown-toggle {
    border-color: transparent; 
    color: #333;
}

#custom-value-add #custom-value-flag.label-selected .dropdown-toggle {
    display: none;
}

#custom-value-add #custom-value-flag .customValue-inner-container {
    border: 1px solid #ccc;    
    display: flex;
    align-items: center;
    justify-content: center;
}

#custom-value-add #custom-value-flag .customValue-inner-container,
#custom-value-add #custom-value-flag .customValue-inner-container .dropdown-toggle {
    width: 150px;
    height: 43px;    
}

#custom-value-add #custom-value-flag.label-selected .flags-horizontal .flag-content {
    width: 130px;
}

#custom-value-add #custom-value-flag .remove-label {
    margin-left: 5px;
}

#custom-value-add #custom-value-flag .remove-label:hover {
    text-decoration: none;
    cursor: pointer;
}

#custom-value-add #custom-value-flag:not(.label-selected) .remove-label {
    display: none;    
}

#custom-value-add #custom-value-flag .customValue-inner-container .flags-horizontal > li span {
    max-width: 90px;
}

.flag-dropdown-menu.flag-outter-container .flag-title-container {
    margin-left: auto;
}

.flag-dropdown-menu.flag-outter-container .flag-title-container .exit,
.flag-dropdown-menu.flag-outter-container .flag-dropdown-header {
    margin-top: 2px;
}

.flag-dropdown-menu.flag-outter-container .menu-title {
    margin-bottom: 2px;
}

.select2-container .option-with-flag .flag-desc {
    margin-left: 10px;
    margin-top: 1px;
}

.medical-taskcard-drug.has-flag {
    align-items: center;
}

.medical-taskcard-drug.has-flag .medical-taskcard-amounttaken-icon {
    align-self: baseline;
}

.medical-taskcard-drug.has-flag .medical-taskcard-drug-details.name-aligned,
.drug-name-with-flag {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.drug-name-with-flag .drug-name,
.drug-name-with-flag span[data-dataname="TypeName"] {
    margin-right: 5px;
}

#medical-reminder-schedule .custom-value-flag .flag-content,
.vis-content .drug-name-with-flag .custom-value-flag {
    margin-top: 1px;
}

.label-editor-container .navbar-nav > li.selected > a:hover {
    color: #fff !important;
    background-color: #2780e3;
}

/*!
 *  Weather Icons 2.0
 *  Updated August 1, 2015
 *  Weather themed icons for Bootstrap
 *  Author - Erik Flowers - erik@helloerik.com
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at http://erikflowers.github.io/weather-icons
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Font licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS, SCSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *//*!
 *  Weather Icons 2.0
 *  Updated August 1, 2015
 *  Weather themed icons for Bootstrap
 *  Author - Erik Flowers - erik@helloerik.com
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at http://erikflowers.github.io/weather-icons
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Font licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS, SCSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 */@font-face{font-family:weathericons;src:url(/fonts/weathericons-regular-webfont.eot);src:url(/fonts/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'),url(/fonts/weathericons-regular-webfont.woff2) format('woff2'),url(/fonts/weathericons-regular-webfont.woff) format('woff'),url(/fonts/weathericons-regular-webfont.ttf) format('truetype'),url(/fonts/weathericons-regular-webfont.svg#weather_iconsregular) format('svg');font-weight:400;font-style:normal}.wi{display:inline-block;font-family:weathericons;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wi-fw{text-align:center;width:1.4em}.wi-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.wi-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wi-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.wi-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.wi-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.wi-day-sunny:before{content:"\f00d"}.wi-day-cloudy:before{content:"\f002"}.wi-day-cloudy-gusts:before{content:"\f000"}.wi-day-cloudy-windy:before{content:"\f001"}.wi-day-fog:before{content:"\f003"}.wi-day-hail:before{content:"\f004"}.wi-day-haze:before{content:"\f0b6"}.wi-day-lightning:before{content:"\f005"}.wi-day-rain:before{content:"\f008"}.wi-day-rain-mix:before{content:"\f006"}.wi-day-rain-wind:before{content:"\f007"}.wi-day-showers:before{content:"\f009"}.wi-day-sleet:before{content:"\f0b2"}.wi-day-sleet-storm:before{content:"\f068"}.wi-day-snow:before{content:"\f00a"}.wi-day-snow-thunderstorm:before{content:"\f06b"}.wi-day-snow-wind:before{content:"\f065"}.wi-day-sprinkle:before{content:"\f00b"}.wi-day-storm-showers:before{content:"\f00e"}.wi-day-sunny-overcast:before{content:"\f00c"}.wi-day-thunderstorm:before{content:"\f010"}.wi-day-windy:before{content:"\f085"}.wi-solar-eclipse:before{content:"\f06e"}.wi-hot:before{content:"\f072"}.wi-day-cloudy-high:before{content:"\f07d"}.wi-day-light-wind:before{content:"\f0c4"}.wi-night-clear:before{content:"\f02e"}.wi-night-alt-cloudy:before{content:"\f086"}.wi-night-alt-cloudy-gusts:before{content:"\f022"}.wi-night-alt-cloudy-windy:before{content:"\f023"}.wi-night-alt-hail:before{content:"\f024"}.wi-night-alt-lightning:before{content:"\f025"}.wi-night-alt-rain:before{content:"\f028"}.wi-night-alt-rain-mix:before{content:"\f026"}.wi-night-alt-rain-wind:before{content:"\f027"}.wi-night-alt-showers:before{content:"\f029"}.wi-night-alt-sleet:before{content:"\f0b4"}.wi-night-alt-sleet-storm:before{content:"\f06a"}.wi-night-alt-snow:before{content:"\f02a"}.wi-night-alt-snow-thunderstorm:before{content:"\f06d"}.wi-night-alt-snow-wind:before{content:"\f067"}.wi-night-alt-sprinkle:before{content:"\f02b"}.wi-night-alt-storm-showers:before{content:"\f02c"}.wi-night-alt-thunderstorm:before{content:"\f02d"}.wi-night-cloudy:before{content:"\f031"}.wi-night-cloudy-gusts:before{content:"\f02f"}.wi-night-cloudy-windy:before{content:"\f030"}.wi-night-fog:before{content:"\f04a"}.wi-night-hail:before{content:"\f032"}.wi-night-lightning:before{content:"\f033"}.wi-night-partly-cloudy:before{content:"\f083"}.wi-night-rain:before{content:"\f036"}.wi-night-rain-mix:before{content:"\f034"}.wi-night-rain-wind:before{content:"\f035"}.wi-night-showers:before{content:"\f037"}.wi-night-sleet:before{content:"\f0b3"}.wi-night-sleet-storm:before{content:"\f069"}.wi-night-snow:before{content:"\f038"}.wi-night-snow-thunderstorm:before{content:"\f06c"}.wi-night-snow-wind:before{content:"\f066"}.wi-night-sprinkle:before{content:"\f039"}.wi-night-storm-showers:before{content:"\f03a"}.wi-night-thunderstorm:before{content:"\f03b"}.wi-lunar-eclipse:before{content:"\f070"}.wi-stars:before{content:"\f077"}.wi-storm-showers:before{content:"\f01d"}.wi-thunderstorm:before{content:"\f01e"}.wi-night-alt-cloudy-high:before{content:"\f07e"}.wi-night-cloudy-high:before{content:"\f080"}.wi-night-alt-partly-cloudy:before{content:"\f081"}.wi-cloud:before{content:"\f041"}.wi-cloudy:before{content:"\f013"}.wi-cloudy-gusts:before{content:"\f011"}.wi-cloudy-windy:before{content:"\f012"}.wi-fog:before{content:"\f014"}.wi-hail:before{content:"\f015"}.wi-rain:before{content:"\f019"}.wi-rain-mix:before{content:"\f017"}.wi-rain-wind:before{content:"\f018"}.wi-showers:before{content:"\f01a"}.wi-sleet:before{content:"\f0b5"}.wi-snow:before{content:"\f01b"}.wi-sprinkle:before{content:"\f01c"}.wi-storm-showers:before{content:"\f01d"}.wi-thunderstorm:before{content:"\f01e"}.wi-snow-wind:before{content:"\f064"}.wi-snow:before{content:"\f01b"}.wi-smog:before{content:"\f074"}.wi-smoke:before{content:"\f062"}.wi-lightning:before{content:"\f016"}.wi-raindrops:before{content:"\f04e"}.wi-raindrop:before{content:"\f078"}.wi-dust:before{content:"\f063"}.wi-snowflake-cold:before{content:"\f076"}.wi-windy:before{content:"\f021"}.wi-strong-wind:before{content:"\f050"}.wi-sandstorm:before{content:"\f082"}.wi-earthquake:before{content:"\f0c6"}.wi-fire:before{content:"\f0c7"}.wi-flood:before{content:"\f07c"}.wi-meteor:before{content:"\f071"}.wi-tsunami:before{content:"\f0c5"}.wi-volcano:before{content:"\f0c8"}.wi-hurricane:before{content:"\f073"}.wi-tornado:before{content:"\f056"}.wi-small-craft-advisory:before{content:"\f0cc"}.wi-gale-warning:before{content:"\f0cd"}.wi-storm-warning:before{content:"\f0ce"}.wi-hurricane-warning:before{content:"\f0cf"}.wi-wind-direction:before{content:"\f0b1"}.wi-alien:before{content:"\f075"}.wi-celsius:before{content:"\f03c"}.wi-fahrenheit:before{content:"\f045"}.wi-degrees:before{content:"\f042"}.wi-thermometer:before{content:"\f055"}.wi-thermometer-exterior:before{content:"\f053"}.wi-thermometer-internal:before{content:"\f054"}.wi-cloud-down:before{content:"\f03d"}.wi-cloud-up:before{content:"\f040"}.wi-cloud-refresh:before{content:"\f03e"}.wi-horizon:before{content:"\f047"}.wi-horizon-alt:before{content:"\f046"}.wi-sunrise:before{content:"\f051"}.wi-sunset:before{content:"\f052"}.wi-moonrise:before{content:"\f0c9"}.wi-moonset:before{content:"\f0ca"}.wi-refresh:before{content:"\f04c"}.wi-refresh-alt:before{content:"\f04b"}.wi-umbrella:before{content:"\f084"}.wi-barometer:before{content:"\f079"}.wi-humidity:before{content:"\f07a"}.wi-na:before{content:"\f07b"}.wi-train:before{content:"\f0cb"}.wi-moon-new:before{content:"\f095"}.wi-moon-waxing-crescent-1:before{content:"\f096"}.wi-moon-waxing-crescent-2:before{content:"\f097"}.wi-moon-waxing-crescent-3:before{content:"\f098"}.wi-moon-waxing-crescent-4:before{content:"\f099"}.wi-moon-waxing-crescent-5:before{content:"\f09a"}.wi-moon-waxing-crescent-6:before{content:"\f09b"}.wi-moon-first-quarter:before{content:"\f09c"}.wi-moon-waxing-gibbous-1:before{content:"\f09d"}.wi-moon-waxing-gibbous-2:before{content:"\f09e"}.wi-moon-waxing-gibbous-3:before{content:"\f09f"}.wi-moon-waxing-gibbous-4:before{content:"\f0a0"}.wi-moon-waxing-gibbous-5:before{content:"\f0a1"}.wi-moon-waxing-gibbous-6:before{content:"\f0a2"}.wi-moon-full:before{content:"\f0a3"}.wi-moon-waning-gibbous-1:before{content:"\f0a4"}.wi-moon-waning-gibbous-2:before{content:"\f0a5"}.wi-moon-waning-gibbous-3:before{content:"\f0a6"}.wi-moon-waning-gibbous-4:before{content:"\f0a7"}.wi-moon-waning-gibbous-5:before{content:"\f0a8"}.wi-moon-waning-gibbous-6:before{content:"\f0a9"}.wi-moon-third-quarter:before{content:"\f0aa"}.wi-moon-waning-crescent-1:before{content:"\f0ab"}.wi-moon-waning-crescent-2:before{content:"\f0ac"}.wi-moon-waning-crescent-3:before{content:"\f0ad"}.wi-moon-waning-crescent-4:before{content:"\f0ae"}.wi-moon-waning-crescent-5:before{content:"\f0af"}.wi-moon-waning-crescent-6:before{content:"\f0b0"}.wi-moon-alt-new:before{content:"\f0eb"}.wi-moon-alt-waxing-crescent-1:before{content:"\f0d0"}.wi-moon-alt-waxing-crescent-2:before{content:"\f0d1"}.wi-moon-alt-waxing-crescent-3:before{content:"\f0d2"}.wi-moon-alt-waxing-crescent-4:before{content:"\f0d3"}.wi-moon-alt-waxing-crescent-5:before{content:"\f0d4"}.wi-moon-alt-waxing-crescent-6:before{content:"\f0d5"}.wi-moon-alt-first-quarter:before{content:"\f0d6"}.wi-moon-alt-waxing-gibbous-1:before{content:"\f0d7"}.wi-moon-alt-waxing-gibbous-2:before{content:"\f0d8"}.wi-moon-alt-waxing-gibbous-3:before{content:"\f0d9"}.wi-moon-alt-waxing-gibbous-4:before{content:"\f0da"}.wi-moon-alt-waxing-gibbous-5:before{content:"\f0db"}.wi-moon-alt-waxing-gibbous-6:before{content:"\f0dc"}.wi-moon-alt-full:before{content:"\f0dd"}.wi-moon-alt-waning-gibbous-1:before{content:"\f0de"}.wi-moon-alt-waning-gibbous-2:before{content:"\f0df"}.wi-moon-alt-waning-gibbous-3:before{content:"\f0e0"}.wi-moon-alt-waning-gibbous-4:before{content:"\f0e1"}.wi-moon-alt-waning-gibbous-5:before{content:"\f0e2"}.wi-moon-alt-waning-gibbous-6:before{content:"\f0e3"}.wi-moon-alt-third-quarter:before{content:"\f0e4"}.wi-moon-alt-waning-crescent-1:before{content:"\f0e5"}.wi-moon-alt-waning-crescent-2:before{content:"\f0e6"}.wi-moon-alt-waning-crescent-3:before{content:"\f0e7"}.wi-moon-alt-waning-crescent-4:before{content:"\f0e8"}.wi-moon-alt-waning-crescent-5:before{content:"\f0e9"}.wi-moon-alt-waning-crescent-6:before{content:"\f0ea"}.wi-moon-0:before{content:"\f095"}.wi-moon-1:before{content:"\f096"}.wi-moon-2:before{content:"\f097"}.wi-moon-3:before{content:"\f098"}.wi-moon-4:before{content:"\f099"}.wi-moon-5:before{content:"\f09a"}.wi-moon-6:before{content:"\f09b"}.wi-moon-7:before{content:"\f09c"}.wi-moon-8:before{content:"\f09d"}.wi-moon-9:before{content:"\f09e"}.wi-moon-10:before{content:"\f09f"}.wi-moon-11:before{content:"\f0a0"}.wi-moon-12:before{content:"\f0a1"}.wi-moon-13:before{content:"\f0a2"}.wi-moon-14:before{content:"\f0a3"}.wi-moon-15:before{content:"\f0a4"}.wi-moon-16:before{content:"\f0a5"}.wi-moon-17:before{content:"\f0a6"}.wi-moon-18:before{content:"\f0a7"}.wi-moon-19:before{content:"\f0a8"}.wi-moon-20:before{content:"\f0a9"}.wi-moon-21:before{content:"\f0aa"}.wi-moon-22:before{content:"\f0ab"}.wi-moon-23:before{content:"\f0ac"}.wi-moon-24:before{content:"\f0ad"}.wi-moon-25:before{content:"\f0ae"}.wi-moon-26:before{content:"\f0af"}.wi-moon-27:before{content:"\f0b0"}.wi-time-1:before{content:"\f08a"}.wi-time-2:before{content:"\f08b"}.wi-time-3:before{content:"\f08c"}.wi-time-4:before{content:"\f08d"}.wi-time-5:before{content:"\f08e"}.wi-time-6:before{content:"\f08f"}.wi-time-7:before{content:"\f090"}.wi-time-8:before{content:"\f091"}.wi-time-9:before{content:"\f092"}.wi-time-10:before{content:"\f093"}.wi-time-11:before{content:"\f094"}.wi-time-12:before{content:"\f089"}.wi-direction-up:before{content:"\f058"}.wi-direction-up-right:before{content:"\f057"}.wi-direction-right:before{content:"\f04d"}.wi-direction-down-right:before{content:"\f088"}.wi-direction-down:before{content:"\f044"}.wi-direction-down-left:before{content:"\f043"}.wi-direction-left:before{content:"\f048"}.wi-direction-up-left:before{content:"\f087"}.wi-wind-beaufort-0:before{content:"\f0b7"}.wi-wind-beaufort-1:before{content:"\f0b8"}.wi-wind-beaufort-2:before{content:"\f0b9"}.wi-wind-beaufort-3:before{content:"\f0ba"}.wi-wind-beaufort-4:before{content:"\f0bb"}.wi-wind-beaufort-5:before{content:"\f0bc"}.wi-wind-beaufort-6:before{content:"\f0bd"}.wi-wind-beaufort-7:before{content:"\f0be"}.wi-wind-beaufort-8:before{content:"\f0bf"}.wi-wind-beaufort-9:before{content:"\f0c0"}.wi-wind-beaufort-10:before{content:"\f0c1"}.wi-wind-beaufort-11:before{content:"\f0c2"}.wi-wind-beaufort-12:before{content:"\f0c3"}.wi-yahoo-0:before{content:"\f056"}.wi-yahoo-1:before{content:"\f00e"}.wi-yahoo-2:before{content:"\f073"}.wi-yahoo-3:before{content:"\f01e"}.wi-yahoo-4:before{content:"\f01e"}.wi-yahoo-5:before{content:"\f017"}.wi-yahoo-6:before{content:"\f017"}.wi-yahoo-7:before{content:"\f017"}.wi-yahoo-8:before{content:"\f015"}.wi-yahoo-9:before{content:"\f01a"}.wi-yahoo-10:before{content:"\f015"}.wi-yahoo-11:before{content:"\f01a"}.wi-yahoo-12:before{content:"\f01a"}.wi-yahoo-13:before{content:"\f01b"}.wi-yahoo-14:before{content:"\f00a"}.wi-yahoo-15:before{content:"\f064"}.wi-yahoo-16:before{content:"\f01b"}.wi-yahoo-17:before{content:"\f015"}.wi-yahoo-18:before{content:"\f017"}.wi-yahoo-19:before{content:"\f063"}.wi-yahoo-20:before{content:"\f014"}.wi-yahoo-21:before{content:"\f021"}.wi-yahoo-22:before{content:"\f062"}.wi-yahoo-23:before{content:"\f050"}.wi-yahoo-24:before{content:"\f050"}.wi-yahoo-25:before{content:"\f076"}.wi-yahoo-26:before{content:"\f013"}.wi-yahoo-27:before{content:"\f031"}.wi-yahoo-28:before{content:"\f002"}.wi-yahoo-29:before{content:"\f031"}.wi-yahoo-30:before{content:"\f002"}.wi-yahoo-31:before{content:"\f02e"}.wi-yahoo-32:before{content:"\f00d"}.wi-yahoo-33:before{content:"\f083"}.wi-yahoo-34:before{content:"\f00c"}.wi-yahoo-35:before{content:"\f017"}.wi-yahoo-36:before{content:"\f072"}.wi-yahoo-37:before{content:"\f00e"}.wi-yahoo-38:before{content:"\f00e"}.wi-yahoo-39:before{content:"\f00e"}.wi-yahoo-40:before{content:"\f01a"}.wi-yahoo-41:before{content:"\f064"}.wi-yahoo-42:before{content:"\f01b"}.wi-yahoo-43:before{content:"\f064"}.wi-yahoo-44:before{content:"\f00c"}.wi-yahoo-45:before{content:"\f00e"}.wi-yahoo-46:before{content:"\f01b"}.wi-yahoo-47:before{content:"\f00e"}.wi-yahoo-3200:before{content:"\f077"}.wi-forecast-io-clear-day:before{content:"\f00d"}.wi-forecast-io-clear-night:before{content:"\f02e"}.wi-forecast-io-rain:before{content:"\f019"}.wi-forecast-io-snow:before{content:"\f01b"}.wi-forecast-io-sleet:before{content:"\f0b5"}.wi-forecast-io-wind:before{content:"\f050"}.wi-forecast-io-fog:before{content:"\f014"}.wi-forecast-io-cloudy:before{content:"\f013"}.wi-forecast-io-partly-cloudy-day:before{content:"\f002"}.wi-forecast-io-partly-cloudy-night:before{content:"\f031"}.wi-forecast-io-hail:before{content:"\f015"}.wi-forecast-io-thunderstorm:before{content:"\f01e"}.wi-forecast-io-tornado:before{content:"\f056"}.wi-wmo4680-00:before,.wi-wmo4680-0:before{content:"\f055"}.wi-wmo4680-01:before,.wi-wmo4680-1:before{content:"\f013"}.wi-wmo4680-02:before,.wi-wmo4680-2:before{content:"\f055"}.wi-wmo4680-03:before,.wi-wmo4680-3:before{content:"\f013"}.wi-wmo4680-04:before,.wi-wmo4680-4:before{content:"\f014"}.wi-wmo4680-05:before,.wi-wmo4680-5:before{content:"\f014"}.wi-wmo4680-10:before{content:"\f014"}.wi-wmo4680-11:before{content:"\f014"}.wi-wmo4680-12:before{content:"\f016"}.wi-wmo4680-18:before{content:"\f050"}.wi-wmo4680-20:before{content:"\f014"}.wi-wmo4680-21:before{content:"\f017"}.wi-wmo4680-22:before{content:"\f017"}.wi-wmo4680-23:before{content:"\f019"}.wi-wmo4680-24:before{content:"\f01b"}.wi-wmo4680-25:before{content:"\f015"}.wi-wmo4680-26:before{content:"\f01e"}.wi-wmo4680-27:before{content:"\f063"}.wi-wmo4680-28:before{content:"\f063"}.wi-wmo4680-29:before{content:"\f063"}.wi-wmo4680-30:before{content:"\f014"}.wi-wmo4680-31:before{content:"\f014"}.wi-wmo4680-32:before{content:"\f014"}.wi-wmo4680-33:before{content:"\f014"}.wi-wmo4680-34:before{content:"\f014"}.wi-wmo4680-35:before{content:"\f014"}.wi-wmo4680-40:before{content:"\f017"}.wi-wmo4680-41:before{content:"\f01c"}.wi-wmo4680-42:before{content:"\f019"}.wi-wmo4680-43:before{content:"\f01c"}.wi-wmo4680-44:before{content:"\f019"}.wi-wmo4680-45:before{content:"\f015"}.wi-wmo4680-46:before{content:"\f015"}.wi-wmo4680-47:before{content:"\f01b"}.wi-wmo4680-48:before{content:"\f01b"}.wi-wmo4680-50:before{content:"\f01c"}.wi-wmo4680-51:before{content:"\f01c"}.wi-wmo4680-52:before{content:"\f019"}.wi-wmo4680-53:before{content:"\f019"}.wi-wmo4680-54:before{content:"\f076"}.wi-wmo4680-55:before{content:"\f076"}.wi-wmo4680-56:before{content:"\f076"}.wi-wmo4680-57:before{content:"\f01c"}.wi-wmo4680-58:before{content:"\f019"}.wi-wmo4680-60:before{content:"\f01c"}.wi-wmo4680-61:before{content:"\f01c"}.wi-wmo4680-62:before{content:"\f019"}.wi-wmo4680-63:before{content:"\f019"}.wi-wmo4680-64:before{content:"\f015"}.wi-wmo4680-65:before{content:"\f015"}.wi-wmo4680-66:before{content:"\f015"}.wi-wmo4680-67:before{content:"\f017"}.wi-wmo4680-68:before{content:"\f017"}.wi-wmo4680-70:before{content:"\f01b"}.wi-wmo4680-71:before{content:"\f01b"}.wi-wmo4680-72:before{content:"\f01b"}.wi-wmo4680-73:before{content:"\f01b"}.wi-wmo4680-74:before{content:"\f076"}.wi-wmo4680-75:before{content:"\f076"}.wi-wmo4680-76:before{content:"\f076"}.wi-wmo4680-77:before{content:"\f01b"}.wi-wmo4680-78:before{content:"\f076"}.wi-wmo4680-80:before{content:"\f019"}.wi-wmo4680-81:before{content:"\f01c"}.wi-wmo4680-82:before{content:"\f019"}.wi-wmo4680-83:before{content:"\f019"}.wi-wmo4680-84:before{content:"\f01d"}.wi-wmo4680-85:before{content:"\f017"}.wi-wmo4680-86:before{content:"\f017"}.wi-wmo4680-87:before{content:"\f017"}.wi-wmo4680-89:before{content:"\f015"}.wi-wmo4680-90:before{content:"\f016"}.wi-wmo4680-91:before{content:"\f01d"}.wi-wmo4680-92:before{content:"\f01e"}.wi-wmo4680-93:before{content:"\f01e"}.wi-wmo4680-94:before{content:"\f016"}.wi-wmo4680-95:before{content:"\f01e"}.wi-wmo4680-96:before{content:"\f01e"}.wi-wmo4680-99:before{content:"\f056"}.wi-owm-200:before{content:"\f01e"}.wi-owm-201:before{content:"\f01e"}.wi-owm-202:before{content:"\f01e"}.wi-owm-210:before{content:"\f016"}.wi-owm-211:before{content:"\f016"}.wi-owm-212:before{content:"\f016"}.wi-owm-221:before{content:"\f016"}.wi-owm-230:before{content:"\f01e"}.wi-owm-231:before{content:"\f01e"}.wi-owm-232:before{content:"\f01e"}.wi-owm-300:before{content:"\f01c"}.wi-owm-301:before{content:"\f01c"}.wi-owm-302:before{content:"\f019"}.wi-owm-310:before{content:"\f017"}.wi-owm-311:before{content:"\f019"}.wi-owm-312:before{content:"\f019"}.wi-owm-313:before{content:"\f01a"}.wi-owm-314:before{content:"\f019"}.wi-owm-321:before{content:"\f01c"}.wi-owm-500:before{content:"\f01c"}.wi-owm-501:before{content:"\f019"}.wi-owm-502:before{content:"\f019"}.wi-owm-503:before{content:"\f019"}.wi-owm-504:before{content:"\f019"}.wi-owm-511:before{content:"\f017"}.wi-owm-520:before{content:"\f01a"}.wi-owm-521:before{content:"\f01a"}.wi-owm-522:before{content:"\f01a"}.wi-owm-531:before{content:"\f01d"}.wi-owm-600:before{content:"\f01b"}.wi-owm-601:before{content:"\f01b"}.wi-owm-602:before{content:"\f0b5"}.wi-owm-611:before{content:"\f017"}.wi-owm-612:before{content:"\f017"}.wi-owm-615:before{content:"\f017"}.wi-owm-616:before{content:"\f017"}.wi-owm-620:before{content:"\f017"}.wi-owm-621:before{content:"\f01b"}.wi-owm-622:before{content:"\f01b"}.wi-owm-701:before{content:"\f01a"}.wi-owm-711:before{content:"\f062"}.wi-owm-721:before{content:"\f0b6"}.wi-owm-731:before{content:"\f063"}.wi-owm-741:before{content:"\f014"}.wi-owm-761:before{content:"\f063"}.wi-owm-762:before{content:"\f063"}.wi-owm-771:before{content:"\f011"}.wi-owm-781:before{content:"\f056"}.wi-owm-800:before{content:"\f00d"}.wi-owm-801:before{content:"\f011"}.wi-owm-802:before{content:"\f011"}.wi-owm-803:before{content:"\f012"}.wi-owm-804:before{content:"\f013"}.wi-owm-900:before{content:"\f056"}.wi-owm-901:before{content:"\f01d"}.wi-owm-902:before{content:"\f073"}.wi-owm-903:before{content:"\f076"}.wi-owm-904:before{content:"\f072"}.wi-owm-905:before{content:"\f021"}.wi-owm-906:before{content:"\f015"}.wi-owm-957:before{content:"\f050"}.wi-owm-day-200:before{content:"\f010"}.wi-owm-day-201:before{content:"\f010"}.wi-owm-day-202:before{content:"\f010"}.wi-owm-day-210:before{content:"\f005"}.wi-owm-day-211:before{content:"\f005"}.wi-owm-day-212:before{content:"\f005"}.wi-owm-day-221:before{content:"\f005"}.wi-owm-day-230:before{content:"\f010"}.wi-owm-day-231:before{content:"\f010"}.wi-owm-day-232:before{content:"\f010"}.wi-owm-day-300:before{content:"\f00b"}.wi-owm-day-301:before{content:"\f00b"}.wi-owm-day-302:before{content:"\f008"}.wi-owm-day-310:before{content:"\f008"}.wi-owm-day-311:before{content:"\f008"}.wi-owm-day-312:before{content:"\f008"}.wi-owm-day-313:before{content:"\f008"}.wi-owm-day-314:before{content:"\f008"}.wi-owm-day-321:before{content:"\f00b"}.wi-owm-day-500:before{content:"\f00b"}.wi-owm-day-501:before{content:"\f008"}.wi-owm-day-502:before{content:"\f008"}.wi-owm-day-503:before{content:"\f008"}.wi-owm-day-504:before{content:"\f008"}.wi-owm-day-511:before{content:"\f006"}.wi-owm-day-520:before{content:"\f009"}.wi-owm-day-521:before{content:"\f009"}.wi-owm-day-522:before{content:"\f009"}.wi-owm-day-531:before{content:"\f00e"}.wi-owm-day-600:before{content:"\f00a"}.wi-owm-day-601:before{content:"\f0b2"}.wi-owm-day-602:before{content:"\f00a"}.wi-owm-day-611:before{content:"\f006"}.wi-owm-day-612:before{content:"\f006"}.wi-owm-day-615:before{content:"\f006"}.wi-owm-day-616:before{content:"\f006"}.wi-owm-day-620:before{content:"\f006"}.wi-owm-day-621:before{content:"\f00a"}.wi-owm-day-622:before{content:"\f00a"}.wi-owm-day-701:before{content:"\f009"}.wi-owm-day-711:before{content:"\f062"}.wi-owm-day-721:before{content:"\f0b6"}.wi-owm-day-731:before{content:"\f063"}.wi-owm-day-741:before{content:"\f003"}.wi-owm-day-761:before{content:"\f063"}.wi-owm-day-762:before{content:"\f063"}.wi-owm-day-781:before{content:"\f056"}.wi-owm-day-800:before{content:"\f00d"}.wi-owm-day-801:before{content:"\f000"}.wi-owm-day-802:before{content:"\f000"}.wi-owm-day-803:before{content:"\f000"}.wi-owm-day-804:before{content:"\f00c"}.wi-owm-day-900:before{content:"\f056"}.wi-owm-day-902:before{content:"\f073"}.wi-owm-day-903:before{content:"\f076"}.wi-owm-day-904:before{content:"\f072"}.wi-owm-day-906:before{content:"\f004"}.wi-owm-day-957:before{content:"\f050"}.wi-owm-night-200:before{content:"\f02d"}.wi-owm-night-201:before{content:"\f02d"}.wi-owm-night-202:before{content:"\f02d"}.wi-owm-night-210:before{content:"\f025"}.wi-owm-night-211:before{content:"\f025"}.wi-owm-night-212:before{content:"\f025"}.wi-owm-night-221:before{content:"\f025"}.wi-owm-night-230:before{content:"\f02d"}.wi-owm-night-231:before{content:"\f02d"}.wi-owm-night-232:before{content:"\f02d"}.wi-owm-night-300:before{content:"\f02b"}.wi-owm-night-301:before{content:"\f02b"}.wi-owm-night-302:before{content:"\f028"}.wi-owm-night-310:before{content:"\f028"}.wi-owm-night-311:before{content:"\f028"}.wi-owm-night-312:before{content:"\f028"}.wi-owm-night-313:before{content:"\f028"}.wi-owm-night-314:before{content:"\f028"}.wi-owm-night-321:before{content:"\f02b"}.wi-owm-night-500:before{content:"\f02b"}.wi-owm-night-501:before{content:"\f028"}.wi-owm-night-502:before{content:"\f028"}.wi-owm-night-503:before{content:"\f028"}.wi-owm-night-504:before{content:"\f028"}.wi-owm-night-511:before{content:"\f026"}.wi-owm-night-520:before{content:"\f029"}.wi-owm-night-521:before{content:"\f029"}.wi-owm-night-522:before{content:"\f029"}.wi-owm-night-531:before{content:"\f02c"}.wi-owm-night-600:before{content:"\f02a"}.wi-owm-night-601:before{content:"\f0b4"}.wi-owm-night-602:before{content:"\f02a"}.wi-owm-night-611:before{content:"\f026"}.wi-owm-night-612:before{content:"\f026"}.wi-owm-night-615:before{content:"\f026"}.wi-owm-night-616:before{content:"\f026"}.wi-owm-night-620:before{content:"\f026"}.wi-owm-night-621:before{content:"\f02a"}.wi-owm-night-622:before{content:"\f02a"}.wi-owm-night-701:before{content:"\f029"}.wi-owm-night-711:before{content:"\f062"}.wi-owm-night-721:before{content:"\f0b6"}.wi-owm-night-731:before{content:"\f063"}.wi-owm-night-741:before{content:"\f04a"}.wi-owm-night-761:before{content:"\f063"}.wi-owm-night-762:before{content:"\f063"}.wi-owm-night-781:before{content:"\f056"}.wi-owm-night-800:before{content:"\f02e"}.wi-owm-night-801:before{content:"\f022"}.wi-owm-night-802:before{content:"\f022"}.wi-owm-night-803:before{content:"\f022"}.wi-owm-night-804:before{content:"\f086"}.wi-owm-night-900:before{content:"\f056"}.wi-owm-night-902:before{content:"\f073"}.wi-owm-night-903:before{content:"\f076"}.wi-owm-night-904:before{content:"\f072"}.wi-owm-night-906:before{content:"\f024"}.wi-owm-night-957:before{content:"\f050"}.wi-wu-chanceflurries:before{content:"\f064"}.wi-wu-chancerain:before{content:"\f019"}.wi-wu-chancesleat:before{content:"\f0b5"}.wi-wu-chancesnow:before{content:"\f01b"}.wi-wu-chancetstorms:before{content:"\f01e"}.wi-wu-clear:before{content:"\f00d"}.wi-wu-cloudy:before{content:"\f002"}.wi-wu-flurries:before{content:"\f064"}.wi-wu-hazy:before{content:"\f0b6"}.wi-wu-mostlycloudy:before{content:"\f002"}.wi-wu-mostlysunny:before{content:"\f00d"}.wi-wu-partlycloudy:before{content:"\f002"}.wi-wu-partlysunny:before{content:"\f00d"}.wi-wu-rain:before{content:"\f01a"}.wi-wu-sleat:before{content:"\f0b5"}.wi-wu-snow:before{content:"\f01b"}.wi-wu-sunny:before{content:"\f00d"}.wi-wu-tstorms:before{content:"\f01e"}.wi-wu-unknown:before{content:"\f00d"}

/* ========================================================================
 * bootstrap-switch - v3.3.2
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #337ab7;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #000;
  background: #eeeeee;
}
.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  color: #333333;
  background: #ffffff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  margin: 0;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  -o-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

@font-face {
  font-family: 'icomoon';
  src:  url('/fonts/icomoon.eot?n4cnj6');
  src:  url('/fonts/icomoon.eot?n4cnj6#iefix') format('embedded-opentype'),
    url('/fonts/icomoon.ttf?n4cnj6') format('truetype'),
    url('/fonts/icomoon.woff?n4cnj6') format('woff'),
    url('/fonts/icomoon.svg?n4cnj6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cubes:before {
    content: "\e905";
}

.icon-balance:before {
    content: "\e906";
}

.icon-dropdown-list:before {
    content: "\e907";
}

.icon-checklist:before {
    content: "\e908";
}

.icon-feature:before {
    content: "\e909";
}

.icon-users:before {
    content: "\e90a";
}

.icon-zoo:before {
    content: "\e90b";
}

.icon-hashtag:before {
    content: "\e90c";
}

.icon-card:before {
    content: "\e90d";
}

.icon-label:before {
    content: "\e90e";
}

.icon-puzzle:before {
    content: "\e90f";
}

.icon-care:before {
    content: "\e910";
}

.icon-bill:before {
    content: "\e911";
}

.icon-work-team:before {
    content: "\e912";
}

.icon-template:before {
    content: "\e904";
}

.icon-box:before {
    content: "\e903";
}

.icon-up-down-disabled:before {
    content: "\e901";
}

.icon-up-down:before {
    content: "\e902";
}

.icon-pills-bottle:before {
    content: "\e900";
}

.icon-pacman:before {
    content: "\e916";
}

.icon-resource:before {
    content: "\e920";
}

.icon-copy-entire-row:before {
    content: "\e921";
}

.icon-copy-across:before {
    content: "\e922";
}

.icon-rotate-x-y:before {
    content: "\e913";
}

.icon-touchscreen:before {
  content: "\e914";
}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.46
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}


.flag-icon-background, .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat; }

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.3333333333em;
  line-height: 1em; }
  .flag-icon:before {
    content: " "; }
  .flag-icon.flag-icon-squared {
    width: 1em; }

.flag-icon-abw {
  background-image: url(/Content/flags/4x3/abw.svg); }
  .flag-icon-abw.flag-icon-squared {
    background-image: url(/Content/flags/1x1/abw.svg); }

.flag-icon-afg {
  background-image: url(/Content/flags/4x3/afg.svg); }
  .flag-icon-afg.flag-icon-squared {
    background-image: url(/Content/flags/1x1/afg.svg); }

.flag-icon-ago {
  background-image: url(/Content/flags/4x3/ago.svg); }
  .flag-icon-ago.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ago.svg); }

.flag-icon-aia {
  background-image: url(/Content/flags/4x3/aia.svg); }
  .flag-icon-aia.flag-icon-squared {
    background-image: url(/Content/flags/1x1/aia.svg); }

.flag-icon-ala {
  background-image: url(/Content/flags/4x3/ala.svg); }
  .flag-icon-ala.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ala.svg); }

.flag-icon-alb {
  background-image: url(/Content/flags/4x3/alb.svg); }
  .flag-icon-alb.flag-icon-squared {
    background-image: url(/Content/flags/1x1/alb.svg); }

.flag-icon-and {
  background-image: url(/Content/flags/4x3/and.svg); }
  .flag-icon-and.flag-icon-squared {
    background-image: url(/Content/flags/1x1/and.svg); }

.flag-icon-are {
  background-image: url(/Content/flags/4x3/are.svg); }
  .flag-icon-are.flag-icon-squared {
    background-image: url(/Content/flags/1x1/are.svg); }

.flag-icon-arg {
  background-image: url(/Content/flags/4x3/arg.svg); }
  .flag-icon-arg.flag-icon-squared {
    background-image: url(/Content/flags/1x1/arg.svg); }

.flag-icon-arm {
  background-image: url(/Content/flags/4x3/arm.svg); }
  .flag-icon-arm.flag-icon-squared {
    background-image: url(/Content/flags/1x1/arm.svg); }

.flag-icon-asm {
  background-image: url(/Content/flags/4x3/asm.svg); }
  .flag-icon-asm.flag-icon-squared {
    background-image: url(/Content/flags/1x1/asm.svg); }

.flag-icon-ata {
  background-image: url(/Content/flags/4x3/ata.svg); }
  .flag-icon-ata.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ata.svg); }

.flag-icon-atf {
  background-image: url(/Content/flags/4x3/atf.svg); }
  .flag-icon-atf.flag-icon-squared {
    background-image: url(/Content/flags/1x1/atf.svg); }

.flag-icon-atg {
  background-image: url(/Content/flags/4x3/atg.svg); }
  .flag-icon-atg.flag-icon-squared {
    background-image: url(/Content/flags/1x1/atg.svg); }

.flag-icon-aus {
  background-image: url(/Content/flags/4x3/aus.svg); }
  .flag-icon-aus.flag-icon-squared {
    background-image: url(/Content/flags/1x1/aus.svg); }

.flag-icon-aut {
  background-image: url(/Content/flags/4x3/aut.svg); }
  .flag-icon-aut.flag-icon-squared {
    background-image: url(/Content/flags/1x1/aut.svg); }

.flag-icon-aze {
  background-image: url(/Content/flags/4x3/aze.svg); }
  .flag-icon-aze.flag-icon-squared {
    background-image: url(/Content/flags/1x1/aze.svg); }

.flag-icon-bdi {
  background-image: url(/Content/flags/4x3/bdi.svg); }
  .flag-icon-bdi.flag-icon-squared {
    background-image: url(/Content/flags/1x1/bdi.svg); }

.flag-icon-bel {
  background-image: url(/Content/flags/4x3/bel.svg); }
  .flag-icon-bel.flag-icon-squared {
    background-image: url(/Content/flags/1x1/bel.svg); }

.flag-icon-ben {
  background-image: url(/Content/flags/4x3/ben.svg); }
  .flag-icon-ben.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ben.svg); }

.flag-icon-bes {
  background-image: url(/Content/flags/4x3/bes.svg); }
  .flag-icon-bes.flag-icon-squared {
    background-image: url(/Content/flags/1x1/bes.svg); }

.flag-icon-bfa {
  background-image: url(/Content/flags/4x3/bfa.svg); }
  .flag-icon-bfa.flag-icon-squared {
    background-image: url(/Content/flags/1x1/bfa.svg); }

.flag-icon-bgd {
  background-image: url(/Content/flags/4x3/bgd.svg); }
  .flag-icon-bgd.flag-icon-squared {
    background-image: url(/Content/flags/1x1/bgd.svg); }

.flag-icon-bgr {
  background-image: url(/Content/flags/4x3/bgr.svg); }
  .flag-icon-bgr.flag-icon-squared {
    background-image: url(/Content/flags/1x1/bgr.svg); }

.flag-icon-bhr {
  background-image: url(/Content/flags/4x3/bhr.svg); }
  .flag-icon-bhr.flag-icon-squared {
    background-image: url(/Content/flags/1x1/bhr.svg); }

.flag-icon-bhs {
  background-image: url(/Content/flags/4x3/bhs.svg); }
  .flag-icon-bhs.flag-icon-squared {
    background-image: url(/Content/flags/1x1/bhs.svg); }

.flag-icon-bih {
  background-image: url(/Content/flags/4x3/bih.svg); }
  .flag-icon-bih.flag-icon-squared {
    background-image: url(/Content/flags/1x1/bih.svg); }

.flag-icon-blm {
  background-image: url(/Content/flags/4x3/blm.svg); }
  .flag-icon-blm.flag-icon-squared {
    background-image: url(/Content/flags/1x1/blm.svg); }

.flag-icon-blr {
  background-image: url(/Content/flags/4x3/blr.svg); }
  .flag-icon-blr.flag-icon-squared {
    background-image: url(/Content/flags/1x1/blr.svg); }

.flag-icon-blz {
  background-image: url(/Content/flags/4x3/blz.svg); }
  .flag-icon-blz.flag-icon-squared {
    background-image: url(/Content/flags/1x1/blz.svg); }

.flag-icon-bmu {
  background-image: url(/Content/flags/4x3/bmu.svg); }
  .flag-icon-bmu.flag-icon-squared {
    background-image: url(/Content/flags/1x1/bmu.svg); }

.flag-icon-bol {
  background-image: url(/Content/flags/4x3/bol.svg); }
  .flag-icon-bol.flag-icon-squared {
    background-image: url(/Content/flags/1x1/bol.svg); }

.flag-icon-bra {
  background-image: url(/Content/flags/4x3/bra.svg); }
  .flag-icon-bra.flag-icon-squared {
    background-image: url(/Content/flags/1x1/bra.svg); }

.flag-icon-brb {
  background-image: url(/Content/flags/4x3/brb.svg); }
  .flag-icon-brb.flag-icon-squared {
    background-image: url(/Content/flags/1x1/brb.svg); }

.flag-icon-brn {
  background-image: url(/Content/flags/4x3/brn.svg); }
  .flag-icon-brn.flag-icon-squared {
    background-image: url(/Content/flags/1x1/brn.svg); }

.flag-icon-btn {
  background-image: url(/Content/flags/4x3/btn.svg); }
  .flag-icon-btn.flag-icon-squared {
    background-image: url(/Content/flags/1x1/btn.svg); }

.flag-icon-bvt {
  background-image: url(/Content/flags/4x3/bvt.svg); }
  .flag-icon-bvt.flag-icon-squared {
    background-image: url(/Content/flags/1x1/bvt.svg); }

.flag-icon-bwa {
  background-image: url(/Content/flags/4x3/bwa.svg); }
  .flag-icon-bwa.flag-icon-squared {
    background-image: url(/Content/flags/1x1/bwa.svg); }

.flag-icon-caf {
  background-image: url(/Content/flags/4x3/caf.svg); }
  .flag-icon-caf.flag-icon-squared {
    background-image: url(/Content/flags/1x1/caf.svg); }

.flag-icon-can {
  background-image: url(/Content/flags/4x3/can.svg); }
  .flag-icon-can.flag-icon-squared {
    background-image: url(/Content/flags/1x1/can.svg); }

.flag-icon-cat {
  background-image: url(/Content/flags/4x3/cat.svg); }
  .flag-icon-cat.flag-icon-squared {
    background-image: url(/Content/flags/1x1/cat.svg); }

.flag-icon-cck {
  background-image: url(/Content/flags/4x3/cck.svg); }
  .flag-icon-cck.flag-icon-squared {
    background-image: url(/Content/flags/1x1/cck.svg); }

.flag-icon-che {
  background-image: url(/Content/flags/4x3/che.svg); }
  .flag-icon-che.flag-icon-squared {
    background-image: url(/Content/flags/1x1/che.svg); }

.flag-icon-chl {
  background-image: url(/Content/flags/4x3/chl.svg); }
  .flag-icon-chl.flag-icon-squared {
    background-image: url(/Content/flags/1x1/chl.svg); }

.flag-icon-chn {
  background-image: url(/Content/flags/4x3/chn.svg); }
  .flag-icon-chn.flag-icon-squared {
    background-image: url(/Content/flags/1x1/chn.svg); }

.flag-icon-civ {
  background-image: url(/Content/flags/4x3/civ.svg); }
  .flag-icon-civ.flag-icon-squared {
    background-image: url(/Content/flags/1x1/civ.svg); }

.flag-icon-cmr {
  background-image: url(/Content/flags/4x3/cmr.svg); }
  .flag-icon-cmr.flag-icon-squared {
    background-image: url(/Content/flags/1x1/cmr.svg); }

.flag-icon-cod {
  background-image: url(/Content/flags/4x3/cod.svg); }
  .flag-icon-cod.flag-icon-squared {
    background-image: url(/Content/flags/1x1/cod.svg); }

.flag-icon-cog {
  background-image: url(/Content/flags/4x3/cog.svg); }
  .flag-icon-cog.flag-icon-squared {
    background-image: url(/Content/flags/1x1/cog.svg); }

.flag-icon-cok {
  background-image: url(/Content/flags/4x3/cok.svg); }
  .flag-icon-cok.flag-icon-squared {
    background-image: url(/Content/flags/1x1/cok.svg); }

.flag-icon-col {
  background-image: url(/Content/flags/4x3/col.svg); }
  .flag-icon-col.flag-icon-squared {
    background-image: url(/Content/flags/1x1/col.svg); }

.flag-icon-com {
  background-image: url(/Content/flags/4x3/com.svg); }
  .flag-icon-com.flag-icon-squared {
    background-image: url(/Content/flags/1x1/com.svg); }

.flag-icon-cpv {
  background-image: url(/Content/flags/4x3/cpv.svg); }
  .flag-icon-cpv.flag-icon-squared {
    background-image: url(/Content/flags/1x1/cpv.svg); }

.flag-icon-cri {
  background-image: url(/Content/flags/4x3/cri.svg); }
  .flag-icon-cri.flag-icon-squared {
    background-image: url(/Content/flags/1x1/cri.svg); }

.flag-icon-cub {
  background-image: url(/Content/flags/4x3/cub.svg); }
  .flag-icon-cub.flag-icon-squared {
    background-image: url(/Content/flags/1x1/cub.svg); }

.flag-icon-cuw {
  background-image: url(/Content/flags/4x3/cuw.svg); }
  .flag-icon-cuw.flag-icon-squared {
    background-image: url(/Content/flags/1x1/cuw.svg); }

.flag-icon-cxr {
  background-image: url(/Content/flags/4x3/cxr.svg); }
  .flag-icon-cxr.flag-icon-squared {
    background-image: url(/Content/flags/1x1/cxr.svg); }

.flag-icon-cym {
  background-image: url(/Content/flags/4x3/cym.svg); }
  .flag-icon-cym.flag-icon-squared {
    background-image: url(/Content/flags/1x1/cym.svg); }

.flag-icon-cyp {
  background-image: url(/Content/flags/4x3/cyp.svg); }
  .flag-icon-cyp.flag-icon-squared {
    background-image: url(/Content/flags/1x1/cyp.svg); }

.flag-icon-cze {
  background-image: url(/Content/flags/4x3/cze.svg); }
  .flag-icon-cze.flag-icon-squared {
    background-image: url(/Content/flags/1x1/cze.svg); }

.flag-icon-deu {
  background-image: url(/Content/flags/4x3/deu.svg); }
  .flag-icon-deu.flag-icon-squared {
    background-image: url(/Content/flags/1x1/deu.svg); }

.flag-icon-dji {
  background-image: url(/Content/flags/4x3/dji.svg); }
  .flag-icon-dji.flag-icon-squared {
    background-image: url(/Content/flags/1x1/dji.svg); }

.flag-icon-dma {
  background-image: url(/Content/flags/4x3/dma.svg); }
  .flag-icon-dma.flag-icon-squared {
    background-image: url(/Content/flags/1x1/dma.svg); }

.flag-icon-dnk {
  background-image: url(/Content/flags/4x3/dnk.svg); }
  .flag-icon-dnk.flag-icon-squared {
    background-image: url(/Content/flags/1x1/dnk.svg); }

.flag-icon-dom {
  background-image: url(/Content/flags/4x3/dom.svg); }
  .flag-icon-dom.flag-icon-squared {
    background-image: url(/Content/flags/1x1/dom.svg); }

.flag-icon-dza {
  background-image: url(/Content/flags/4x3/dza.svg); }
  .flag-icon-dza.flag-icon-squared {
    background-image: url(/Content/flags/1x1/dza.svg); }

.flag-icon-ecu {
  background-image: url(/Content/flags/4x3/ecu.svg); }
  .flag-icon-ecu.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ecu.svg); }

.flag-icon-egy {
  background-image: url(/Content/flags/4x3/egy.svg); }
  .flag-icon-egy.flag-icon-squared {
    background-image: url(/Content/flags/1x1/egy.svg); }

.flag-icon-eng {
  background-image: url(/Content/flags/4x3/eng.svg); }
  .flag-icon-eng.flag-icon-squared {
    background-image: url(/Content/flags/1x1/eng.svg); }

.flag-icon-eri {
  background-image: url(/Content/flags/4x3/eri.svg); }
  .flag-icon-eri.flag-icon-squared {
    background-image: url(/Content/flags/1x1/eri.svg); }

.flag-icon-esh {
  background-image: url(/Content/flags/4x3/esh.svg); }
  .flag-icon-esh.flag-icon-squared {
    background-image: url(/Content/flags/1x1/esh.svg); }

.flag-icon-esp {
  background-image: url(/Content/flags/4x3/esp.svg); }
  .flag-icon-esp.flag-icon-squared {
    background-image: url(/Content/flags/1x1/esp.svg); }

.flag-icon-est {
  background-image: url(/Content/flags/4x3/est.svg); }
  .flag-icon-est.flag-icon-squared {
    background-image: url(/Content/flags/1x1/est.svg); }

.flag-icon-eth {
  background-image: url(/Content/flags/4x3/eth.svg); }
  .flag-icon-eth.flag-icon-squared {
    background-image: url(/Content/flags/1x1/eth.svg); }

.flag-icon-eun {
  background-image: url(/Content/flags/4x3/eun.svg); }
  .flag-icon-eun.flag-icon-squared {
    background-image: url(/Content/flags/1x1/eun.svg); }

.flag-icon-fin {
  background-image: url(/Content/flags/4x3/fin.svg); }
  .flag-icon-fin.flag-icon-squared {
    background-image: url(/Content/flags/1x1/fin.svg); }

.flag-icon-fji {
  background-image: url(/Content/flags/4x3/fji.svg); }
  .flag-icon-fji.flag-icon-squared {
    background-image: url(/Content/flags/1x1/fji.svg); }

.flag-icon-flk {
  background-image: url(/Content/flags/4x3/flk.svg); }
  .flag-icon-flk.flag-icon-squared {
    background-image: url(/Content/flags/1x1/flk.svg); }

.flag-icon-fra {
  background-image: url(/Content/flags/4x3/fra.svg); }
  .flag-icon-fra.flag-icon-squared {
    background-image: url(/Content/flags/1x1/fra.svg); }

.flag-icon-fro {
  background-image: url(/Content/flags/4x3/fro.svg); }
  .flag-icon-fro.flag-icon-squared {
    background-image: url(/Content/flags/1x1/fro.svg); }

.flag-icon-fsm {
  background-image: url(/Content/flags/4x3/fsm.svg); }
  .flag-icon-fsm.flag-icon-squared {
    background-image: url(/Content/flags/1x1/fsm.svg); }

.flag-icon-gab {
  background-image: url(/Content/flags/4x3/gab.svg); }
  .flag-icon-gab.flag-icon-squared {
    background-image: url(/Content/flags/1x1/gab.svg); }

.flag-icon-gbr {
  background-image: url(/Content/flags/4x3/gbr.svg); }
  .flag-icon-gbr.flag-icon-squared {
    background-image: url(/Content/flags/1x1/gbr.svg); }

.flag-icon-geo {
  background-image: url(/Content/flags/4x3/geo.svg); }
  .flag-icon-geo.flag-icon-squared {
    background-image: url(/Content/flags/1x1/geo.svg); }

.flag-icon-ggy {
  background-image: url(/Content/flags/4x3/ggy.svg); }
  .flag-icon-ggy.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ggy.svg); }

.flag-icon-gha {
  background-image: url(/Content/flags/4x3/gha.svg); }
  .flag-icon-gha.flag-icon-squared {
    background-image: url(/Content/flags/1x1/gha.svg); }

.flag-icon-gib {
  background-image: url(/Content/flags/4x3/gib.svg); }
  .flag-icon-gib.flag-icon-squared {
    background-image: url(/Content/flags/1x1/gib.svg); }

.flag-icon-gin {
  background-image: url(/Content/flags/4x3/gin.svg); }
  .flag-icon-gin.flag-icon-squared {
    background-image: url(/Content/flags/1x1/gin.svg); }

.flag-icon-glp {
  background-image: url(/Content/flags/4x3/glp.svg); }
  .flag-icon-glp.flag-icon-squared {
    background-image: url(/Content/flags/1x1/glp.svg); }

.flag-icon-gmb {
  background-image: url(/Content/flags/4x3/gmb.svg); }
  .flag-icon-gmb.flag-icon-squared {
    background-image: url(/Content/flags/1x1/gmb.svg); }

.flag-icon-gnb {
  background-image: url(/Content/flags/4x3/gnb.svg); }
  .flag-icon-gnb.flag-icon-squared {
    background-image: url(/Content/flags/1x1/gnb.svg); }

.flag-icon-gnq {
  background-image: url(/Content/flags/4x3/gnq.svg); }
  .flag-icon-gnq.flag-icon-squared {
    background-image: url(/Content/flags/1x1/gnq.svg); }

.flag-icon-grc {
  background-image: url(/Content/flags/4x3/grc.svg); }
  .flag-icon-grc.flag-icon-squared {
    background-image: url(/Content/flags/1x1/grc.svg); }

.flag-icon-grd {
  background-image: url(/Content/flags/4x3/grd.svg); }
  .flag-icon-grd.flag-icon-squared {
    background-image: url(/Content/flags/1x1/grd.svg); }

.flag-icon-grl {
  background-image: url(/Content/flags/4x3/grl.svg); }
  .flag-icon-grl.flag-icon-squared {
    background-image: url(/Content/flags/1x1/grl.svg); }

.flag-icon-gtm {
  background-image: url(/Content/flags/4x3/gtm.svg); }
  .flag-icon-gtm.flag-icon-squared {
    background-image: url(/Content/flags/1x1/gtm.svg); }

.flag-icon-guf {
  background-image: url(/Content/flags/4x3/guf.svg); }
  .flag-icon-guf.flag-icon-squared {
    background-image: url(/Content/flags/1x1/guf.svg); }

.flag-icon-gum {
  background-image: url(/Content/flags/4x3/gum.svg); }
  .flag-icon-gum.flag-icon-squared {
    background-image: url(/Content/flags/1x1/gum.svg); }

.flag-icon-guy {
  background-image: url(/Content/flags/4x3/guy.svg); }
  .flag-icon-guy.flag-icon-squared {
    background-image: url(/Content/flags/1x1/guy.svg); }

.flag-icon-hkg {
  background-image: url(/Content/flags/4x3/hkg.svg); }
  .flag-icon-hkg.flag-icon-squared {
    background-image: url(/Content/flags/1x1/hkg.svg); }

.flag-icon-hmd {
  background-image: url(/Content/flags/4x3/hmd.svg); }
  .flag-icon-hmd.flag-icon-squared {
    background-image: url(/Content/flags/1x1/hmd.svg); }

.flag-icon-hnd {
  background-image: url(/Content/flags/4x3/hnd.svg); }
  .flag-icon-hnd.flag-icon-squared {
    background-image: url(/Content/flags/1x1/hnd.svg); }

.flag-icon-hrv {
  background-image: url(/Content/flags/4x3/hrv.svg); }
  .flag-icon-hrv.flag-icon-squared {
    background-image: url(/Content/flags/1x1/hrv.svg); }

.flag-icon-hti {
  background-image: url(/Content/flags/4x3/hti.svg); }
  .flag-icon-hti.flag-icon-squared {
    background-image: url(/Content/flags/1x1/hti.svg); }

.flag-icon-hun {
  background-image: url(/Content/flags/4x3/hun.svg); }
  .flag-icon-hun.flag-icon-squared {
    background-image: url(/Content/flags/1x1/hun.svg); }

.flag-icon-idn {
  background-image: url(/Content/flags/4x3/idn.svg); }
  .flag-icon-idn.flag-icon-squared {
    background-image: url(/Content/flags/1x1/idn.svg); }

.flag-icon-imn {
  background-image: url(/Content/flags/4x3/imn.svg); }
  .flag-icon-imn.flag-icon-squared {
    background-image: url(/Content/flags/1x1/imn.svg); }

.flag-icon-ind {
  background-image: url(/Content/flags/4x3/ind.svg); }
  .flag-icon-ind.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ind.svg); }

.flag-icon-iot {
  background-image: url(/Content/flags/4x3/iot.svg); }
  .flag-icon-iot.flag-icon-squared {
    background-image: url(/Content/flags/1x1/iot.svg); }

.flag-icon-irl {
  background-image: url(/Content/flags/4x3/irl.svg); }
  .flag-icon-irl.flag-icon-squared {
    background-image: url(/Content/flags/1x1/irl.svg); }

.flag-icon-irn {
  background-image: url(/Content/flags/4x3/irn.svg); }
  .flag-icon-irn.flag-icon-squared {
    background-image: url(/Content/flags/1x1/irn.svg); }

.flag-icon-irq {
  background-image: url(/Content/flags/4x3/irq.svg); }
  .flag-icon-irq.flag-icon-squared {
    background-image: url(/Content/flags/1x1/irq.svg); }

.flag-icon-isl {
  background-image: url(/Content/flags/4x3/isl.svg); }
  .flag-icon-isl.flag-icon-squared {
    background-image: url(/Content/flags/1x1/isl.svg); }

.flag-icon-isr {
  background-image: url(/Content/flags/4x3/isr.svg); }
  .flag-icon-isr.flag-icon-squared {
    background-image: url(/Content/flags/1x1/isr.svg); }

.flag-icon-ita {
  background-image: url(/Content/flags/4x3/ita.svg); }
  .flag-icon-ita.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ita.svg); }

.flag-icon-jam {
  background-image: url(/Content/flags/4x3/jam.svg); }
  .flag-icon-jam.flag-icon-squared {
    background-image: url(/Content/flags/1x1/jam.svg); }

.flag-icon-jey {
  background-image: url(/Content/flags/4x3/jey.svg); }
  .flag-icon-jey.flag-icon-squared {
    background-image: url(/Content/flags/1x1/jey.svg); }

.flag-icon-jor {
  background-image: url(/Content/flags/4x3/jor.svg); }
  .flag-icon-jor.flag-icon-squared {
    background-image: url(/Content/flags/1x1/jor.svg); }

.flag-icon-jpn {
  background-image: url(/Content/flags/4x3/jpn.svg); }
  .flag-icon-jpn.flag-icon-squared {
    background-image: url(/Content/flags/1x1/jpn.svg); }

.flag-icon-kaz {
  background-image: url(/Content/flags/4x3/kaz.svg); }
  .flag-icon-kaz.flag-icon-squared {
    background-image: url(/Content/flags/1x1/kaz.svg); }

.flag-icon-ken {
  background-image: url(/Content/flags/4x3/ken.svg); }
  .flag-icon-ken.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ken.svg); }

.flag-icon-kgz {
  background-image: url(/Content/flags/4x3/kgz.svg); }
  .flag-icon-kgz.flag-icon-squared {
    background-image: url(/Content/flags/1x1/kgz.svg); }

.flag-icon-khm {
  background-image: url(/Content/flags/4x3/khm.svg); }
  .flag-icon-khm.flag-icon-squared {
    background-image: url(/Content/flags/1x1/khm.svg); }

.flag-icon-kir {
  background-image: url(/Content/flags/4x3/kir.svg); }
  .flag-icon-kir.flag-icon-squared {
    background-image: url(/Content/flags/1x1/kir.svg); }

.flag-icon-kna {
  background-image: url(/Content/flags/4x3/kna.svg); }
  .flag-icon-kna.flag-icon-squared {
    background-image: url(/Content/flags/1x1/kna.svg); }

.flag-icon-kor {
  background-image: url(/Content/flags/4x3/kor.svg); }
  .flag-icon-kor.flag-icon-squared {
    background-image: url(/Content/flags/1x1/kor.svg); }

.flag-icon-kos {
  background-image: url(/Content/flags/4x3/kos.svg); }
  .flag-icon-kos.flag-icon-squared {
    background-image: url(/Content/flags/1x1/kos.svg); }

.flag-icon-kwt {
  background-image: url(/Content/flags/4x3/kwt.svg); }
  .flag-icon-kwt.flag-icon-squared {
    background-image: url(/Content/flags/1x1/kwt.svg); }

.flag-icon-lao {
  background-image: url(/Content/flags/4x3/lao.svg); }
  .flag-icon-lao.flag-icon-squared {
    background-image: url(/Content/flags/1x1/lao.svg); }

.flag-icon-lbn {
  background-image: url(/Content/flags/4x3/lbn.svg); }
  .flag-icon-lbn.flag-icon-squared {
    background-image: url(/Content/flags/1x1/lbn.svg); }

.flag-icon-lbr {
  background-image: url(/Content/flags/4x3/lbr.svg); }
  .flag-icon-lbr.flag-icon-squared {
    background-image: url(/Content/flags/1x1/lbr.svg); }

.flag-icon-lby {
  background-image: url(/Content/flags/4x3/lby.svg); }
  .flag-icon-lby.flag-icon-squared {
    background-image: url(/Content/flags/1x1/lby.svg); }

.flag-icon-lca {
  background-image: url(/Content/flags/4x3/lca.svg); }
  .flag-icon-lca.flag-icon-squared {
    background-image: url(/Content/flags/1x1/lca.svg); }

.flag-icon-lie {
  background-image: url(/Content/flags/4x3/lie.svg); }
  .flag-icon-lie.flag-icon-squared {
    background-image: url(/Content/flags/1x1/lie.svg); }

.flag-icon-lka {
  background-image: url(/Content/flags/4x3/lka.svg); }
  .flag-icon-lka.flag-icon-squared {
    background-image: url(/Content/flags/1x1/lka.svg); }

.flag-icon-lso {
  background-image: url(/Content/flags/4x3/lso.svg); }
  .flag-icon-lso.flag-icon-squared {
    background-image: url(/Content/flags/1x1/lso.svg); }

.flag-icon-ltu {
  background-image: url(/Content/flags/4x3/ltu.svg); }
  .flag-icon-ltu.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ltu.svg); }

.flag-icon-lux {
  background-image: url(/Content/flags/4x3/lux.svg); }
  .flag-icon-lux.flag-icon-squared {
    background-image: url(/Content/flags/1x1/lux.svg); }

.flag-icon-lva {
  background-image: url(/Content/flags/4x3/lva.svg); }
  .flag-icon-lva.flag-icon-squared {
    background-image: url(/Content/flags/1x1/lva.svg); }

.flag-icon-mac {
  background-image: url(/Content/flags/4x3/mac.svg); }
  .flag-icon-mac.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mac.svg); }

.flag-icon-maf {
  background-image: url(/Content/flags/4x3/maf.svg); }
  .flag-icon-maf.flag-icon-squared {
    background-image: url(/Content/flags/1x1/maf.svg); }

.flag-icon-mar {
  background-image: url(/Content/flags/4x3/mar.svg); }
  .flag-icon-mar.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mar.svg); }

.flag-icon-mco {
  background-image: url(/Content/flags/4x3/mco.svg); }
  .flag-icon-mco.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mco.svg); }

.flag-icon-mda {
  background-image: url(/Content/flags/4x3/mda.svg); }
  .flag-icon-mda.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mda.svg); }

.flag-icon-mdg {
  background-image: url(/Content/flags/4x3/mdg.svg); }
  .flag-icon-mdg.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mdg.svg); }

.flag-icon-mdv {
  background-image: url(/Content/flags/4x3/mdv.svg); }
  .flag-icon-mdv.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mdv.svg); }

.flag-icon-mex {
  background-image: url(/Content/flags/4x3/mex.svg); }
  .flag-icon-mex.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mex.svg); }

.flag-icon-mhl {
  background-image: url(/Content/flags/4x3/mhl.svg); }
  .flag-icon-mhl.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mhl.svg); }

.flag-icon-mkd {
  background-image: url(/Content/flags/4x3/mkd.svg); }
  .flag-icon-mkd.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mkd.svg); }

.flag-icon-mli {
  background-image: url(/Content/flags/4x3/mli.svg); }
  .flag-icon-mli.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mli.svg); }

.flag-icon-mlt {
  background-image: url(/Content/flags/4x3/mlt.svg); }
  .flag-icon-mlt.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mlt.svg); }

.flag-icon-mmr {
  background-image: url(/Content/flags/4x3/mmr.svg); }
  .flag-icon-mmr.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mmr.svg); }

.flag-icon-mne {
  background-image: url(/Content/flags/4x3/mne.svg); }
  .flag-icon-mne.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mne.svg); }

.flag-icon-mng {
  background-image: url(/Content/flags/4x3/mng.svg); }
  .flag-icon-mng.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mng.svg); }

.flag-icon-mnp {
  background-image: url(/Content/flags/4x3/mnp.svg); }
  .flag-icon-mnp.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mnp.svg); }

.flag-icon-moz {
  background-image: url(/Content/flags/4x3/moz.svg); }
  .flag-icon-moz.flag-icon-squared {
    background-image: url(/Content/flags/1x1/moz.svg); }

.flag-icon-mrt {
  background-image: url(/Content/flags/4x3/mrt.svg); }
  .flag-icon-mrt.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mrt.svg); }

.flag-icon-msr {
  background-image: url(/Content/flags/4x3/msr.svg); }
  .flag-icon-msr.flag-icon-squared {
    background-image: url(/Content/flags/1x1/msr.svg); }

.flag-icon-mtq {
  background-image: url(/Content/flags/4x3/mtq.svg); }
  .flag-icon-mtq.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mtq.svg); }

.flag-icon-mus {
  background-image: url(/Content/flags/4x3/mus.svg); }
  .flag-icon-mus.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mus.svg); }

.flag-icon-mwi {
  background-image: url(/Content/flags/4x3/mwi.svg); }
  .flag-icon-mwi.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mwi.svg); }

.flag-icon-mys {
  background-image: url(/Content/flags/4x3/mys.svg); }
  .flag-icon-mys.flag-icon-squared {
    background-image: url(/Content/flags/1x1/mys.svg); }

.flag-icon-myt {
  background-image: url(/Content/flags/4x3/myt.svg); }
  .flag-icon-myt.flag-icon-squared {
    background-image: url(/Content/flags/1x1/myt.svg); }

.flag-icon-nam {
  background-image: url(/Content/flags/4x3/nam.svg); }
  .flag-icon-nam.flag-icon-squared {
    background-image: url(/Content/flags/1x1/nam.svg); }

.flag-icon-ncl {
  background-image: url(/Content/flags/4x3/ncl.svg); }
  .flag-icon-ncl.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ncl.svg); }

.flag-icon-ner {
  background-image: url(/Content/flags/4x3/ner.svg); }
  .flag-icon-ner.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ner.svg); }

.flag-icon-nfk {
  background-image: url(/Content/flags/4x3/nfk.svg); }
  .flag-icon-nfk.flag-icon-squared {
    background-image: url(/Content/flags/1x1/nfk.svg); }

.flag-icon-nga {
  background-image: url(/Content/flags/4x3/nga.svg); }
  .flag-icon-nga.flag-icon-squared {
    background-image: url(/Content/flags/1x1/nga.svg); }

.flag-icon-nic {
  background-image: url(/Content/flags/4x3/nic.svg); }
  .flag-icon-nic.flag-icon-squared {
    background-image: url(/Content/flags/1x1/nic.svg); }

.flag-icon-nir {
  background-image: url(/Content/flags/4x3/nir.svg); }
  .flag-icon-nir.flag-icon-squared {
    background-image: url(/Content/flags/1x1/nir.svg); }

.flag-icon-niu {
  background-image: url(/Content/flags/4x3/niu.svg); }
  .flag-icon-niu.flag-icon-squared {
    background-image: url(/Content/flags/1x1/niu.svg); }

.flag-icon-nld {
  background-image: url(/Content/flags/4x3/nld.svg); }
  .flag-icon-nld.flag-icon-squared {
    background-image: url(/Content/flags/1x1/nld.svg); }

.flag-icon-nor {
  background-image: url(/Content/flags/4x3/nor.svg); }
  .flag-icon-nor.flag-icon-squared {
    background-image: url(/Content/flags/1x1/nor.svg); }

.flag-icon-npl {
  background-image: url(/Content/flags/4x3/npl.svg); }
  .flag-icon-npl.flag-icon-squared {
    background-image: url(/Content/flags/1x1/npl.svg); }

.flag-icon-nru {
  background-image: url(/Content/flags/4x3/nru.svg); }
  .flag-icon-nru.flag-icon-squared {
    background-image: url(/Content/flags/1x1/nru.svg); }

.flag-icon-nzl {
  background-image: url(/Content/flags/4x3/nzl.svg); }
  .flag-icon-nzl.flag-icon-squared {
    background-image: url(/Content/flags/1x1/nzl.svg); }

.flag-icon-omn {
  background-image: url(/Content/flags/4x3/omn.svg); }
  .flag-icon-omn.flag-icon-squared {
    background-image: url(/Content/flags/1x1/omn.svg); }

.flag-icon-pak {
  background-image: url(/Content/flags/4x3/pak.svg); }
  .flag-icon-pak.flag-icon-squared {
    background-image: url(/Content/flags/1x1/pak.svg); }

.flag-icon-pan {
  background-image: url(/Content/flags/4x3/pan.svg); }
  .flag-icon-pan.flag-icon-squared {
    background-image: url(/Content/flags/1x1/pan.svg); }

.flag-icon-pcn {
  background-image: url(/Content/flags/4x3/pcn.svg); }
  .flag-icon-pcn.flag-icon-squared {
    background-image: url(/Content/flags/1x1/pcn.svg); }

.flag-icon-per {
  background-image: url(/Content/flags/4x3/per.svg); }
  .flag-icon-per.flag-icon-squared {
    background-image: url(/Content/flags/1x1/per.svg); }

.flag-icon-phl {
  background-image: url(/Content/flags/4x3/phl.svg); }
  .flag-icon-phl.flag-icon-squared {
    background-image: url(/Content/flags/1x1/phl.svg); }

.flag-icon-plw {
  background-image: url(/Content/flags/4x3/plw.svg); }
  .flag-icon-plw.flag-icon-squared {
    background-image: url(/Content/flags/1x1/plw.svg); }

.flag-icon-png {
  background-image: url(/Content/flags/4x3/png.svg); }
  .flag-icon-png.flag-icon-squared {
    background-image: url(/Content/flags/1x1/png.svg); }

.flag-icon-pol {
  background-image: url(/Content/flags/4x3/pol.svg); }
  .flag-icon-pol.flag-icon-squared {
    background-image: url(/Content/flags/1x1/pol.svg); }

.flag-icon-pri {
  background-image: url(/Content/flags/4x3/pri.svg); }
  .flag-icon-pri.flag-icon-squared {
    background-image: url(/Content/flags/1x1/pri.svg); }

.flag-icon-prk {
  background-image: url(/Content/flags/4x3/prk.svg); }
  .flag-icon-prk.flag-icon-squared {
    background-image: url(/Content/flags/1x1/prk.svg); }

.flag-icon-prt {
  background-image: url(/Content/flags/4x3/prt.svg); }
  .flag-icon-prt.flag-icon-squared {
    background-image: url(/Content/flags/1x1/prt.svg); }

.flag-icon-pry {
  background-image: url(/Content/flags/4x3/pry.svg); }
  .flag-icon-pry.flag-icon-squared {
    background-image: url(/Content/flags/1x1/pry.svg); }

.flag-icon-pse {
  background-image: url(/Content/flags/4x3/pse.svg); }
  .flag-icon-pse.flag-icon-squared {
    background-image: url(/Content/flags/1x1/pse.svg); }

.flag-icon-pyf {
  background-image: url(/Content/flags/4x3/pyf.svg); }
  .flag-icon-pyf.flag-icon-squared {
    background-image: url(/Content/flags/1x1/pyf.svg); }

.flag-icon-qat {
  background-image: url(/Content/flags/4x3/qat.svg); }
  .flag-icon-qat.flag-icon-squared {
    background-image: url(/Content/flags/1x1/qat.svg); }

.flag-icon-reu {
  background-image: url(/Content/flags/4x3/reu.svg); }
  .flag-icon-reu.flag-icon-squared {
    background-image: url(/Content/flags/1x1/reu.svg); }

.flag-icon-rou {
  background-image: url(/Content/flags/4x3/rou.svg); }
  .flag-icon-rou.flag-icon-squared {
    background-image: url(/Content/flags/1x1/rou.svg); }

.flag-icon-rus {
  background-image: url(/Content/flags/4x3/rus.svg); }
  .flag-icon-rus.flag-icon-squared {
    background-image: url(/Content/flags/1x1/rus.svg); }

.flag-icon-rwa {
  background-image: url(/Content/flags/4x3/rwa.svg); }
  .flag-icon-rwa.flag-icon-squared {
    background-image: url(/Content/flags/1x1/rwa.svg); }

.flag-icon-sau {
  background-image: url(/Content/flags/4x3/sau.svg); }
  .flag-icon-sau.flag-icon-squared {
    background-image: url(/Content/flags/1x1/sau.svg); }

.flag-icon-sco {
  background-image: url(/Content/flags/4x3/sco.svg); }
  .flag-icon-sco.flag-icon-squared {
    background-image: url(/Content/flags/1x1/sco.svg); }

.flag-icon-sdn {
  background-image: url(/Content/flags/4x3/sdn.svg); }
  .flag-icon-sdn.flag-icon-squared {
    background-image: url(/Content/flags/1x1/sdn.svg); }

.flag-icon-sen {
  background-image: url(/Content/flags/4x3/sen.svg); }
  .flag-icon-sen.flag-icon-squared {
    background-image: url(/Content/flags/1x1/sen.svg); }

.flag-icon-sgp {
  background-image: url(/Content/flags/4x3/sgp.svg); }
  .flag-icon-sgp.flag-icon-squared {
    background-image: url(/Content/flags/1x1/sgp.svg); }

.flag-icon-sgs {
  background-image: url(/Content/flags/4x3/sgs.svg); }
  .flag-icon-sgs.flag-icon-squared {
    background-image: url(/Content/flags/1x1/sgs.svg); }

.flag-icon-shn {
  background-image: url(/Content/flags/4x3/shn.svg); }
  .flag-icon-shn.flag-icon-squared {
    background-image: url(/Content/flags/1x1/shn.svg); }

.flag-icon-sjm {
  background-image: url(/Content/flags/4x3/sjm.svg); }
  .flag-icon-sjm.flag-icon-squared {
    background-image: url(/Content/flags/1x1/sjm.svg); }

.flag-icon-slb {
  background-image: url(/Content/flags/4x3/slb.svg); }
  .flag-icon-slb.flag-icon-squared {
    background-image: url(/Content/flags/1x1/slb.svg); }

.flag-icon-sle {
  background-image: url(/Content/flags/4x3/sle.svg); }
  .flag-icon-sle.flag-icon-squared {
    background-image: url(/Content/flags/1x1/sle.svg); }

.flag-icon-slv {
  background-image: url(/Content/flags/4x3/slv.svg); }
  .flag-icon-slv.flag-icon-squared {
    background-image: url(/Content/flags/1x1/slv.svg); }

.flag-icon-smr {
  background-image: url(/Content/flags/4x3/smr.svg); }
  .flag-icon-smr.flag-icon-squared {
    background-image: url(/Content/flags/1x1/smr.svg); }

.flag-icon-som {
  background-image: url(/Content/flags/4x3/som.svg); }
  .flag-icon-som.flag-icon-squared {
    background-image: url(/Content/flags/1x1/som.svg); }

.flag-icon-spm {
  background-image: url(/Content/flags/4x3/spm.svg); }
  .flag-icon-spm.flag-icon-squared {
    background-image: url(/Content/flags/1x1/spm.svg); }

.flag-icon-srb {
  background-image: url(/Content/flags/4x3/srb.svg); }
  .flag-icon-srb.flag-icon-squared {
    background-image: url(/Content/flags/1x1/srb.svg); }

.flag-icon-ssd {
  background-image: url(/Content/flags/4x3/ssd.svg); }
  .flag-icon-ssd.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ssd.svg); }

.flag-icon-stp {
  background-image: url(/Content/flags/4x3/stp.svg); }
  .flag-icon-stp.flag-icon-squared {
    background-image: url(/Content/flags/1x1/stp.svg); }

.flag-icon-sun {
  background-image: url(/Content/flags/4x3/sun.svg); }
  .flag-icon-sun.flag-icon-squared {
    background-image: url(/Content/flags/1x1/sun.svg); }

.flag-icon-sur {
  background-image: url(/Content/flags/4x3/sur.svg); }
  .flag-icon-sur.flag-icon-squared {
    background-image: url(/Content/flags/1x1/sur.svg); }

.flag-icon-svk {
  background-image: url(/Content/flags/4x3/svk.svg); }
  .flag-icon-svk.flag-icon-squared {
    background-image: url(/Content/flags/1x1/svk.svg); }

.flag-icon-svn {
  background-image: url(/Content/flags/4x3/svn.svg); }
  .flag-icon-svn.flag-icon-squared {
    background-image: url(/Content/flags/1x1/svn.svg); }

.flag-icon-swe {
  background-image: url(/Content/flags/4x3/swe.svg); }
  .flag-icon-swe.flag-icon-squared {
    background-image: url(/Content/flags/1x1/swe.svg); }

.flag-icon-swz {
  background-image: url(/Content/flags/4x3/swz.svg); }
  .flag-icon-swz.flag-icon-squared {
    background-image: url(/Content/flags/1x1/swz.svg); }

.flag-icon-sxm {
  background-image: url(/Content/flags/4x3/sxm.svg); }
  .flag-icon-sxm.flag-icon-squared {
    background-image: url(/Content/flags/1x1/sxm.svg); }

.flag-icon-syc {
  background-image: url(/Content/flags/4x3/syc.svg); }
  .flag-icon-syc.flag-icon-squared {
    background-image: url(/Content/flags/1x1/syc.svg); }

.flag-icon-syr {
  background-image: url(/Content/flags/4x3/syr.svg); }
  .flag-icon-syr.flag-icon-squared {
    background-image: url(/Content/flags/1x1/syr.svg); }

.flag-icon-tca {
  background-image: url(/Content/flags/4x3/tca.svg); }
  .flag-icon-tca.flag-icon-squared {
    background-image: url(/Content/flags/1x1/tca.svg); }

.flag-icon-tcd {
  background-image: url(/Content/flags/4x3/tcd.svg); }
  .flag-icon-tcd.flag-icon-squared {
    background-image: url(/Content/flags/1x1/tcd.svg); }

.flag-icon-tgo {
  background-image: url(/Content/flags/4x3/tgo.svg); }
  .flag-icon-tgo.flag-icon-squared {
    background-image: url(/Content/flags/1x1/tgo.svg); }

.flag-icon-tha {
  background-image: url(/Content/flags/4x3/tha.svg); }
  .flag-icon-tha.flag-icon-squared {
    background-image: url(/Content/flags/1x1/tha.svg); }

.flag-icon-tjk {
  background-image: url(/Content/flags/4x3/tjk.svg); }
  .flag-icon-tjk.flag-icon-squared {
    background-image: url(/Content/flags/1x1/tjk.svg); }

.flag-icon-tkl {
  background-image: url(/Content/flags/4x3/tkl.svg); }
  .flag-icon-tkl.flag-icon-squared {
    background-image: url(/Content/flags/1x1/tkl.svg); }

.flag-icon-tkm {
  background-image: url(/Content/flags/4x3/tkm.svg); }
  .flag-icon-tkm.flag-icon-squared {
    background-image: url(/Content/flags/1x1/tkm.svg); }

.flag-icon-tls {
  background-image: url(/Content/flags/4x3/tls.svg); }
  .flag-icon-tls.flag-icon-squared {
    background-image: url(/Content/flags/1x1/tls.svg); }

.flag-icon-ton {
  background-image: url(/Content/flags/4x3/ton.svg); }
  .flag-icon-ton.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ton.svg); }

.flag-icon-tto {
  background-image: url(/Content/flags/4x3/tto.svg); }
  .flag-icon-tto.flag-icon-squared {
    background-image: url(/Content/flags/1x1/tto.svg); }

.flag-icon-tun {
  background-image: url(/Content/flags/4x3/tun.svg); }
  .flag-icon-tun.flag-icon-squared {
    background-image: url(/Content/flags/1x1/tun.svg); }

.flag-icon-tur {
  background-image: url(/Content/flags/4x3/tur.svg); }
  .flag-icon-tur.flag-icon-squared {
    background-image: url(/Content/flags/1x1/tur.svg); }

.flag-icon-tuv {
  background-image: url(/Content/flags/4x3/tuv.svg); }
  .flag-icon-tuv.flag-icon-squared {
    background-image: url(/Content/flags/1x1/tuv.svg); }

.flag-icon-twn {
  background-image: url(/Content/flags/4x3/twn.svg); }
  .flag-icon-twn.flag-icon-squared {
    background-image: url(/Content/flags/1x1/twn.svg); }

.flag-icon-tza {
  background-image: url(/Content/flags/4x3/tza.svg); }
  .flag-icon-tza.flag-icon-squared {
    background-image: url(/Content/flags/1x1/tza.svg); }

.flag-icon-uga {
  background-image: url(/Content/flags/4x3/uga.svg); }
  .flag-icon-uga.flag-icon-squared {
    background-image: url(/Content/flags/1x1/uga.svg); }

.flag-icon-ukr {
  background-image: url(/Content/flags/4x3/ukr.svg); }
  .flag-icon-ukr.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ukr.svg); }

.flag-icon-umi {
  background-image: url(/Content/flags/4x3/umi.svg); }
  .flag-icon-umi.flag-icon-squared {
    background-image: url(/Content/flags/1x1/umi.svg); }

.flag-icon-ury {
  background-image: url(/Content/flags/4x3/ury.svg); }
  .flag-icon-ury.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ury.svg); }

.flag-icon-usa {
  background-image: url(/Content/flags/4x3/usa.svg); }
  .flag-icon-usa.flag-icon-squared {
    background-image: url(/Content/flags/1x1/usa.svg); }

.flag-icon-uzb {
  background-image: url(/Content/flags/4x3/uzb.svg); }
  .flag-icon-uzb.flag-icon-squared {
    background-image: url(/Content/flags/1x1/uzb.svg); }

.flag-icon-vat {
  background-image: url(/Content/flags/4x3/vat.svg); }
  .flag-icon-vat.flag-icon-squared {
    background-image: url(/Content/flags/1x1/vat.svg); }

.flag-icon-vct {
  background-image: url(/Content/flags/4x3/vct.svg); }
  .flag-icon-vct.flag-icon-squared {
    background-image: url(/Content/flags/1x1/vct.svg); }

.flag-icon-ven {
  background-image: url(/Content/flags/4x3/ven.svg); }
  .flag-icon-ven.flag-icon-squared {
    background-image: url(/Content/flags/1x1/ven.svg); }

.flag-icon-vgb {
  background-image: url(/Content/flags/4x3/vgb.svg); }
  .flag-icon-vgb.flag-icon-squared {
    background-image: url(/Content/flags/1x1/vgb.svg); }

.flag-icon-vir {
  background-image: url(/Content/flags/4x3/vir.svg); }
  .flag-icon-vir.flag-icon-squared {
    background-image: url(/Content/flags/1x1/vir.svg); }

.flag-icon-vnm {
  background-image: url(/Content/flags/4x3/vnm.svg); }
  .flag-icon-vnm.flag-icon-squared {
    background-image: url(/Content/flags/1x1/vnm.svg); }

.flag-icon-vut {
  background-image: url(/Content/flags/4x3/vut.svg); }
  .flag-icon-vut.flag-icon-squared {
    background-image: url(/Content/flags/1x1/vut.svg); }

.flag-icon-wal {
  background-image: url(/Content/flags/4x3/wal.svg); }
  .flag-icon-wal.flag-icon-squared {
    background-image: url(/Content/flags/1x1/wal.svg); }

.flag-icon-wlf {
  background-image: url(/Content/flags/4x3/wlf.svg); }
  .flag-icon-wlf.flag-icon-squared {
    background-image: url(/Content/flags/1x1/wlf.svg); }

.flag-icon-wsm {
  background-image: url(/Content/flags/4x3/wsm.svg); }
  .flag-icon-wsm.flag-icon-squared {
    background-image: url(/Content/flags/1x1/wsm.svg); }

.flag-icon-yem {
  background-image: url(/Content/flags/4x3/yem.svg); }
  .flag-icon-yem.flag-icon-squared {
    background-image: url(/Content/flags/1x1/yem.svg); }

.flag-icon-zaf {
  background-image: url(/Content/flags/4x3/zaf.svg); }
  .flag-icon-zaf.flag-icon-squared {
    background-image: url(/Content/flags/1x1/zaf.svg); }

.flag-icon-zmb {
  background-image: url(/Content/flags/4x3/zmb.svg); }
  .flag-icon-zmb.flag-icon-squared {
    background-image: url(/Content/flags/1x1/zmb.svg); }

.flag-icon-zwe {
  background-image: url(/Content/flags/4x3/zwe.svg); }
  .flag-icon-zwe.flag-icon-squared {
    background-image: url(/Content/flags/1x1/zwe.svg); }
