/* Flexible box model classes */
/* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
/* This file is a compatability layer.  It allows the usage of flexible box 
model layouts accross multiple browsers, including older browsers.  The newest,
universal implementation of the flexible box model is used when available (see
`Modern browsers` comments below).  Browsers that are known to implement this 
new spec completely include:

    Firefox 28.0+
    Chrome 29.0+
    Internet Explorer 11+ 
    Opera 17.0+

Browsers not listed, including Safari, are supported via the styling under the
`Old browsers` comments below.
*/
.widget-modal-backdrop {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 999;
  opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.widget-modal-backdrop.widget-modal-hidden {
  display: none;
}
.widget-modal-backdrop.widget-modal-hide {
  animation: fadeout 0.25s;
}
.widget-modal-backdrop.widget-modal-show {
  animation: fadein 0.25s;
}
@keyframes fadein {
  from {
    opacity: 0.0;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes fadeout {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 0.0;
  }
}
.widget-modal-text {
  color: white;
  font-size: x-large;
  font-weight: bold;
}
.widget-modal-text i,
.widget-modal-text div {
  display: inline;
}
.widget-modal-text div {
  padding-left: 1ex;
}
.widget-modal-progress {
  width: 300px;
}
.jupyter-widgets {
  margin: 2px;
}
.jupyter-widgets.widget-container {
  margin: 0px;
}
.widget-area {
  /*
    LESS file that styles Jupyter widgets and the area they sit in.

    The widget area typically looks something like this:
     +------------------------------------------+
     | widget-area                              |
     |  +--------+---------------------------+  |
     |  | prompt | widget-subarea            |  |
     |  |        | +-----------------------+ |  |
     |  |        | |         widget        | |  |
     |  |        | +-----------------------+ |  |
     |  |        | +-----------------------+ |  |
     |  |        | |         widget        | |  |
     |  |        | +-----------------------+ |  |
     |  +--------+---------------------------+  |
     +------------------------------------------+
    */
  page-break-inside: avoid;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.widget-area .widget-subarea {
  padding: 0.4em 0 0.4em 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* Old browsers */
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  box-flex: 2;
  /* Modern browsers */
  flex: 2;
  /* Old browsers */
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  /* Modern browsers */
  align-items: flex-start;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.widget-area.connection-problems .prompt:after {
  content: "\f127";
  font-family: 'FontAwesome';
  color: #d9534f;
  top: 3px;
  padding: 3px;
}
/* THE CLASSES BELOW CAN APPEAR ANYWHERE IN THE DOM (POSSIBLY OUTSIDE OF
   THE WIDGET AREA). */
.slide-track {
  /* Slider Track */
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  border-radius: 2px;
  /* Round the corners of the slide track */
}
.widget-hslider {
  /* Horizontal jQuery Slider

    Both the horizontal and vertical versions of the slider are characterized
    by a styled div that contains an invisible jQuery slide div which
    contains a visible slider handle div.  This is requred so we can control
    how the slider is drawn and 'fix' the issue where the slide handle
    doesn't stop at the end of the slide.

    Both horizontal and vertical sliders have this div nesting:
    +------------------------------------------+
    | widget-(h/v)slider                       |
    |  +--------+---------------------------+  |
    |  | ui-slider                          |  |
    |  |          +------------------+      |  |
    |  |          | ui-slider-handle |      |  |
    |  |          +------------------+      |  |
    |  +--------+---------------------------+  |
    +------------------------------------------+
    */
  width: 300px;
}
.widget-hslider .slider-container {
  /* Fix the padding of the slide track so the ui-slider is sized
        correctly. */
  padding-left: 8px;
  padding-right: 2px;
  overflow: visible;
  /* Default size of the slider */
  flex-grow: 1;
  height: 5px;
  max-height: 5px;
  margin-top: 15px;
  margin-bottom: 12px;
  /* Style the slider track */
  /* Slider Track */
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  border-radius: 2px;
  /* Round the corners of the slide track */
  /* Make the div a flex box (makes FF behave correctly). */
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.widget-hslider .slider-container .ui-slider {
  /* Inner, invisible slide div */
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
  border: 0px;
  background: none;
}
.widget-hslider .slider-container .ui-slider .ui-slider-handle {
  width: 12px;
  height: 28px;
  margin-top: -8px;
  border-radius: 2px;
}
.widget-hslider .slider-container .ui-slider .ui-slider-range {
  height: 12px;
  margin-top: -4px;
}
.widget-vslider {
  /* Vertical jQuery Slider */
  width: 50px;
  height: 250px;
}
.widget-vslider .slider-container {
  /* Fix the padding of the slide track so the ui-slider is sized
        correctly. */
  padding-bottom: 5px;
  overflow: visible;
  flex-grow: 1;
  /* Default size of the slider */
  width: 5px;
  max-width: 5px;
  margin-left: auto;
  margin-right: auto;
  /* Style the slider track */
  /* Slider Track */
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  border-radius: 2px;
  /* Round the corners of the slide track */
  /* Make the div a flex box (makes FF behave correctly). */
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.widget-vslider .slider-container .ui-slider {
  /* Inner, invisible slide div */
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
  border: 0px;
  background: none;
  margin-left: -4px;
  margin-top: 5px;
}
.widget-vslider .slider-container .ui-slider .ui-slider-handle {
  width: 28px;
  height: 12px;
  margin-left: -9px;
  border-radius: 2px;
}
.widget-vslider .slider-container .ui-slider .ui-slider-range {
  width: 12px;
  margin-left: -1px;
}
.widget-colorpicker {
  width: 300px;
  display: flex;
}
.widget-colorpicker.short {
  width: 148px;
}
.widget-colorpicker .widget-hbox {
  flex-grow: 1;
}
.widget-colorpicker input[type="text"] {
  flex-grow: 1;
}
.widget-checkbox {
  width: 148px;
  height: 32px;
}
.jupyter-button {
  background: #ffffff;
  border: 1px solid #cccccc;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.jupyter-button i.fa {
  padding-right: 3px;
}
.jupyter-button:hover,
.jupyter-button:focus,
.jupyter-button:active,
.jupyter-button.mod-active {
  outline: none !important;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.jupyter-button:active,
.jupyter-button.mod-active {
  box-shadow: none;
}
.jupyter-button:empty:before {
  /* Add a space character if the button text is empty */
  content: "\00a0";
}
.jupyter-button.mod-primary {
  background-color: #337ab7;
  border-color: #2e6da4;
  color: #ffffff;
}
.jupyter-button.mod-primary:hover,
.jupyter-button.mod-primary:focus,
.jupyter-button.mod-primary.mod-active {
  outline: none !important;
  background-color: #204d74;
  border-color: #122b40;
}
.jupyter-button.mod-success {
  background-color: #5cb85c;
  border-color: #4cae4c;
  color: #ffffff;
}
.jupyter-button.mod-success:hover,
.jupyter-button.mod-success:focus,
.jupyter-button.mod-success.mod-active {
  outline: none !important;
  background-color: #398439;
  border-color: #255625;
}
.jupyter-button.mod-info {
  background-color: #5bc0de;
  border-color: #46b8da;
  color: #ffffff;
}
.jupyter-button.mod-info:hover,
.jupyter-button.mod-info:focus,
.jupyter-button.mod-info.mod-active {
  outline: none !important;
  background-color: #269abc;
  border-color: #1b6d85;
}
.jupyter-button.mod-warning {
  background-color: #f0ad4e;
  border-color: #eea236;
  color: #ffffff;
}
.jupyter-button.mod-warning:hover,
.jupyter-button.mod-warning:focus,
.jupyter-button.mod-warning.mod-active {
  outline: none !important;
  background-color: #d58512;
  border-color: #985f0d;
}
.jupyter-button.mod-danger {
  background-color: #d9534f;
  border-color: #d43f3a;
  color: #ffffff;
}
.jupyter-button.mod-danger:hover,
.jupyter-button.mod-danger:focus,
.jupyter-button.mod-danger.mod-active {
  outline: none !important;
  background-color: #ac2925;
  border-color: #761c19;
}
.widget-button,
.widget-toggle-button {
  background: #ffffff;
  border: 1px solid #cccccc;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  width: 148px;
  height: 32px;
}
.widget-button i.fa,
.widget-toggle-button i.fa {
  padding-right: 3px;
}
.widget-button:hover,
.widget-toggle-button:hover,
.widget-button:focus,
.widget-toggle-button:focus,
.widget-button:active,
.widget-toggle-button:active,
.widget-button.mod-active,
.widget-toggle-button.mod-active {
  outline: none !important;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.widget-button:active,
.widget-toggle-button:active,
.widget-button.mod-active,
.widget-toggle-button.mod-active {
  box-shadow: none;
}
.widget-button:empty:before,
.widget-toggle-button:empty:before {
  /* Add a space character if the button text is empty */
  content: "\00a0";
}
.widget-button.mod-primary,
.widget-toggle-button.mod-primary {
  background-color: #337ab7;
  border-color: #2e6da4;
  color: #ffffff;
}
.widget-button.mod-primary:hover,
.widget-toggle-button.mod-primary:hover,
.widget-button.mod-primary:focus,
.widget-toggle-button.mod-primary:focus,
.widget-button.mod-primary.mod-active,
.widget-toggle-button.mod-primary.mod-active {
  outline: none !important;
  background-color: #204d74;
  border-color: #122b40;
}
.widget-button.mod-success,
.widget-toggle-button.mod-success {
  background-color: #5cb85c;
  border-color: #4cae4c;
  color: #ffffff;
}
.widget-button.mod-success:hover,
.widget-toggle-button.mod-success:hover,
.widget-button.mod-success:focus,
.widget-toggle-button.mod-success:focus,
.widget-button.mod-success.mod-active,
.widget-toggle-button.mod-success.mod-active {
  outline: none !important;
  background-color: #398439;
  border-color: #255625;
}
.widget-button.mod-info,
.widget-toggle-button.mod-info {
  background-color: #5bc0de;
  border-color: #46b8da;
  color: #ffffff;
}
.widget-button.mod-info:hover,
.widget-toggle-button.mod-info:hover,
.widget-button.mod-info:focus,
.widget-toggle-button.mod-info:focus,
.widget-button.mod-info.mod-active,
.widget-toggle-button.mod-info.mod-active {
  outline: none !important;
  background-color: #269abc;
  border-color: #1b6d85;
}
.widget-button.mod-warning,
.widget-toggle-button.mod-warning {
  background-color: #f0ad4e;
  border-color: #eea236;
  color: #ffffff;
}
.widget-button.mod-warning:hover,
.widget-toggle-button.mod-warning:hover,
.widget-button.mod-warning:focus,
.widget-toggle-button.mod-warning:focus,
.widget-button.mod-warning.mod-active,
.widget-toggle-button.mod-warning.mod-active {
  outline: none !important;
  background-color: #d58512;
  border-color: #985f0d;
}
.widget-button.mod-danger,
.widget-toggle-button.mod-danger {
  background-color: #d9534f;
  border-color: #d43f3a;
  color: #ffffff;
}
.widget-button.mod-danger:hover,
.widget-toggle-button.mod-danger:hover,
.widget-button.mod-danger:focus,
.widget-toggle-button.mod-danger:focus,
.widget-button.mod-danger.mod-active,
.widget-toggle-button.mod-danger.mod-active {
  outline: none !important;
  background-color: #ac2925;
  border-color: #761c19;
}
.widget-play {
  width: 148px;
  display: flex;
  justify-content: space-between;
}
.widget-play button {
  height: 32px;
  width: 48px;
}
.widget-toggle-buttons button {
  margin: 2px;
  min-width: 100px;
}
.widget-tab {
  /* TabView */
  height: 100%;
}
.widget-tab .widget-tab-contents {
  height: 100%;
}
.widget-tab .widget-tab-contents .widget-tab-child {
  display: none;
  height: 100%;
}
.widget-tab .widget-tab-contents .widget-tab-child.mod-active {
  display: block;
}
.widget-tab .widget-tab-bar.p-TabBar {
  min-height: 28px;
  max-height: 28px;
  color: #757575;
  background: #F5F5F5;
  font: 12px Helvetica, Arial, sans-serif;
}
.widget-tab .widget-tab-bar.p-TabBar > .p-TabBar-header {
  flex: 0 0 1px;
  background: #BDBDBD;
}
.widget-tab .widget-tab-bar.p-TabBar > .p-TabBar-footer {
  flex: 0 0 3px;
  background: #FAFAFA;
  border-top: 1px solid #BDBDBD;
  border-bottom: 1px solid #E0E0E0;
}
.widget-tab .widget-tab-bar .p-TabBar-content {
  min-width: 0;
  max-height: 22px;
}
.widget-tab .widget-tab-bar .p-TabBar-tab {
  flex-basis: 124px;
  min-height: 23px;
  max-height: 23px;
  min-width: 35px;
  margin-left: -1px;
  padding: 0px 10px;
  background: #EEEEEE;
  border: 1px solid #BDBDBD;
  border-bottom: none;
  transform: translateY(-1px);
}
.widget-tab .widget-tab-bar .p-TabBar-tab:last-child {
  margin-right: -1px;
}
.widget-tab .widget-tab-bar .p-TabBar-tab.p-mod-current {
  min-height: 24px;
  max-height: 24px;
  background: #FAFAFA;
  border-top: 1px solid #F27624;
}
.widget-tab .widget-tab-bar .p-TabBar-tab:hover:not(.p-mod-current) {
  background: #FAFAFA;
}
.widget-tab .widget-tab-bar .p-TabBar-tab.p-mod-closable > .p-TabBar-tabCloseIcon {
  margin-left: 4px;
}
.widget-tab .widget-tab-bar .p-TabBar-tab.p-mod-closable > .p-TabBar-tabCloseIcon:before {
  font-family: FontAwesome;
  content: '\f00d';
  /* close */
}
.widget-tab .widget-tab-bar .p-TabBar-tabIcon,
.widget-tab .widget-tab-bar .p-TabBar-tabText,
.widget-tab .widget-tab-bar .p-TabBar-tabCloseIcon {
  line-height: 22px;
}
.widget-text {
  /* Textbox */
  width: 300px;
}
.widget-textarea {
  /* TextAreaView */
  width: 300px;
}
.widget-listbox {
  /* Listbox */
  width: 300px;
}
.widget-select-multiple {
  /* Multiple Selection */
  width: 300px;
}
.widget-dropdown {
  display: block;
  height: 32px;
  width: 300px;
}
.widget-dropdown.short {
  width: 148px;
}
.widget-dropdown .widget-button {
  width: auto;
}
.widget-dropdown div.widget-item {
  display: flex;
  flex-grow: 1;
  margin: 0;
  padding: 0;
}
.widget-dropdown div.widget-item button {
  flex: 1;
  outline: 0;
}
.widget-dropdown div.widget-item button:last-child {
  flex: 0;
  flex-basis: 2em;
  margin-left: -1px;
}
.widget-dropdown div.widget-item button:last-child i.widget-caret {
  font-size: 1em;
  font-style: normal;
  font-family: FontAwesome;
  line-height: 1em;
  position: relative;
}
.widget-dropdown div.widget-item button:last-child i.widget-caret:before {
  content: "\f0d7";
}
ul.widget-dropdown-droplist {
  background: #eeeeee;
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  box-sizing: border-box;
  list-style-type: none;
  position: absolute;
  margin: 0;
  z-index: 101;
  /* This is to appear above the #header */
  padding: 0;
  height: auto;
  overflow: auto;
  display: none;
}
ul.widget-dropdown-droplist a {
  color: inherit;
  text-decoration: none;
}
ul.widget-dropdown-droplist li {
  display: block;
  padding: 0 5px;
}
ul.widget-dropdown-droplist li:hover {
  background: #dddddd;
}
ul.widget-dropdown-droplist li.mod-active {
  background: #999999;
  color: #eeeeee;
}
ul.widget-dropdown-droplist.mod-active {
  display: block;
}
.widget-hprogress {
  /* Progress Bar */
  width: 300px;
  height: 32px;
}
.widget-hprogress .progress {
  flex-grow: 1;
  margin-top: auto;
  margin-bottom: auto;
}
.widget-hprogress .progress-bar {
  /* Disable progress bar animation */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.widget-vprogress {
  /* Progress Bar */
  height: 250px;
  width: 50px;
}
.widget-vprogress .progress {
  flex-grow: 1;
  width: 12px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.widget-vprogress .progress-bar {
  /* Disable progress bar animation */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.widget-combo-btn {
  /* ComboBox Main Button */
  /* Subtract 25px to account for the drop arrow button */
  min-width: 123px;
}
.widget_item .dropdown-menu li a {
  color: inherit;
}
.widget-valid {
  font-size: 1em;
  position: relative;
}
.widget-valid i {
  margin-right: 1.5em;
}
.widget-valid i:before {
  font-family: FontAwesome;
  font-style: normal;
  font-size: 1.5em;
  position: absolute;
  top: 0;
}
.widget-valid.mod-valid {
  color: green;
}
.widget-valid.mod-valid i:before {
  /* Check mark character icon */
  content: "\f00c";
}
.widget-valid.mod-invalid {
  color: red;
}
.widget-valid.mod-invalid i:before {
  /* "X" character icon */
  content: "\f00d";
}
.widget-hbox {
  /* Horizontal widgets */
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.widget-hbox input[type="checkbox"] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.widget-hbox input[type="color"] {
  height: 32px;
  width: 28px;
  padding: 1px;
}
.widget-hbox .widget-label {
  /* Horizontal Label */
  min-width: 10ex;
  max-width: 10ex;
  padding-right: 8px;
  padding-top: 5px;
  text-align: right;
  vertical-align: text-top;
  word-wrap: break-word;
}
.widget-hbox .widget-readout {
  /* Horizontal Readout */
  padding-left: 4px;
  padding-top: 5px;
  height: 32px;
  text-align: center;
  vertical-align: text-top;
  min-width: 7em;
  max-width: 7em;
  margin-left: 3px;
  overflow: hidden;
  white-space: nowrap;
}
.widget-hbox .widget-readout.overflow {
  /* Overflowing Readout */
  -webkit-box-shadow: 0px 0px 0px 1px rgba(77, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 0px 1px rgba(77, 0, 0, 0.15);
  box-shadow: 0px 0px 0px 1px rgba(77, 0, 0, 0.15);
}
.widget-vbox {
  /* Vertical Widgets */
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.widget-vbox input[type="color"] {
  height: 32px;
  padding: 1px;
}
.widget-vbox .widget-label {
  /* Vertical Label */
  padding-bottom: 5px;
  text-align: center;
  vertical-align: text-bottom;
}
.widget-vbox .widget-readout {
  /* Vertical Readout */
  padding-top: 5px;
  white-space: nowrap;
  text-align: center;
  vertical-align: text-top;
  margin-top: 4px;
  overflow: hidden;
}
.widget-vbox .widget-readout.overflow {
  /* Overflowing Readout */
  -webkit-box-shadow: 0px 0px 0px 1px rgba(77, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 0px 1px rgba(77, 0, 0, 0.15);
  box-shadow: 0px 0px 0px 1px rgba(77, 0, 0, 0.15);
}
.widget-box {
  /* Box */
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* Old browsers */
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  /* Modern browsers */
  align-items: flex-start;
}
.widget-radio-box {
  /* Contains RadioButtonsWidget */
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-top: 4px;
}
.widget-radio-box label {
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 22px;
}
.widget-radio-box input {
  float: left;
  margin-right: 5px;
}
