buildSDK/css-minify-bootstrap.js
authorAlan Knowles <alan@roojs.com>
Tue, 19 Apr 2016 09:29:26 +0000 (17:29 +0800)
committerAlan Knowles <alan@roojs.com>
Tue, 19 Apr 2016 09:29:26 +0000 (17:29 +0800)
css-bootstrap/roojs-bootstrap.css
css-bootstrap/roojs-bootstrap-debug.css

buildSDK/css-minify-bootstrap.js
css-bootstrap/roojs-bootstrap-debug.css

index 9e1a173..322fd7d 100644 (file)
@@ -27,7 +27,7 @@ files.forEach(function(f) {
         return;
     }
     
-    debug_out += "@import url('./" + f + ');\n";
+    debug_out += "@import url('./" + f + "');\n";
     out += pack(File.read(pa + '/css-bootstrap/' +f ));
     print(f);
 });
index af2dfac..5c48205 100644 (file)
-
-/* -- alert.css ---- */
-/* -- this makes the icons for the alert boxes a round box.. */
-
-.alert {
-  padding-left: 30px;
-  margin-top: 20px;
-  margin-left: 15px;
-  position: relative;
-}
-.alert > .fa,
-.alert > .glyphicon {
-  position: absolute;
-  left: -15px;
-  top: -15px;
-  width: 35px;
-  height: 35px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-  line-height: 35px;
-  text-align: center;
-  background: inherit;
-  border: inherit;
-}
-/* -- calendar.css ---- */
-/*!
- * FullCalendar v1.6.4 Stylesheet
- * Docs & License: http://arshaw.com/fullcalendar/
- * (c) 2013 Adam Shaw
- *
- * When taken - was MIT licence (18/Feb/2014)
- */
-
-
-.fc {
-       direction: ltr;
-       text-align: left;
-    margin: 0;
-        
-       font-family: Lucida Sans,Arial,sans-serif;
-        
-    
-    
-       }
-       
-.fc table {
-       border-collapse: collapse;
-       border-spacing: 0;
-       }
-       
-html .fc,
-.fc table {
-       font-size: 1em;
-       }
-       
-.fc td,
-.fc th {
-       padding: 0;
-       vertical-align: top;
-     -moz-user-select: -moz-none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -o-user-select: none;
-    user-select: none;
-       }
-
-
-
-/* Header
-------------------------------------------------------------------------*/
-
-.fc-header td {
-       white-space: nowrap;
-       }
-
-.fc-header-left {
-       width: 25%;
-       text-align: left;
-       }
-       
-.fc-header-center {
-       text-align: center;
-       }
-       
-.fc-header-right {
-       width: 25%;
-       text-align: right;
-       }
-       
-.fc-header-title {
-       display: inline-block;
-       vertical-align: top;
-       }
-       
-.fc-header-title h2 {
-       margin-top: 0;
-       white-space: nowrap;
-    font-size: 1.5em;
-    font-family: Lucida Sans,Arial,sans-serif;
-    font-weight: bold;
-    line-height: normal;;
-       margin:0;
-       }
-       
-.fc .fc-header-space {
-       padding-left: 10px;
-       }
-       
-.fc-header .fc-button {
-       margin-bottom: 1em;
-       vertical-align: top;
-       }
-       
-/* buttons edges butting together */
-
-.fc-header .fc-button {
-       margin-right: -1px;
-       }
-       
-.fc-header .fc-corner-right,  /* non-theme */
-.fc-header .ui-corner-right { /* theme */
-       margin-right: 0; /* back to normal */
-       }
-       
-/* button layering (for border precedence) */
-       
-.fc-header .fc-state-hover,
-.fc-header .ui-state-hover {
-       z-index: 2;
-       }
-       
-.fc-header .fc-state-down {
-       z-index: 3;
-       }
-
-.fc-header .fc-state-active,
-.fc-header .ui-state-active {
-       z-index: 4;
-       }
-       
-       
-       
-/* Content
-------------------------------------------------------------------------*/
-       
-.fc-content {
-       clear: both;
-       zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
-       }
-       
-.fc-view {
-       width: 100%;
-       overflow: hidden;
-       }
-       
-       
-
-/* Cell Styles
-------------------------------------------------------------------------*/
-
-.fc-widget-header,    /* <th>, usually */
-.fc-widget-content {  /* <td>, usually */
-       border: 1px solid #ddd;
-       }
-       
-.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
-       background: #fcf8e3;
-       }
-       
-.fc-cell-overlay { /* semi-transparent rectangle while dragging */
-       background: #bce8f1;
-       opacity: .3;
-       filter: alpha(opacity=30); /* for IE */
-       }
-       
-
-
-/* Buttons
-------------------------------------------------------------------------*/
-
-.fc-button {
-       position: relative;
-       display: inline-block;
-       padding: 0 .6em;
-       overflow: hidden;
-       height: 1.9em;
-       line-height: 1.9em;
-       white-space: nowrap;
-       cursor: pointer;
-       }
-       
-.fc-state-default { /* non-theme */
-       border: 1px solid;
-       }
-
-.fc-state-default.fc-corner-left { /* non-theme */
-       border-top-left-radius: 4px;
-       border-bottom-left-radius: 4px;
-       }
-
-.fc-state-default.fc-corner-right { /* non-theme */
-       border-top-right-radius: 4px;
-       border-bottom-right-radius: 4px;
-       }
-
-/*
-       Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
-       and we'll try to make them look good cross-browser.
-*/
-
-.fc-text-arrow {
-       margin: 0 .1em;
-       font-size: 2em;
-       font-family: "Courier New", Courier, monospace;
-       vertical-align: baseline; /* for IE7 */
-       }
-
-.fc-button-prev .fc-text-arrow,
-.fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */
-       font-weight: bold;
-       }
-       
-/* icon (for jquery ui) */
-       
-.fc-button .fc-icon-wrap {
-       position: relative;
-       float: left;
-       top: 50%;
-       }
-       
-.fc-button .ui-icon {
-       position: relative;
-       float: left;
-       margin-top: -50%;
-       *margin-top: 0;
-       *top: -50%;
-       }
-       
-/*
-  button states
-  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
-*/
-
-.fc-state-default {
-       background-color: #f5f5f5;
-       background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
-       background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
-       background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
-       background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
-       background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
-       background-repeat: repeat-x;
-       border-color: #e6e6e6 #e6e6e6 #bfbfbf;
-       border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-       color: #333;
-       text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-       box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-       }
-
-.fc-state-hover,
-.fc-state-down,
-.fc-state-active,
-.fc-state-disabled {
-       color: #333333;
-       background-color: #e6e6e6;
-       }
-
-.fc-state-hover {
-       color: #333333;
-       text-decoration: none;
-       background-position: 0 -15px;
-       -webkit-transition: background-position 0.1s linear;
-          -moz-transition: background-position 0.1s linear;
-            -o-transition: background-position 0.1s linear;
-               transition: background-position 0.1s linear;
-       }
-
-.fc-state-down,
-.fc-state-active {
-       background-color: #cccccc;
-       background-image: none;
-       outline: 0;
-       box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-       }
-
-.fc-state-disabled {
-       cursor: default;
-       background-image: none;
-       opacity: 0.65;
-       filter: alpha(opacity=65);
-       box-shadow: none;
-       }
-
-       
-
-/* Global Event Styles
-------------------------------------------------------------------------*/
-
-.fc-event-container > * {
-       z-index: 8;
-       }
-
-.fc-event-container > .ui-draggable-dragging,
-.fc-event-container > .ui-resizable-resizing {
-       z-index: 9;
-       }
-        
-.fc-event {
-       border: 1px solid #3a87ad; /* default BORDER color */
-       background-color: #3a87ad; /* default BACKGROUND color */
-       color: #fff;               /* default TEXT color */
-       font-size: .85em;
-       cursor: default;
-       }
-
-a.fc-event {
-       text-decoration: none;
-       }
-       
-a.fc-event,
-.fc-event-draggable {
-       cursor: pointer;
-       }
-       
-.fc-rtl .fc-event {
-       text-align: right;
-       }
-
-.fc-event-inner {
-       width: 100%;
-       height: 100%;
-       overflow: hidden;
-       }
-       
-.fc-event-time,
-.fc-event-title {
-       padding: 0 1px;
-        overflow: hidden;
-        white-space: nowrap;
-       }
-       
-.fc .ui-resizable-handle {
-       display: block;
-       position: absolute;
-       z-index: 99999;
-       overflow: hidden; /* hacky spaces (IE6/7) */
-       font-size: 300%;  /* */
-       line-height: 50%; /* */
-       }
-       
-       
-       
-/* Horizontal Events
-------------------------------------------------------------------------*/
-
-.fc-event-hori {
-       border-width: 1px 0;
-       margin-bottom: 1px;
-       }
-
-.fc-ltr .fc-event-hori.fc-event-start,
-.fc-rtl .fc-event-hori.fc-event-end {
-       border-left-width: 1px;
-       border-top-left-radius: 3px;
-       border-bottom-left-radius: 3px;
-       }
-
-.fc-ltr .fc-event-hori.fc-event-end,
-.fc-rtl .fc-event-hori.fc-event-start {
-       border-right-width: 1px;
-       border-top-right-radius: 3px;
-       border-bottom-right-radius: 3px;
-       }
-       
-/* resizable */
-       
-.fc-event-hori .ui-resizable-e {
-       top: 0           !important; /* importants override pre jquery ui 1.7 styles */
-       right: -3px      !important;
-       width: 7px       !important;
-       height: 100%     !important;
-       cursor: e-resize;
-       }
-       
-.fc-event-hori .ui-resizable-w {
-       top: 0           !important;
-       left: -3px       !important;
-       width: 7px       !important;
-       height: 100%     !important;
-       cursor: w-resize;
-       }
-       
-.fc-event-hori .ui-resizable-handle {
-       _padding-bottom: 14px; /* IE6 had 0 height */
-       }
-       
-       
-       
-/* Reusable Separate-border Table
-------------------------------------------------------------*/
-
-table.fc-border-separate {
-       border-collapse: separate;
-       }
-       
-.fc-border-separate th,
-.fc-border-separate td {
-       border-width: 1px 0 0 1px;
-       }
-       
-.fc-border-separate th.fc-last,
-.fc-border-separate td.fc-last {
-       border-right-width: 1px;
-       }
-       
-.fc-border-separate tr.fc-last th,
-.fc-border-separate tr.fc-last td {
-       border-bottom-width: 1px;
-       }
-       
-.fc-border-separate tbody tr.fc-first td,
-.fc-border-separate tbody tr.fc-first th {
-       border-top-width: 0;
-       }
-       
-       
-
-/* Month View, Basic Week View, Basic Day View
-------------------------------------------------------------------------*/
-
-.fc-grid th {
-       text-align: center;
-       }
-
-.fc .fc-week-number {
-       width: 22px;
-       text-align: center;
-       }
-
-.fc .fc-week-number div {
-       padding: 0 2px;
-       }
-       
-.fc-grid .fc-day-number {
-       float: right;
-       padding: 0 2px;
-       }
-       
-.fc-grid .fc-other-month .fc-day-number {
-       opacity: 0.3;
-       filter: alpha(opacity=30); /* for IE */
-       /* opacity with small font can sometimes look too faded
-          might want to set the 'color' property instead
-          making day-numbers bold also fixes the problem */
-       }
-       
-.fc-grid .fc-day-content {
-       clear: both;
-       padding: 2px 2px 1px; /* distance between events and day edges */
-       }
-       
-/* event styles */
-       
-.fc-grid .fc-event-time {
-       font-weight: bold;
-       }
-       
-/* right-to-left */
-       
-.fc-rtl .fc-grid .fc-day-number {
-       float: left;
-       }
-       
-.fc-rtl .fc-grid .fc-event-time {
-       float: right;
-       }
-       
-       
-
-/* Agenda Week View, Agenda Day View
-------------------------------------------------------------------------*/
-
-.fc-agenda table {
-       border-collapse: separate;
-       }
-       
-.fc-agenda-days th {
-       text-align: center;
-       }
-       
-.fc-agenda .fc-agenda-axis {
-       width: 50px;
-       padding: 0 4px;
-       vertical-align: middle;
-       text-align: right;
-       white-space: nowrap;
-       font-weight: normal;
-       }
-
-.fc-agenda .fc-week-number {
-       font-weight: bold;
-       }
-       
-.fc-agenda .fc-day-content {
-       padding: 2px 2px 1px;
-       }
-       
-/* make axis border take precedence */
-       
-.fc-agenda-days .fc-agenda-axis {
-       border-right-width: 1px;
-       }
-       
-.fc-agenda-days .fc-col0 {
-       border-left-width: 0;
-       }
-       
-/* all-day area */
-       
-.fc-agenda-allday th {
-       border-width: 0 1px;
-       }
-       
-.fc-agenda-allday .fc-day-content {
-       min-height: 34px; /* TODO: doesnt work well in quirksmode */
-       _height: 34px;
-       }
-       
-/* divider (between all-day and slots) */
-       
-.fc-agenda-divider-inner {
-       height: 2px;
-       overflow: hidden;
-       }
-       
-.fc-widget-header .fc-agenda-divider-inner {
-       background: #eee;
-       }
-       
-/* slot rows */
-       
-.fc-agenda-slots th {
-       border-width: 1px 1px 0;
-       }
-       
-.fc-agenda-slots td {
-       border-width: 1px 0 0;
-       background: none;
-       }
-       
-.fc-agenda-slots td div {
-       height: 20px;
-       }
-       
-.fc-agenda-slots tr.fc-slot0 th,
-.fc-agenda-slots tr.fc-slot0 td {
-       border-top-width: 0;
-       }
-
-.fc-agenda-slots tr.fc-minor th,
-.fc-agenda-slots tr.fc-minor td {
-       border-top-style: dotted;
-       }
-       
-.fc-agenda-slots tr.fc-minor th.ui-widget-header {
-       *border-top-style: solid; /* doesn't work with background in IE6/7 */
-       }
-       
-
-
-/* Vertical Events
-------------------------------------------------------------------------*/
-
-.fc-event-vert {
-       border-width: 0 1px;
-       }
-
-.fc-event-vert.fc-event-start {
-       border-top-width: 1px;
-       border-top-left-radius: 3px;
-       border-top-right-radius: 3px;
-       }
-
-.fc-event-vert.fc-event-end {
-       border-bottom-width: 1px;
-       border-bottom-left-radius: 3px;
-       border-bottom-right-radius: 3px;
-       }
-       
-.fc-event-vert .fc-event-time {
-       white-space: nowrap;
-       font-size: 10px;
-       }
-
-.fc-event-vert .fc-event-inner {
-       position: relative;
-       z-index: 2;
-       }
-       
-.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
-       position: absolute;
-       z-index: 1;
-       top: 0;
-       left: 0;
-       width: 100%;
-       height: 100%;
-       background: #fff;
-       opacity: .25;
-       filter: alpha(opacity=25);
-       }
-       
-.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
-.fc-select-helper .fc-event-bg {
-       display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
-       }
-       
-/* resizable */
-       
-.fc-event-vert .ui-resizable-s {
-       bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
-       width: 100%      !important;
-       height: 8px      !important;
-       overflow: hidden !important;
-       line-height: 8px !important;
-       font-size: 11px  !important;
-       font-family: monospace;
-       text-align: center;
-       cursor: s-resize;
-       }
-       
-.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
-       _overflow: hidden;
-       }
-       
-       
-
-/* -- carousel.css ---- */
-.clear {
-    clear: both;
-}
-
-.carousel-bullets {
-    height: 17px;
-    bottom: 20px;
-    width: 100%;
-    text-align: center;
-    
-    z-index: 1000; 
-    position: absolute;
-    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-    -moz-opacity: 1;
-    -khtml-opacity: 1;
-    opacity: 1;
-    -webkit-transition: opacity 0.2s ease-out; 
-    -moz-transition: opacity 0.2s ease-out; 
-    -o-transition: opacity 0.2s ease-out; 
-    -ms-transition: opacity 0.2s ease-out;
-    -webkit-transform: translateZ(5px);
-}
-
-.carousel-bullets > .bullet {
-    cursor: pointer;
-    position: relative !important;
-    background: rgba(0, 0, 0, 0.5) !important;
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-    width: 6px !important;
-    height: 6px !important;
-    border: 5px solid rgba(0, 0, 0, 0) !important;
-    display: inline-block;
-    margin-right: 2px !important;
-    margin-bottom: 0px !important;
-    -webkit-transition: background-color 0.2s, border-color 0.2s;
-    -moz-transition: background-color 0.2s, border-color 0.2s;
-    -o-transition: background-color 0.2s, border-color 0.2s;
-    -ms-transition: background-color 0.2s, border-color 0.2s;
-    transition: background-color 0.2s, border-color 0.2s;
-    float:none !important;
-    box-sizing:content-box;
-    -moz-box-sizing:content-box;
-    -webkit-box-sizing:content-box;
-}
-
-.carousel-bullets > .bullet:hover,
-.carousel-bullets > .bullet.selected {
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-    background: rgba(255, 255, 255, 1) !important;
-    width: 6px !important;
-    height: 6px !important;
-    border: 5px solid rgba(0, 0, 0, 1) !important;
-}
-/* -- checkbox.css ---- */
-/*
- *
- * From https://github.com/flatlogic/awesome-bootstrap-checkbox
- *
- */
-.checkbox label {
-    display: inline-block;
-    position: relative;
-    padding-left: 5px;
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-}
-.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: 1px;
-    font-size: 11px;
-    color: #555555; }
-.checkbox input[type="checkbox"] {
-    display: none; }
-.checkbox input[type="checkbox"]:checked + label::after {
-    font-family: 'FontAwesome';
-    content: "\f00c"; }
-.checkbox input[type="checkbox"]:disabled + label {
-    opacity: 0.65; }
-.checkbox input[type="checkbox"]:disabled + label::before {
-    background-color: #eeeeee;
-    cursor: not-allowed; }
-.checkbox.checkbox-circle label::before {
-    border-radius: 50%; }
-
-.checkbox-primary input[type="checkbox"]:checked + label::before {
-    background-color: #428bca;
-    border-color: #428bca; }
-.checkbox-primary input[type="checkbox"]:checked + label::after {
-    color: #fff; }
-
-.checkbox-danger input[type="checkbox"]:checked + label::before {
-    background-color: #d9534f;
-    border-color: #d9534f; }
-.checkbox-danger input[type="checkbox"]:checked + label::after {
-    color: #fff; }
-
-.checkbox-info input[type="checkbox"]:checked + label::before {
-    background-color: #5bc0de;
-    border-color: #5bc0de; }
-.checkbox-info input[type="checkbox"]:checked + label::after {
-    color: #fff; }
-
-.checkbox-warning input[type="checkbox"]:checked + label::before {
-    background-color: #f0ad4e;
-    border-color: #f0ad4e; }
-.checkbox-warning input[type="checkbox"]:checked + label::after {
-    color: #fff; }
-
-.checkbox-success input[type="checkbox"]:checked + label::before {
-    background-color: #5cb85c;
-    border-color: #5cb85c; }
-.checkbox-success input[type="checkbox"]:checked + label::after {
-    color: #fff; }
-
-/* before is the outer cicle */    
-/* after is the inner circle.. */
-
-    
-
-.radio label {
-    display: inline-block;
-    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: #fff; 
-    -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"] {
-    display: none;
-}
-.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);
-    background-color: #555555;
-}
-.radio input[type="radio"]:disabled + label {
-    opacity: 0.65; }
-.radio input[type="radio"]:disabled + label::before {
-    cursor: not-allowed; }
-
-.radio-primary input[type="radio"] + label::after {
-    background-color: #fff; }
-.radio-primary input[type="radio"]:checked + label::before {
-    border-color: #428bca; }
-.radio-primary input[type="radio"]:checked + label::after {
-    background-color: #428bca; }
-
-.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: #fff;
-}
-.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: #fff; }
-.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: #fff; }
-.radio-success input[type="radio"]:checked + label::before {
-    border-color: #5cb85c; }
-.radio-success input[type="radio"]:checked + label::after {
-    background-color: #5cb85c; }
-
-.checkbox.checkbox-inline,
-.radio.radio-inline {
-    margin-top: 0;
-}
-/* -- combobox.css ---- */
-/*
- *
- * From https://github.com/danielfarrell/bootstrap-combobox
- *
- */
-
-.combobox-container {
-  margin-bottom: 5px;
-  *zoom: 1;
-  display: inline-table;
-}
-.combobox-container:before,
-.combobox-container:after {
-  display: table;
-  content: "";
-}
-.combobox-container:after {
-  /* clear: both; */
-}
-.combobox-container input,
-.combobox-container .uneditable-input {
-  -webkit-border-radius: 0 3px 3px 0;
-  -moz-border-radius: 0 3px 3px 0;
-  border-radius: 0 3px 3px 0;
-}
-.combobox-container input:focus,
-.combobox-container .uneditable-input:focus {
-  position: relative;
-  z-index: 2;
-}
-.combobox-container .uneditable-input {
-  border-left-color: #ccc;
-}
-.combobox-container .add-on {
-  float: left;
-  display: inline-block;
-  width: auto;
-  min-width: 16px;
-  height: inherit !important;
-  margin-right: -1px;
-  padding: 4px 5px;
-  font-weight: normal;
-  color: #999999;
-  text-align: center;
-  text-shadow: 0 1px 0 #ffffff;
-  background-color: #f5f5f5;
-  border: 1px solid #ccc;
-  -webkit-border-radius: 3px 0 0 3px;
-  -moz-border-radius: 3px 0 0 3px;
-  border-radius: 3px 0 0 3px;
-  
-}
-.combobox-container .active {
-  background-color: #3875d7;
-  color: #fff;
-}
-.combobox-container input,
-.combobox-container .uneditable-input {
-  float: left;
-  -webkit-border-radius: 3px 0 0 3px;
-  -moz-border-radius: 3px 0 0 3px;
-  border-radius: 3px 0 0 3px;
-}
-.combobox-container .uneditable-input {
-  border-left-color: #eee;
-  border-right-color: #ccc;
-}
-.combobox-container .add-on {
-  margin-right: 0;
-  margin-left: -1px;
-  -webkit-border-radius: 0 3px 3px 0;
-  -moz-border-radius: 0 3px 3px 0;
-  border-radius: 0 3px 3px 0;
-}
-.combobox-container input:first-child {
-  *margin-left: -160px;
-}
-.combobox-container input:first-child + .add-on {
-  *margin-left: -21px;
-}
-.combobox-container select {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  border: 0;
-  padding: 0;
-  margin: 0;
-  text-indent: -99999px;
-  *text-indent: 0;
-}
-.form-search .combobox-container,
-.form-inline .combobox-container {
-  display: inline-block;
-  margin-bottom: 0;
-  vertical-align: top;
-}
-.form-search .combobox-container .add-on,
-.form-inline .combobox-container .add-on {
-  vertical-align: middle;
-}
-.combobox-selected .combobox-clear {
-  display: inline-block;
-}
-.combobox-selected .caret {
-  display: none;
-}
-.combobox-clear {
-  display: none;
-  width: 14px;
-  height: 14px;
-  line-height: 14px;
-  vertical-align: top;
-  opacity: 0.3;
-  filter: alpha(opacity=30);
-}
-.dropdown:hover .combobox-clear,
-.open.dropdown .combobox-clear {
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-.btn .combobox-clear {
-  margin-top: 1px;
-  margin-left: 1px;
-}
-.btn:hover .combobox-clear,
-.open.btn-group .combobox-clear {
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-.typeahead-long {
-  max-height: 300px;
-  overflow-y: auto;
-}
-.control-group.error .combobox-container .add-on {
-  color: #B94A48;
-  border-color: #B94A48;
-}
-.control-group.error .combobox-container .caret {
-  border-top-color: #B94A48;
-}
-.control-group.warning .combobox-container .add-on {
-  color: #C09853;
-  border-color: #C09853;
-}
-.control-group.warning .combobox-container .caret {
-  border-top-color: #C09853;
-}
-.control-group.success .combobox-container .add-on {
-  color: #468847;
-  border-color: #468847;
-}
-.control-group.success .combobox-container .caret {
-  border-top-color: #468847;
-}
-.btn .combobox-clear [class^="icon-"] {
-  line-height: 1.4em;
-}
-.combobox-container .dropdown-menu {
-    border-radius: 0;
-    padding: 0;
-    border: 1px solid #66afe9;
-    border-top: none;
-    
-}
-
-.select2-container .dropdown-menu {
-    border: 1px solid #5897fb;
-}
-
-.dropdown-menu .active {
-    background: #3875d7;
-    color: #fff;
-}
-
-.dropdown-menu .active label{
-    color: #fff;
-}
-
-.dropdown-menu .select2-result {
-    padding: 3px 7px 4px;
-    margin: 0;
-    cursor: pointer;
-    min-height: 1em;
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-}
-
-.select2-container,
-.select2-choices .select2-search-field{
-    width: 100%
-}
-.select2-container .x-combo-noedit {
-   cursor: pointer;
-   background-color: #fff;
-
-}
-.select2-container .x-combo-noedit[disabled] {
-   cursor: not-allowed;
-   background-color: #eee;
-
-}
-
-.roo-combobox-tickable .select2-choices {
-   border: none;
-   background-image: none;
-}
-
-.roo-combobox-tickable .select2-result label {
-    width: 100%;
-}
-
-.dropdown-menu {
-  z-index: 10002 !important;
-}
-
-.dropdown-menu .checkbox label {
-    width: 100%;
-}
-
-.select2-container-multi .dropdown-menu .select2-result .checkbox {
-    margin-top: 0px;
-    margin-bottom: 0px;
-}
-.dropdown-menu .select2-result .checkbox {
-    margin-top: 3px;
-    margin-bottom: 3px;
-}
-
-.select2-container .input-group-addon {
-    padding: 6px 12px;
-    border: 1px solid #ccc;
-    border-left: 0px;
-}
-
-.select2-container .roo-removable {
-    position: relative;
-}
-
-.select2-container .roo-removable .roo-combo-removable-btn {
-    position: absolute;
-    right: 10px;
-    z-index: 2;
-    top: 5px;
-}
-/*
-.select2-container .roo-removable.has-feedback .roo-combo-removable-btn {
-    position: absolute;
-    right: 40px;
-    z-index: 2;
-    top: 5px;
-}
-
-.select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn {
-    position: absolute;
-    right: 70px;
-    z-index: 2;
-    top: 5px;
-}
-
-
-.select2-container.input-group .has-feedback .roo-combo-removable-btn {
-    position: absolute;
-    right: 35px;
-    z-index: 2;
-    top: 5px;
-}*/
-
-.has-warning .select2-container-multi {
-    border: 1px solid #8a6d3b;
-}
-/* -- datepicker.css ---- */
-/*!
- * Datepicker for Bootstrap
- *
- * Copyright 2012 Stefan Petre
- * Improvements by Andrew Rowls
- * Licensed under the Apache License v2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- */
-.datepicker {
-  padding: 8px 12px;
-  margin-top: 1px;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-  direction: ltr;
-  font-size: 13px;
-  /*.dow {
-               border-top: 1px solid #ddd !important;
-       }*/
-
-}
-.datepicker-inline {
-  width: 220px;
-}
-.datepicker.datepicker-rtl {
-  direction: rtl;
-}
-.datepicker.datepicker-rtl table tr td span {
-  float: right;
-}
-.datepicker-dropdown {
-  top: 0;
-  left: 0;
-}
-/*.datepicker-dropdown:before {
-  content: '';
-  display: inline-block;
-  border-left: 7px solid transparent;
-  border-right: 7px solid transparent;
-  border-bottom: 7px solid #ccc;
-  border-bottom-color: rgba(0, 0, 0, 0.2);
-  position: absolute;
-  top: -7px;
-  left: 6px;
-}
-.datepicker-dropdown:after {
-  content: '';
-  display: inline-block;
-  border-left: 6px solid transparent;
-  border-right: 6px solid transparent;
-  border-bottom: 6px solid #ffffff;
-  position: absolute;
-  top: -6px;
-  left: 7px;
-}*/
-
-.datepicker-dropdown.bottom:before {
-  content: '';
-  display: inline-block;
-  border-left: 7px solid transparent;
-  border-right: 7px solid transparent;
-  border-bottom: 7px solid #ccc;
-  border-bottom-color: rgba(0, 0, 0, 0.2);
-  position: absolute;
-  top: -7px;
-  left: 7px;
-}
-.datepicker-dropdown.bottom:after {
-  content: '';
-  display: inline-block;
-  border-left: 6px solid transparent;
-  border-right: 6px solid transparent;
-  border-bottom: 6px solid white;
-  position: absolute;
-  top: -6px;
-  left: 8px;
-}
-.datepicker-dropdown.top:before {
-  content: '';
-  display: inline-block;
-  border-left: 7px solid transparent;
-  border-right: 7px solid transparent;
-  border-top: 7px solid #ccc;
-  border-top-color: rgba(0, 0, 0, 0.2);
-  position: absolute;
-  bottom: -7px;
-  left: 6px;
-}
-
-.datepicker-dropdown.top:after {
-  content: '';
-  display: inline-block;
-  border-left: 6px solid transparent;
-  border-right: 6px solid transparent;
-  border-top: 6px solid white;
-  position: absolute;
-  bottom: -6px;
-  left: 7px;
-}
-
-.datepicker-dropdown.bottom-right:before {
-  content: '';
-  display: inline-block;
-  border-left: 7px solid transparent;
-  border-right: 7px solid transparent;
-  border-bottom: 7px solid #ccc;
-  border-bottom-color: rgba(0, 0, 0, 0.2);
-  position: absolute;
-  top: -7px;
-  left: 7px;
-}
-.datepicker-dropdown.bottom-right:after {
-  content: '';
-  display: inline-block;
-  border-left: 6px solid transparent;
-  border-right: 6px solid transparent;
-  border-bottom: 6px solid white;
-  position: absolute;
-  top: -6px;
-  left: 8px;
-}
-
-.datepicker-dropdown.bottom-left:before {
-  content: '';
-  display: inline-block;
-  border-left: 7px solid transparent;
-  border-right: 7px solid transparent;
-  border-bottom: 7px solid #ccc;
-  border-bottom-color: rgba(0, 0, 0, 0.2);
-  position: absolute;
-  top: -7px;
-  left: 260px;
-}
-.datepicker-dropdown.bottom-left:after {
-  content: '';
-  display: inline-block;
-  border-left: 6px solid transparent;
-  border-right: 6px solid transparent;
-  border-bottom: 6px solid white;
-  position: absolute;
-  top: -6px;
-  left: 261px;
-}
-
-.datepicker-dropdown.top-right:before {
-  content: '';
-  display: inline-block;
-  border-left: 7px solid transparent;
-  border-right: 7px solid transparent;
-  border-top: 7px solid #ccc;
-  border-top-color: rgba(0, 0, 0, 0.2);
-  position: absolute;
-  bottom: -7px;
-  left: 6px;
-}
-
-.datepicker-dropdown.top-right:after {
-  content: '';
-  display: inline-block;
-  border-left: 6px solid transparent;
-  border-right: 6px solid transparent;
-  border-top: 6px solid white;
-  position: absolute;
-  bottom: -6px;
-  left: 7px;
-}
-
-.datepicker-dropdown.top-left:before {
-  content: '';
-  display: inline-block;
-  border-left: 7px solid transparent;
-  border-right: 7px solid transparent;
-  border-top: 7px solid #ccc;
-  border-top-color: rgba(0, 0, 0, 0.2);
-  position: absolute;
-  bottom: -7px;
-  left: 260px;
-}
-
-.datepicker-dropdown.top-left:after {
-  content: '';
-  display: inline-block;
-  border-left: 6px solid transparent;
-  border-right: 6px solid transparent;
-  border-top: 6px solid white;
-  position: absolute;
-  bottom: -6px;
-  left: 261px;
-}
-
-.datepicker > div {
-  display: none;
-}
-.datepicker.days div.datepicker-days {
-  display: block;
-}
-.datepicker.months div.datepicker-months {
-  display: block;
-}
-.datepicker.years div.datepicker-years {
-  display: block;
-}
-.datepicker table {
-  margin: 0;
-}
-.datepicker td,
-.datepicker th {
-  text-align: center;
-  width: 20px;
-  height: 20px;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-  border: none;
-}
-.table-striped .datepicker table tr td,
-.table-striped .datepicker table tr th {
-  background-color: transparent;
-}
-.datepicker table tr td.day:hover {
-  background: #eeeeee;
-  cursor: pointer;
-}
-.datepicker table tr td.old,
-.datepicker table tr td.new {
-  color: #999999;
-}
-.datepicker table tr td.disabled,
-.datepicker table tr td.disabled:hover {
-  background: none;
-  color: #999999;
-  cursor: default;
-}
-.datepicker table tr td.today,
-.datepicker table tr td.today:hover,
-.datepicker table tr td.today.disabled,
-.datepicker table tr td.today.disabled:hover {
-  background-color: #fde19a;
-  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
-  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
-  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
-  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
-  background-image: linear-gradient(top, #fdd49a, #fdf59a);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
-  border-color: #fdf59a #fdf59a #fbed50;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-}
-.datepicker table tr td.today:hover,
-.datepicker table tr td.today:hover:hover,
-.datepicker table tr td.today.disabled:hover,
-.datepicker table tr td.today.disabled:hover:hover,
-.datepicker table tr td.today:active,
-.datepicker table tr td.today:hover:active,
-.datepicker table tr td.today.disabled:active,
-.datepicker table tr td.today.disabled:hover:active,
-.datepicker table tr td.today.active,
-.datepicker table tr td.today:hover.active,
-.datepicker table tr td.today.disabled.active,
-.datepicker table tr td.today.disabled:hover.active,
-.datepicker table tr td.today.disabled,
-.datepicker table tr td.today:hover.disabled,
-.datepicker table tr td.today.disabled.disabled,
-.datepicker table tr td.today.disabled:hover.disabled,
-.datepicker table tr td.today[disabled],
-.datepicker table tr td.today:hover[disabled],
-.datepicker table tr td.today.disabled[disabled],
-.datepicker table tr td.today.disabled:hover[disabled] {
-  background-color: #fdf59a;
-}
-.datepicker table tr td.today:active,
-.datepicker table tr td.today:hover:active,
-.datepicker table tr td.today.disabled:active,
-.datepicker table tr td.today.disabled:hover:active,
-.datepicker table tr td.today.active,
-.datepicker table tr td.today:hover.active,
-.datepicker table tr td.today.disabled.active,
-.datepicker table tr td.today.disabled:hover.active {
-  background-color: #fbf069 \9;
-}
-.datepicker table tr td.active,
-.datepicker table tr td.active:hover,
-.datepicker table tr td.active.disabled,
-.datepicker table tr td.active.disabled:hover {
-  background-color: #006dcc;
-  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
-  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
-  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
-  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
-  background-image: linear-gradient(top, #0088cc, #0044cc);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
-  border-color: #0044cc #0044cc #002a80;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-  color: #fff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-}
-.datepicker table tr td.active:hover,
-.datepicker table tr td.active:hover:hover,
-.datepicker table tr td.active.disabled:hover,
-.datepicker table tr td.active.disabled:hover:hover,
-.datepicker table tr td.active:active,
-.datepicker table tr td.active:hover:active,
-.datepicker table tr td.active.disabled:active,
-.datepicker table tr td.active.disabled:hover:active,
-.datepicker table tr td.active.active,
-.datepicker table tr td.active:hover.active,
-.datepicker table tr td.active.disabled.active,
-.datepicker table tr td.active.disabled:hover.active,
-.datepicker table tr td.active.disabled,
-.datepicker table tr td.active:hover.disabled,
-.datepicker table tr td.active.disabled.disabled,
-.datepicker table tr td.active.disabled:hover.disabled,
-.datepicker table tr td.active[disabled],
-.datepicker table tr td.active:hover[disabled],
-.datepicker table tr td.active.disabled[disabled],
-.datepicker table tr td.active.disabled:hover[disabled] {
-  background-color: #0044cc;
-}
-.datepicker table tr td.active:active,
-.datepicker table tr td.active:hover:active,
-.datepicker table tr td.active.disabled:active,
-.datepicker table tr td.active.disabled:hover:active,
-.datepicker table tr td.active.active,
-.datepicker table tr td.active:hover.active,
-.datepicker table tr td.active.disabled.active,
-.datepicker table tr td.active.disabled:hover.active {
-  background-color: #003399 \9;
-}
-.datepicker table tr td span {
-  display: block;
-  width: 23%;
-  height: 54px;
-  line-height: 54px;
-  float: left;
-  margin: 1%;
-  cursor: pointer;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-}
-.datepicker table tr td span:hover {
-  background: #eeeeee;
-}
-.datepicker table tr td span.disabled,
-.datepicker table tr td span.disabled:hover {
-  background: none;
-  color: #999999;
-  cursor: default;
-}
-.datepicker table tr td span.active,
-.datepicker table tr td span.active:hover,
-.datepicker table tr td span.active.disabled,
-.datepicker table tr td span.active.disabled:hover {
-  background-color: #006dcc;
-  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
-  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
-  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
-  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
-  background-image: linear-gradient(top, #0088cc, #0044cc);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
-  border-color: #0044cc #0044cc #002a80;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-  color: #fff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-}
-.datepicker table tr td span.active:hover,
-.datepicker table tr td span.active:hover:hover,
-.datepicker table tr td span.active.disabled:hover,
-.datepicker table tr td span.active.disabled:hover:hover,
-.datepicker table tr td span.active:active,
-.datepicker table tr td span.active:hover:active,
-.datepicker table tr td span.active.disabled: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.disabled.active,
-.datepicker table tr td span.active.disabled:hover.active,
-.datepicker table tr td span.active.disabled,
-.datepicker table tr td span.active:hover.disabled,
-.datepicker table tr td span.active.disabled.disabled,
-.datepicker table tr td span.active.disabled:hover.disabled,
-.datepicker table tr td span.active[disabled],
-.datepicker table tr td span.active:hover[disabled],
-.datepicker table tr td span.active.disabled[disabled],
-.datepicker table tr td span.active.disabled:hover[disabled] {
-  background-color: #0044cc;
-}
-.datepicker table tr td span.active:active,
-.datepicker table tr td span.active:hover:active,
-.datepicker table tr td span.active.disabled: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.disabled.active,
-.datepicker table tr td span.active.disabled:hover.active {
-  background-color: #003399 \9;
-}
-.datepicker table tr td span.old {
-  color: #999999;
-}
-.datepicker th.switch {
-  width: 145px;
-}
-.datepicker thead tr:first-child th,
-.datepicker tfoot tr:first-child th {
-  cursor: pointer;
-}
-.datepicker thead tr:first-child th:hover,
-.datepicker tfoot tr:first-child th:hover {
-  background: #eeeeee;
-}
-.datepicker .cw {
-  font-size: 10px;
-  width: 12px;
-  padding: 0 2px 0 5px;
-  vertical-align: middle;
-}
-.datepicker thead tr:first-child th.cw {
-  cursor: default;
-  background-color: transparent;
-}
-.input-append.date .add-on i,
-.input-prepend.date .add-on i {
-  display: block;
-  cursor: pointer;
-  width: 16px;
-  height: 16px;
-}
-
-.datepicker .datepicker-time td span {
-    display: block;
-    width: 47px;
-    height: 54px;
-    line-height: 54px;
-    float: left;
-    margin: 2px;
-    cursor: pointer;
-    border-radius: 4px;
-}
-
-.datepicker .datepicker-time td span.timepicker-hour,
-.datepicker .datepicker-time td span.timepicker-minute {
-  width: 100%;
-  font-weight: bold;
-  font-size: 1.2em;
-}
-
-/* -- document-manager.css ---- */
-
-.roo-document-manager-selector { // it must use visibility, display is not working on old safari...
-    visibility: hidden;
-    height: 0px;
-}
-
-.roo-document-manager-uploader,
-.roo-document-manager-loading,
-.roo-document-manager-preview {
-    position: relative;
-    float: left;
-    width: 25%;
-    padding-left: 5px;
-    height: 100px;
-    max-height: 100px;
-    margin-top: 10px;
-}
-
-.roo-document-manager-preview.wide {
-    width: 50%;
-}
-
-.roo-document-manager-thumb,
-.roo-document-manager-upload-btn {
-    width : 100%;
-    height: 100px;
-    line-height: 100px;
-    max-height: 100px;
-    border: 1px solid #ccc;
-    -webkit-box-shadow: 1px 0px 5px 0px rgba(128,128,128,0.75);
-    -moz-box-shadow: 1px 0px 5px 0px rgba(128,128,128,0.75);
-    box-shadow: 1px 0px 5px 0px rgba(128,128,128,0.75);
-}
-
-.roo-document-manager-thumb > i.fa,
-.roo-document-manager-upload-btn > i.fa {
-    width: 100%;
-    line-height: 98px;
-    text-align: center;
-    vertical-align: middle;
-    color: #808080;
-    font-size: 2.5em;
-}
-
-.roo-document-manager-thumb > i.fa {
-    font-size: 2.5em;
-}
-
-.roo-document-manager-thumb > img {
-    width: 100%;
-    max-height: 100%;
-    text-align: center;
-    vertical-align: middle;
-}
-
-.roo-document-manager-preview > .close {
-    position: absolute;
-    top: 0px;
-    right: 3px;
-    font-size: 20px;
-    opacity: 1;
-}
-
-.roo-document-manager-preview > .close:hover {
-    color: #333;
-}
-
-/*
-* sm
-*/
-
-@media (min-width: 768px) { 
-    .roo-document-manager-uploader,
-    .roo-document-manager-loading,
-    .roo-document-manager-preview {
-        height: 200px;
-        max-height: 200px;
-    }
-    
-    .roo-document-manager-thumb,
-    .roo-document-manager-upload-btn {
-        line-height: 200px;
-        height: 200px;
-        max-height: 200px;
-    }
-
-    .roo-document-manager-thumb > i.fa,
-    .roo-document-manager-upload-btn > i.fa {
-        line-height: 198px;
-    }
-    
-}
-
-/*
-* md
-*/
-
-@media (min-width: 992px) { 
-    .roo-document-manager-uploader,
-    .roo-document-manager-loading,
-    .roo-document-manager-preview {
-        width: 8.33333333%;
-        height: 80px;
-        max-height: 80px;
-    }
-    
-    .roo-document-manager-preview.wide {
-        width: 16.66666666%;
-    }
-    
-    .roo-document-manager-thumb,
-    .roo-document-manager-upload-btn {
-        line-height: 80px;
-        height: 80px;
-        max-height: 80px;
-    }
-
-    .roo-document-manager-thumb > i.fa,
-    .roo-document-manager-upload-btn > i.fa {
-        line-height: 78px;
-    }
-    
-}
-
-
-/*
-* lg
-*/
-
-@media (min-width: 1200px) {
-    .roo-document-manager-uploader,
-    .roo-document-manager-loading,
-    .roo-document-manager-preview {
-        width: 8.33333333%;
-        height: 100px;
-        max-height: 100px;
-    }
-    
-    .roo-document-manager-preview.wide {
-        width: 16.66666666%;
-    }
-    
-    .roo-document-manager-thumb,
-    .roo-document-manager-upload-btn {
-        line-height: 100px;
-        height: 100px;
-        max-height: 100px;
-    }
-
-    .roo-document-manager-thumb > i.fa,
-    .roo-document-manager-upload-btn > i.fa {
-        line-height: 98px;
-    }
-    
-}
-
-/* -- document-viewer.css ---- */
-
-.document-viewer-dialog .modal-dialog {
-    margin: 0px auto;
-}
-
-.document-viewer-dialog .modal-header,
-.document-viewer-dialog .modal-footer {
-    padding-top: 5px;
-    padding-bottom: 5px;
-}
-
-.document-viewer-dialog .modal-body {
-    padding: 0px;
-}
-
-.roo-document-viewer-body {
-    background-color: #fff;
-    width: 100%;
-    height: 450px;
-    max-height: 450px;
-    position: relative;
-    overflow: hidden;
-    cursor:move;
-}
-
-.roo-document-viewer-body .roo-document-viewer-thumb {
-    position: absolute;
-    width: 80%;
-    height: 80%;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    box-sizing: border-box;
-    border: 1px solid rgb(102, 102, 102);
-    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
-    text-align: center;
-    vertical-align: middle;
-}
-
-.roo-document-viewer-body .roo-document-viewer-image{
-    width: 100%;
-    max-height: 100%;
-}
-
-.roo-document-viewer-btn-group button {
-    background-color: black;
-    color: white;
-    border-color: #333;
-}
-
-
-/* -- dropdown.css ---- */
-.dropdown-submenu:hover > a,
-.dropdown-submenu:focus > a {
-  color: #ffffff;
-  text-decoration: none;
-  background-color: #0081c2;
-  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
-  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
-  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
-  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
-}
-
-.dropdown-submenu {
-  position: relative;
-}
-
-.dropdown-submenu > .dropdown-menu {
-  top: 0;
-  left: 100%;
-  margin-top: -6px;
-  margin-left: -1px;
-  -webkit-border-radius: 0 6px 6px 6px;
-     -moz-border-radius: 0 6px 6px 6px;
-          border-radius: 0 6px 6px 6px;
-}
-
-.dropdown-submenu:hover > .dropdown-menu {
-  display: block;
-}
-
-.dropup .dropdown-submenu > .dropdown-menu {
-  top: auto;
-  bottom: 0;
-  margin-top: 0;
-  margin-bottom: -2px;
-  -webkit-border-radius: 5px 5px 5px 0;
-     -moz-border-radius: 5px 5px 5px 0;
-          border-radius: 5px 5px 5px 0;
-}
-
-.dropup .dropdown-menu {
-    -webkit-animation-name: inherit;
-}
-
-.dropdown-submenu > a:after {
-  display: block;
-  float: right;
-  width: 0;
-  height: 0;
-  margin-top: 5px;
-  margin-right: -10px;
-  border-color: transparent;
-  border-left-color: #cccccc;
-  border-style: solid;
-  border-width: 5px 0 5px 5px;
-  content: " ";
-}
-
-.dropdown-submenu:hover > a:after {
-  border-left-color: #ffffff;
-}
-
-.dropdown-submenu.pull-left {
-  float: none !important;
-}
-
-.dropdown-submenu.pull-left > .dropdown-menu {
-  left: 0;
-  margin-left: 1px;
-  -webkit-border-radius: 6px 0 6px 6px;
-     -moz-border-radius: 6px 0 6px 6px;
-          border-radius: 6px 0 6px 6px;
-}
-
-.dropdown-button > i {
-    margin-right: 10px;
-}
-
-/* -- input.css ---- */
-div.input-group.has-feedback > .form-control-feedback {
-    right: 30px;
-}
-
-/* -- label-pill.css ---- */
-.label-pill {
-    padding-right: .6em;
-    padding-left: .6em;
-    border-radius: 10rem;
-}
-
-/* -- list-group.css ---- */
-a.list-group-item, button.list-group-item {
-    width: 100%;
-    color: #555;
-    text-align: inherit;
-}
-/* -- mask.css ---- */
-.roo-el-mask
-{
-       z-index:20000;   
-    position:absolute;
-    top:0;
-    left:0;
-    -moz-opacity: 0.5;
-    opacity:.50;
-    filter: alpha(opacity=50);
-    background-color:#CCC;
-    width:100%;
-    height:100%;
-    zoom:1;
-}
-.roo-el-mask-msg 
-{
-   position: absolute;
-    z-index:20000;
-    /*border: 4px double #557; */
-    background-color: #fff;
-    padding: 0px 30px;
-    background-image: url('../images/ux/lightbox/loading.gif');
-    background-repeat: no-repeat;
-    border: 10px solid white;
-    border-radius: 20px
-    
-}
-
-.roo-el-mask-msg div
-{
-   font-family: 'Source Sans Pro', sans-serif;
-    font-size: 24px;
-    font-weight: 500;
-    z-index:20001;
-    padding:4px 15px;
-    color: #557;
-    
-}
-.x-body-masked
-{
-       overflow:hidden !important;
-}
-.x-body-masked select,.ext-masked object,.ext-masked embed
-{
-    visibility:hidden;
-}
-.x-dlg-mask
-{
-    z-index:10000;   
-    display:none;
-    position:absolute;
-    top:0;
-    left:0;
-    -moz-opacity: 0.5;
-    opacity:.50;
-    filter: alpha(opacity=50);
-    background-color:#CCC;
-}
-/* -- modal.css ---- */
-/* 
-    Document   : modal
-    Created on : Apr 23, 2014, 11:24:28 AM
-    Author     : edward
-    Description:
-        Purpose of the stylesheet follows.
-*/
-
-
-.modal-md-1,
-.modal-md-2,
-.modal-md-3,
-.modal-md-4,
-.modal-md-5,
-.modal-md-6,
-.modal-md-7,
-.modal-md-8,
-.modal-md-9,
-.modal-md-10,
-.modal-md-11,
-.modal-md-12 {
-  float: left;
-}
-
-.modal-md-12 .modal-dialog {
-  width: 100%;
-  margin: 30 auto;
-}
-.modal-md-11 .modal-dialog {
-  width: 91.66666666666666%;
-  margin: 30 auto;
-}
-.modal-md-10 .modal-dialog {
-  width: 83.33333333333334%;
-  margin: 30 auto;
-}
-.modal-md-9 .modal-dialog {
-  width: 75%;
-  margin: 30 auto;
-}
-.modal-md-8 .modal-dialog {
-  width: 66.66666666666666%;
-  margin: 30 auto;
-}
-.modal-md-7 .modal-dialog {
-  width: 58.333333333333336%;
-  margin: 30 auto;
-}
-.modal-md-6 .modal-dialog {
-  width: 50%;
-  margin: 30 auto;
-}
-.modal-md-5 .modal-dialog {
-  width: 41.66666666666667%;
-  margin: 30 auto;
-}
-.modal-md-4 .modal-dialog {
-  width: 33.33333333333333%;
-  margin: 30 auto;
-}
-.modal-md-3 .modal-dialog {
-  width: 25%;
-  margin: 30 auto;
-}
-.modal-md-2 .modal-dialog {
-  width: 16.666666666666664%;
-  margin: 30 auto;
-}
-.modal-md-1 .modal-dialog {
-  width: 8.333333333333332%;
-  margin: 30 auto;
-}
-
-
-@media (max-width: 568px) {
-    .modal-footer .btn+.btn {
-            margin-left:0px;
-            margin-top:5px;
-    }
-}
-
-/* -- nav-progress-bar.css ---- */
-
-.roo-navigation-bar-group,
-.roo-navigation-top-bar,
-.roo-navigation-bullets-bar,
-.roo-navigation-bottom-bar {
-    width: 100%;
-    float: left;
-}
-
-.roo-navigation-bar-text > span {
-    text-transform: uppercase;
-    width: 90%;
-    display: inline-block;
-}
-
-
-.roo-navigation-bar-text {
-    float: left;
-    line-height: 24px;
-    height: 100%;
-    min-height: 24px;
-    text-align: center;
-    position: relative;
-}
-
-.roo-navigation-bar {
-    counter-reset: step;
-    text-align: center;
-    padding: 0px;
-    overflow: hidden;
-    margin: 0px;
-}
-
-.roo-navigation-bar .roo-navigation-bar-item {
-    list-style-type: none;
-    color: rgb(0,0,0);
-    text-transform: uppercase;
-    font-size: 14px;
-    float: left;
-    position: relative;
-}
-
-.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
-    counter-increment: step;
-    width: 25px;
-    line-height: 25px;
-    display: block;
-    color: white;
-    background: #337ab7;
-    border-radius: 5px;
-    font-weight: bold;
-    cursor: pointer;
-}
-
-.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
-    content: counter(step);
-}
-
-.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
-    content: '';
-    width: 100%;
-    height: 5px;
-    background: #337ab7;
-    position: absolute;
-    top: 10px;
-    z-index: -1;
-}
-
-.roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
-    content: none; 
-}
-
-.roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
-    background: #aa0000;
-    color: white;
-}
-
-.roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
-    background: #999999;
-    color: white;
-    cursor: not-allowed;
-}
-
-.roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
-    cursor: default;
-}
-
-.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
-    font: normal normal normal 14px/1 FontAwesome;
-    display: inline-block;
-    
-}
-
-@media (min-width: 768px) {
-    .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
-        content: counter(step);
-    }
-    
-}
-
-@media (min-width: 992px) {
-    .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
-    .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before {
-        content: counter(step);
-    }
-}
-
-@media (min-width: 1200px) {
-    .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
-    .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before,
-    .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before {
-        content: counter(step);
-    }
-}
-
-/* -- numberbox.css ---- */
-.roo-numberbox{
-       background-color: #00c0ef !important;
-       border: 10px solid black;
-}      
-
-.roo-numberbox h{
-       font-size: 24px;
-}
-
-/* -- pull-xs-right.css ---- */
-.pull-xs-right {
-    float: right!important;
-}
-/* -- select2.css ---- */
-/*
-Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
-*/
-.select2-container {
-    margin: 0;
-    position: relative;
-    /*display: inline-block;*/
-    /* inline-block for ie7 */
-    zoom: 1;
-    *display: inline;
-    vertical-align: middle;
-}
-
-.select2-container,
-.select2-drop,
-.select2-search,
-.select2-search input {
-  /*
-    Force border-box so that % widths fit the parent
-    container without overlap because of margin/padding.
-    More Info : http://www.quirksmode.org/css/box.html
-  */
-  -webkit-box-sizing: border-box; /* webkit */
-     -moz-box-sizing: border-box; /* firefox */
-          box-sizing: border-box; /* css3 */
-}
-
-.select2-container .select2-choice {
-    display: block;
-    height: 26px;
-    padding: 0 0 0 8px;
-    overflow: hidden;
-    position: relative;
-
-    border: 1px solid #aaa;
-    white-space: nowrap;
-    line-height: 26px;
-    color: #444;
-    text-decoration: none;
-
-    border-radius: 4px;
-
-    background-clip: padding-box;
-
-    -webkit-touch-callout: none;
-      -webkit-user-select: none;
-         -moz-user-select: none;
-          -ms-user-select: none;
-              user-select: none;
-
-    background-color: #fff;
-    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
-    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
-    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
-    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
-}
-
-.select2-container.select2-drop-above .select2-choice {
-    border-bottom-color: #aaa;
-
-    border-radius: 0 0 4px 4px;
-
-    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
-    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
-    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
-    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
-}
-
-.select2-container.select2-allowclear .select2-choice .select2-chosen {
-    margin-right: 42px;
-}
-
-.select2-container .select2-choice > .select2-chosen {
-    margin-right: 26px;
-    display: block;
-    overflow: hidden;
-
-    white-space: nowrap;
-
-    text-overflow: ellipsis;
-    float: none;
-    width: auto;
-}
-
-.select2-container .select2-choice abbr {
-    display: none;
-    width: 12px;
-    height: 12px;
-    position: absolute;
-    right: 24px;
-    top: 8px;
-
-    font-size: 1px;
-    text-decoration: none;
-
-    border: 0;
-    background: url('../images/select2/select2.png') right top no-repeat;
-    cursor: pointer;
-    outline: 0;
-}
-
-.select2-container.select2-allowclear .select2-choice abbr {
-    display: inline-block;
-}
-
-.select2-container .select2-choice abbr:hover {
-    background-position: right -11px;
-    cursor: pointer;
-}
-
-.select2-drop-mask {
-    border: 0;
-    margin: 0;
-    padding: 0;
-    position: fixed;
-    left: 0;
-    top: 0;
-    min-height: 100%;
-    min-width: 100%;
-    height: auto;
-    width: auto;
-    opacity: 0;
-    z-index: 9998;
-    /* styles required for IE to work */
-    background-color: #fff;
-    filter: alpha(opacity=0);
-}
-
-.select2-drop {
-    width: 100%;
-    margin-top: -1px;
-    position: absolute;
-    z-index: 9999;
-    top: 100%;
-
-    background: #fff;
-    color: #000;
-    border: 1px solid #aaa;
-    border-top: 0;
-
-    border-radius: 0 0 4px 4px;
-
-    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
-            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
-}
-
-.select2-drop.select2-drop-above {
-    margin-top: 1px;
-    border-top: 1px solid #aaa;
-    border-bottom: 0;
-
-    border-radius: 4px 4px 0 0;
-
-    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
-            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
-}
-
-.select2-drop-active {
-    border: 1px solid #5897fb;
-    border-top: none;
-}
-
-.select2-drop.select2-drop-above.select2-drop-active {
-    border-top: 1px solid #5897fb;
-}
-
-.select2-drop-auto-width {
-    border-top: 1px solid #aaa;
-    width: auto;
-}
-
-.select2-drop-auto-width .select2-search {
-    padding-top: 4px;
-}
-
-.select2-container .select2-choice .select2-arrow {
-    display: inline-block;
-    width: 18px;
-    height: 100%;
-    position: absolute;
-    right: 0;
-    top: 0;
-
-    border-left: 1px solid #aaa;
-    border-radius: 0 4px 4px 0;
-
-    background-clip: padding-box;
-
-    background: #ccc;
-    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
-    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
-    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
-    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
-}
-
-.select2-container .select2-choice .select2-arrow b {
-    display: block;
-    width: 100%;
-    height: 100%;
-    background: url('../images/select2/select2.png') no-repeat 0 1px;
-}
-
-.select2-search {
-    display: inline-block;
-    width: 100%;
-    min-height: 26px;
-    margin: 0;
-    padding-left: 4px;
-    padding-right: 4px;
-
-    position: relative;
-    z-index: 10000;
-
-    white-space: nowrap;
-}
-
-.select2-search input {
-    width: 100%;
-    height: auto !important;
-    min-height: 26px;
-    padding: 4px 20px 4px 5px;
-    margin: 0;
-
-    outline: 0;
-    font-family: sans-serif;
-    font-size: 1em;
-
-    border: 1px solid #aaa;
-    border-radius: 0;
-
-    -webkit-box-shadow: none;
-            box-shadow: none;
-
-    background: #fff url('../images/select2/select2.png') no-repeat 100% -22px;
-    background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
-    background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
-    background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
-    background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
-}
-
-.select2-drop.select2-drop-above .select2-search input {
-    margin-top: 4px;
-}
-
-.select2-search input.select2-active {
-    background: #fff url('../images/select2/select2-spinner.gif') no-repeat 100%;
-    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
-    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
-    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
-    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
-}
-
-.select2-container-active .select2-choice,
-.select2-container-active .select2-choices {
-    border: 1px solid #5897fb;
-    outline: none;
-
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
-            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
-}
-
-.select2-dropdown-open .select2-choice {
-    border-bottom-color: transparent;
-    -webkit-box-shadow: 0 1px 0 #fff inset;
-            box-shadow: 0 1px 0 #fff inset;
-
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-
-    background-color: #eee;
-    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
-    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
-    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
-    background-image: linear-gradient(to top, #fff 0%, #eee 50%);
-}
-
-.select2-dropdown-open.select2-drop-above .select2-choice,
-.select2-dropdown-open.select2-drop-above .select2-choices {
-    border: 1px solid #5897fb;
-    border-top-color: transparent;
-
-    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
-    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
-    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
-    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
-}
-
-.select2-dropdown-open .select2-choice .select2-arrow {
-    background: transparent;
-    border-left: none;
-    filter: none;
-}
-.select2-dropdown-open .select2-choice .select2-arrow b {
-    background-position: -18px 1px;
-}
-
-.select2-hidden-accessible {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-}
-
-/* results */
-.select2-results {
-    max-height: 200px;
-    padding: 0 0 0 4px;
-    margin: 4px 4px 4px 0;
-    position: relative;
-    overflow-x: hidden;
-    overflow-y: auto;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-.select2-results ul.select2-result-sub {
-    margin: 0;
-    padding-left: 0;
-}
-
-.select2-results li {
-    list-style: none;
-    display: list-item;
-    background-image: none;
-}
-
-.select2-results li.select2-result-with-children > .select2-result-label {
-    font-weight: bold;
-}
-
-.select2-results .select2-result-label {
-    padding: 3px 7px 4px;
-    margin: 0;
-    cursor: pointer;
-
-    min-height: 1em;
-
-    -webkit-touch-callout: none;
-      -webkit-user-select: none;
-         -moz-user-select: none;
-          -ms-user-select: none;
-              user-select: none;
-}
-
-.select2-results-dept-1 .select2-result-label { padding-left: 20px }
-.select2-results-dept-2 .select2-result-label { padding-left: 40px }
-.select2-results-dept-3 .select2-result-label { padding-left: 60px }
-.select2-results-dept-4 .select2-result-label { padding-left: 80px }
-.select2-results-dept-5 .select2-result-label { padding-left: 100px }
-.select2-results-dept-6 .select2-result-label { padding-left: 110px }
-.select2-results-dept-7 .select2-result-label { padding-left: 120px }
-
-.select2-results .select2-highlighted {
-    background: #3875d7;
-    color: #fff;
-}
-
-.select2-results li em {
-    background: #feffde;
-    font-style: normal;
-}
-
-.select2-results .select2-highlighted em {
-    background: transparent;
-}
-
-.select2-results .select2-highlighted ul {
-    background: #fff;
-    color: #000;
-}
-
-
-.select2-results .select2-no-results,
-.select2-results .select2-searching,
-.select2-results .select2-selection-limit {
-    background: #f4f4f4;
-    display: list-item;
-    padding-left: 5px;
-}
-
-/*
-disabled look for disabled choices in the results dropdown
-*/
-.select2-results .select2-disabled.select2-highlighted {
-    color: #666;
-    background: #f4f4f4;
-    display: list-item;
-    cursor: default;
-}
-.select2-results .select2-disabled {
-  background: #f4f4f4;
-  display: list-item;
-  cursor: default;
-}
-
-.select2-results .select2-selected {
-    display: none;
-}
-
-.select2-more-results.select2-active {
-    background: #f4f4f4 url('../images/select2/select2-spinner.gif') no-repeat 100%;
-}
-
-.select2-more-results {
-    background: #f4f4f4;
-    display: list-item;
-}
-
-/* disabled styles */
-
-.select2-container.select2-container-disabled .select2-choice {
-    background-color: #f4f4f4;
-    background-image: none;
-    border: 1px solid #ddd;
-    cursor: default;
-}
-
-.select2-container.select2-container-disabled .select2-choice .select2-arrow {
-    background-color: #f4f4f4;
-    background-image: none;
-    border-left: 0;
-}
-
-.select2-container.select2-container-disabled .select2-choice abbr {
-    display: none;
-}
-
-
-/* multiselect */
-
-.select2-container-multi .select2-choices {
-    height: auto !important;
-    height: 1%;
-    margin: 0;
-    padding: 0;
-    /*position: relative;*/
-    border: 1px solid #aaa;
-    cursor: text;
-    overflow: hidden;
-    background-color: #fff;
-    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
-    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
-    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
-    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
-}
-
-.select2-locked {
-  padding: 3px 5px 3px 5px !important;
-}
-
-.select2-container-multi .select2-choices {
-    min-height: 26px;
-}
-
-.select2-container-multi.select2-container-active .select2-choices {
-    border: 1px solid #5897fb;
-    outline: none;
-
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
-            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
-}
-.select2-container-multi .select2-choices li {
-    float: left;
-    list-style: none;
-}
-html[dir="rtl"] .select2-container-multi .select2-choices li
-{
-    float: right;
-}
-.select2-container-multi .select2-choices .select2-search-field {
-    margin: 0;
-    padding: 0;
-    white-space: nowrap;
-}
-
-.select2-container-multi .select2-choices .select2-search-field input {
-    padding: 5px;
-    margin: 1px 0;
-
-    font-family: sans-serif;
-    font-size: 100%;
-    color: #666;
-    outline: 0;
-    border: 0;
-    -webkit-box-shadow: none;
-            box-shadow: none;
-    background: transparent !important;
-}
-
-.select2-container-multi .select2-choices .select2-search-field input.select2-active {
-    background: #fff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
-}
-
-.select2-default {
-    color: #999 !important;
-}
-
-.select2-container-multi .select2-choices .select2-search-choice {
-    padding: 3px 5px 3px 18px;
-    margin: 3px 0 3px 5px;
-    position: relative;
-
-    line-height: 13px;
-    color: #333;
-    cursor: default;
-    border: 1px solid #aaaaaa;
-
-    border-radius: 3px;
-
-    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
-            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
-
-    background-clip: padding-box;
-
-    -webkit-touch-callout: none;
-      -webkit-user-select: none;
-         -moz-user-select: none;
-          -ms-user-select: none;
-              user-select: none;
-
-    background-color: #e4e4e4;
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
-    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
-    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
-    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
-    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
-}
-html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
-{
-    margin-left: 0;
-    margin-right: 5px;
-}
-.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
-    cursor: default;
-}
-.select2-container-multi .select2-choices .select2-search-choice-focus {
-    background: #d4d4d4;
-}
-
-.select2-search-choice-close {
-    display: block;
-    width: 12px;
-    height: 13px;
-    position: absolute;
-    right: 3px;
-    top: 4px;
-
-    font-size: 1px;
-    outline: none;
-    background: url('../images/select2/select2.png') right top no-repeat;
-}
-html[dir="rtl"] .select2-search-choice-close {
-    right: auto;
-    left: 3px;
-}
-
-.select2-container-multi .select2-search-choice-close {
-    left: 3px;
-}
-
-.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
-  background-position: right -11px;
-}
-.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
-    background-position: right -11px;
-}
-
-/* disabled styles */
-.select2-container-multi.select2-container-disabled .select2-choices {
-    background-color: #f4f4f4;
-    background-image: none;
-    border: 1px solid #ddd;
-    cursor: default;
-}
-
-.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
-    padding: 3px 5px 3px 5px;
-    border: 1px solid #ddd;
-    background-image: none;
-    background-color: #f4f4f4;
-}
-
-.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
-    background: none;
-}
-/* end multiselect */
-
-
-.select2-result-selectable .select2-match,
-.select2-result-unselectable .select2-match {
-    text-decoration: underline;
-}
-
-.select2-offscreen, .select2-offscreen:focus {
-    clip: rect(0 0 0 0) !important;
-    width: 1px !important;
-    height: 1px !important;
-    border: 0 !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    overflow: hidden !important;
-    position: absolute !important;
-    outline: 0 !important;
-    left: 0px !important;
-    top: 0px !important;
-}
-
-.select2-display-none {
-    display: none;
-}
-
-.select2-measure-scrollbar {
-    position: absolute;
-    top: -10000px;
-    left: -10000px;
-    width: 100px;
-    height: 100px;
-    overflow: scroll;
-}
-
-/* Retina-ize icons */
-
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
-    .select2-search input,
-    .select2-search-choice-close,
-    .select2-container .select2-choice abbr,
-    .select2-container .select2-choice .select2-arrow b {
-        background-image: url('../images/select2/select2x2.png') !important;
-        background-repeat: no-repeat !important;
-        background-size: 60px 40px !important;
-    }
-
-    .select2-search input {
-        background-position: 100% -21px !important;
-    }
-}
-
-.has-error .select2-choices {
-    border-color: #a94442;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-}
-/* -- sidebar-nav.css ---- */
-.sidebar {
-    margin-bottom: 5px;
-}
-
-.sidebar .sidebar-menu {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}
-
-.sidebar .sidebar-menu > li {
-    margin: 0;
-    padding: 0;
-    border-bottom: 1px solid #ccc;
-    background-color: #eee;
-}
-
-.sidebar .sidebar-menu > li > a {
-    padding: 12px 5px 12px 15px;
-    display: block;
-    color: #333; 
-}
-
-.sidebar .sidebar-menu > li > a > .fa,
-.sidebar .sidebar-menu > li > a > .glyphicon,
-.sidebar .sidebar-menu > li > a > .ion {
-    width: 20px;
-}
-
-.sidebar .sidebar-menu li:hover,
-.sidebar .sidebar-menu li:focus,
-.sidebar .sidebar-menu li:active
-{
-    background-color: #fff;
-}
-
-.sidebar .sidebar-menu li:hover a,
-.sidebar .sidebar-menu li:focus a,
-.sidebar .sidebar-menu li:active a
-{
-    color: #000;
-}
-
-.sidebar .sidebar-menu li.active {
-  color: #fff;
-  background-color: #337ab7;
-  border-color: #2e6da4;
-}
-
-.sidebar .sidebar-menu li.active:hover,
-.sidebar .sidebar-menu li.active:focus,
-.sidebar .sidebar-menu li.active.focus
-{
-    color: #fff;
-    background-color: #204d74;
-    border-color: #122b40;
-}
-
-.sidebar .sidebar-menu li.active  a {
-    color: #fff;
-}
-
-.sidebar .sidebar-menu li.disabled {
-  color: #ccc;
-  background-color: #fff;
-  border-color: #ccc;
-}
-
-.sidebar .sidebar-menu li.disabled a {
-    color: #ccc;
-    cursor: default;
-}
-
-.sidebar .sidebar-menu li.danger,
-.sidebar .sidebar-menu li.danger.active {
-  color: #fff;
-  background-color: #d9534f;
-  border-color: #d43f3a;
-}
-
-.sidebar .sidebar-menu li.danger:hover,
-.sidebar .sidebar-menu li.danger:focus,
-.sidebar .sidebar-menu li.danger.active:focus
-{
-    color: #fff;
-    background-color: #c9302c;
-    border-color: #ac2925;
-    border-bottom: 1px solid #ac2925;
-}
-
-.sidebar .sidebar-menu li.danger a,
-.sidebar .sidebar-menu li.danger.active a{
-    color: #fff;
-}
-
-
-.badge-default {
-    background-color: #777;
-    color: #fff;
-}
-
-.badge-primary {
-    background-color: #337ab7;
-    color: #fff;
-}
-
-.badge-success {
-    background-color: #5cb85c;
-    color: #fff;
-}
-
-.badge-info {
-    background-color: #5bc0de;
-    color: #fff;
-}
-
-.badge-warning {
-    background-color: #f0ad4e;
-    color: #fff;
-}
-
-.badge-danger {
-    background-color: #d9534f;
-    color: #fff;
-}
-
-.sidebar .sidebar-menu > li.active .badge-info {
-    background-color: #fff;
-    color: #5bc0de;
-}
-/* -- sticky-footer.css ---- */
-/*html, */
-
-
-
-/* Sticky footer styles
--------------------------------------------------- */
-html.bootstrap-sticky {
-  position: relative;
-  min-height: 100%;
-}
-html.bootstrap-sticky body {
-  /* Margin bottom by footer height */
-  margin-bottom: 60px;
-}
-.bootstrap-sticky-footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  /* Set the fixed height of the footer here */
-  height: 60px;
-  background-color: #f5f5f5;
-}
-
-
-  
-/* Lastly, apply responsive CSS fixes as necessary */
-@media (max-width: 767px) {
-    .bootstrap-sticky-footer {
-        margin-left: -20px;
-        margin-right: -20px;
-        padding-left: 20px;
-        padding-right: 20px;
-    }
-}
-
-
-
-/* -- table.css ---- */
-/* paging toolbar */
-
-.pagination .x-paging-position span {
-    padding-top:3px; padding-bottom:3px;
-}
-.pagination .x-paging-position span  input {
-    margin: 0 3px;
-}
-
-.navbar .pagination>li>span {
-    min-height:34px;
-}
-
-.navbar .pagination {
-    margin: 0;
-}
-
-
-/* these are technicall adminlte related */
-.skin-blue  .navbar .pagination > li > a:active,
-.skin-blue  .navbar .pagination > li > a:focus,
-.skin-blue .navbar .pagination>li>a {
-    background-color: #428bca;
-    
-}
-.skin-blue  .navbar .pagination > li > a:hover
-{
-   background-color:  rgb(221, 221, 221);
-}
-.skin-blue table .navbar {
-    background-color: #fff;
-}
-.skin-blue .navbar .pagination>li.disabled >a{
-    background-color: rgb(221, 221, 221);
-}
-.skin-blue table .navbar {
-    margin-bottom: 0;
-    min-height: 0;
-}
-
-.table .sortable {
-    cursor: pointer;
-}
-
-
-/* -- tweaks.css ---- */
-.navbar-left .input-group[class*="col-"] {
-    float:left;
-}
-
-.ellipsis {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 3;
-    -webkit-box-orient: vertical;
-}
-
-.sw-child-headline {
-    display: inline-block;
-    width: auto;
-}
-
-.box-input-label {
-    width: 100%;
-    display: inline-block;
-    font-weight: bold;
-}
-
-.box-label {
-    margin-left: 5px;
-    cursor: pointer;
-}
-/* needed as menu ontop of form does not work */
-.input-group .form-control {
-    
-    z-index: 1;
-}
-
-/* admin-lte - messes with checkbox and radio.. */
-.checkbox, .radio {
-    padding-left: 15px!important;
-}
-/* paging toolbar */
-
-.pagination .x-paging-position span {
-    padding-top:3px; padding-bottom:3px;
-}
-.pagination .x-paging-position span  input {
-    margin: 0 3px;
-}
-/* -- upload-cropbox.css ---- */
-
-.roo-upload-cropbox-selector { // it must use visibility, display is not working on old safari...
-    visibility: hidden;
-    height: 0px;
-}
-
-.roo-upload-cropbox-dialog .modal-header,
-.roo-upload-cropbox-dialog .modal-footer {
-    padding-top: 5px;
-    padding-bottom: 5px;
-}
-
-.roo-upload-cropbox-body {
-    background-color: #fff;
-    border: 1px solid #e3e3e3;
-    width: 100%;
-    height: 450px;
-    max-height: 450px;
-    position: relative;
-    overflow: hidden;
-    cursor:move;
-}
-
-.roo-upload-cropbox-preview {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    text-align: center;
-    margin: 0px;
-    padding: 0px;
-    border: none;
-}
-
-.roo-upload-cropbox-body .roo-upload-cropbox-thumb {
-    position: absolute;
-/*    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);*/
-    box-sizing: border-box;
-    border: 1px solid rgb(102, 102, 102);
-    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
-    background: none repeat scroll 0% 0% transparent;
-}
-
-.roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.5);
-    color: white;
-    font-weight: bold;
-    font-size: 24px;
-    text-align: center;
-    padding-top: 50px;
-    font-style: italic;
-}
-
-.roo-upload-cropbox-btn-group button {
-    background-color: black;
-    color: white;
-    border-color: #333;
-}
-
-.roo-upload-cropbox-error-notify {
-    border-radius: 0px;
-    text-align: center;
-    padding: 0px !important;
-    margin: 0px !important;
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
+@import url('./alert.css');
+@import url('./calendar.css');
+@import url('./carousel.css');
+@import url('./checkbox.css');
+@import url('./combobox.css');
+@import url('./datepicker.css');
+@import url('./document-manager.css');
+@import url('./document-viewer.css');
+@import url('./dropdown.css');
+@import url('./input.css');
+@import url('./label-pill.css');
+@import url('./list-group.css');
+@import url('./mask.css');
+@import url('./modal.css');
+@import url('./nav-progress-bar.css');
+@import url('./numberbox.css');
+@import url('./pull-xs-right.css');
+@import url('./select2.css');
+@import url('./sidebar-nav.css');
+@import url('./sticky-footer.css');
+@import url('./table.css');
+@import url('./tweaks.css');
+@import url('./upload-cropbox.css');