/***************************************************
 *             oaseBW Bootstrap Theme              *
 *           based on Bootstrap V.3.5.5            *
 *                                                 *
 *              (c)2015 farbCode GmbH              *
 ***************************************************/



/*********************** L A Y O U T ***********************/

/****** Struktur *********/
/* Hauptcontainer */
.wrapper {
    padding: 0;
    min-height: 100%;
}

.wrapper-default {
    background-color: #FFFFFF;
}

.border{
    border-top: 5px solid #f3f3f3;
}
.border-test {
    border-top: 5px solid #8b0000;
}

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

HTML IMG {
    height: auto;
    max-width: 100%;
}

/* */
.row {
    margin-bottom: 30px;
}



/******* Kopfteil *********/
.navbar-default {
    border: none;
    margin-bottom: 0;
}

.navbar-test {
    background: repeating-linear-gradient(
            -45deg,
            transparent,
            transparent 10px,
            rgba(125, 186, 28, 0.49) 10px,
            rgba(125, 186, 28, 0.49) 20px) repeat-x;
    background-size: 100% 20px;
}
.navbar-dev {
    background: repeating-linear-gradient(
            -45deg,
            transparent,
            transparent 10px,
            rgba(255, 208, 38, 0.49) 10px,
            rgba(255, 208, 38, 0.84) 20px) repeat-x;
    background-size: 100% 20px;
}
.navbar-live {
    background: repeating-linear-gradient(
            -45deg,
            transparent,
            transparent 10px,
            rgba(139, 0, 0, 0.61) 10px,
            rgba(139, 0, 0, 0.61) 20px) repeat-x;
    background-size: 100% 20px;
}



.navbar .navbar-pull-right {
    margin: 0 5px 0 50px;
}

NAV .container {
    margin: 0 10px;
    width: auto;
}

/* Haupt-Menüpunkte */
.navbar .navbar-nav A {
    margin-top: 5px;
}

.navbar .navbar-rollover A:HOVER,
.navbar .navbar-rollover A:ACTIVE {
    margin-top: 0;
}

.navbar .navbar-right.usermenu LI.timer {
    padding-top: 15px;
    padding-right: 10px;
}

.navbar LI.timer {
    padding-top: 15px;
    padding-left: 10px;
}

.navbar .timer-fix {
    position: fixed;
    right: 3%;
    padding: 0;
}

.navbar .timer A.refresh-button,
.navbar .timer-fix A.refresh-button,
.navbar .timer A.refresh-button:HOVER,
.navbar .timer-fix A.refresh-button:HOVER,
.navbar .timer A.refresh-button:FOCUS,
.navbar .timer-fix A.refresh-button:FOCUS {
    margin-top: 0;
    padding-top: 0 !important;
}

.navbar .navbar-rollover > LI:HOVER  {
    border-top: 5px solid #2d5c88;
}

/* Dropdown-Menüpunkte */
.navbar .navbar-nav .dropdown-menu A,
.navbar .navbar-nav .dropdown-menu A:HOVER,
.navbar .navbar-nav .dropdown-menu A:FOCUS {
    color: #DDDDDD;
    padding: 10px 15px;
    text-shadow: none;
    margin: 0;
}


.navbar-toggle {
    border:none;
    margin-top:15px;
}


/***** Inhalt **********/
.widget-title{
    border-bottom: #ededed 1px solid;
    margin-bottom: 20px;
    padding-bottom: 5px
}

SECTION .container {
    margin: 10px;
    width: auto;
}

SECTION .container .row .headline {
    margin: 0 15px;
    padding: 0;
}

/* Tabs */
.tab-content {
    border: 1px solid #dddddd;
    border-top: none;
    margin-bottom: 30px;
}

.tab-content .tab-pane {
    padding: 20px;
}
/* Formulare */
.form-horizontal .form-nopadding {
    padding: 0;
}

.form-horizontal .nomargin .form-group {
    margin-bottom: 5px;
}

.form-horizontal .form-control-static {
    cursor: not-allowed;
    border: 0 solid #cccccc;
    background-color: #fdfdfd;
    background-color: #ffffff;
    padding: 6px 12px 6px 0;
    font-size: 14px;
}

.form-horizontal .form-control-static-light {
    border: none;
    background-color: transparent;
    padding: 4px 12px 0 0;
    font-size: 14px;
}


.form-padding-x-5 .INPUT,
.form-padding-x-5 .SELECT {
    padding-right: 5px;
    padding-left: 5px;
}

#searchOrganisation SPAN {
    width: 100%;
}

.select2-container .select2-choice { /* Damit select2-Dropdowns gleich hoch sind wie die anderen Eingabefelder */
    height: 32px !important;
    padding: 6px 12px !important;
    line-height: 20px !important;
}

/* Pagination */
.pagination {
    width: 100%;
}

.pagination-info {
    vertical-align: top;
    margin:20px 0;
    padding:5px 15px 5px 0;
    display:inline-block;
}

/* Login-Box */
SECTION .loginbox {
    width: 600px;
    background-color: #FFFFFF;
    border-top: 5px solid #2d5c88;
    margin-top: 100px;
    margin-bottom: 100px;
    position: relative;
    display: block;
    padding: 50px 30px 20px 30px;
}

/* Login-Box */
SECTION .welcomebox {
    background-color: #FFFFFF;
    margin-top: 100px;
    margin-bottom: 100px;
    position: relative;
    display: block;
    padding: 30px;
}


/** Tabelle **/
/* Schlichte Tabelle */
TABLE.table-plain TH {
    text-align: center;
}

TABLE.table-plain TD {
    padding: 2px 10px 2px 2px;
}

/* Statistik-Tabelle */
TABLE.reportPreview TH.statisticHead {
    vertical-align: bottom;
}

TABLE TH.microCell,
TABLE TD.microCell {
    margin: 0;
    padding: 0 !important;
    font-size: 10px;
    font-weight: normal;
    vertical-align: bottom !important;
    text-align: center;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}

TABLE TD.microCell I {
    margin: 0 !important;
}

TABLE TH.microCellEdit,
TABLE TD.microCellEdit {
    margin: 0;
    padding: 0;
    font-size: 13px;
    vertical-align: bottom;
    text-align: center;
}

TABLE TD.microCellEdit {
    /*padding-left: 5px;*/
    vertical-align: middle;
}

TABLE TD.microCellEdit INPUT[type="checkbox"]{
    margin: 0;
}

/** Sonstiges **/
/* Fördertitel-Tabelle im FE */
.well-title {
    padding: 20px;
    background-color: #ffffff;
    border:none;
    box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.18);
}
.well-title table {margin-top:20px}
.well-title .well-heading {  padding: 0;  }
.well-title .well-heading h5 {  margin-bottom:0;  }
.well-title .well-heading h5 a {
    text-decoration: none !important;
    color: #484b52 !important;
}


/* Hierarchie-Baum der Kategorien */
.category-tree OL {
    list-style-type: none;
}

.well.well-sortable {
    width: 50%;
    margin-bottom: 10px;
    box-shadow: none;
    border-color:#999;
}

.well-movable {
    cursor: move;
}

.sortable li.mjs-nestedSortable-collapsed > ol {
    display: none;
}

.sortable-placeholder {
    border: 1px dashed #484b52;
    border-radius: 3px;
    width: 50%;
    height: 41px;
    margin-bottom: 20px;
}

/* Statistik-Canvas */
.canvasIconContainer {
    position: absolute;
    right: 5px;
    z-index: 10;
    top:0;
}

.canvasItemContainer {
    position: relative;
}

.canvasItemContainerTable {
    margin-bottom:15px;
}

.canvasItemContainer .select2-container-multi .select2-choices {
    background-color: #ffffa0;
    background-image: none;
}

.canvasItemContainer HR {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*border-color: #eeeeee -moz-use-text-color #ffffff;*/
    border-image: none;
    border-style: solid none;
    border-width: 1px 0;
    margin: 20px 0;
}

.canvasItemBackground {
    position: relative;
    background-color: #ddd;
    padding-top:10px;
}

.canvasItemContainer P,
.canvasItemContainer LABEL {
    /*margin-right: 60px;*/
}

.canvasItemRow {
    margin-top: 0;
    margin-bottom: 0;
    height: auto;
}

.canvasHeadContainer {
    text-align: center;
    margin-bottom: 10px;
}

.canvasHeadContainer DIV {
    background-color: #ddd;
    width: 148.333px;
    height: 100%;

}

#statisticCanvas {
    background: #eeeeee;
    margin-bottom: 30px;
}

/* Statistik-Modals */
#editModal,
#deleteModal,
#testModal{
    width: 100%;
    top:20%
}

#editModal .modal-content,
#deleteModal .modal-content,
#editModal .modal-dialog,
#deleteModal .modal-dialog{
    width: 560px;
}

#editModal .modal-body,
#deleteModal .modal-body{
    overflow-y: auto;
    max-height: 400px
}

#editModal .modal-footer,
#deleteModal .modal-footer{
    text-align:left;
    background-color: #f5f5f5
}

.form-group .readonly {
    padding-top: 7px;
}

/* Debugger-Modal */
.modal .modal-xl {
    width: 90%;
}

/* Statistik-Dashboard */
.statistic-tile {
    text-align: center;
    border: 1px solid #dddddd;
    border-radius: 4px;
    height: 236px;
    position: relative;
}

.statistic-tile A,
.statistic-tile H5,
.statistic-tile P {
    color: #484b52;
}

.statistic-tile:HOVER A,
.statistic-tile:HOVER H5,
.statistic-tile:HOVER P {
    color: #337ab7;
    text-decoration: none;
}


.statistic-tile .content {
    height: 70%;
    left: 50%;
    width: 90%;
    position: absolute;
    top: 50%;
    margin: -35% 0 0 -45%;
}

.statistic-tile .fa,
.statistic-tile .glyphicon {
    font-size: 80px;
    padding-bottom: 15px;
}

/* Slider Startseite */
#featured{
    background:#fff;
    position:relative;
    margin:0;
    padding:0;
}

.tp-rightarrow.default,
.tp-leftarrow.default {
    padding: 0;
}

/* AJAX-Loader Klassen */
.yearTitleLoading {
    display: none;
}

/* Diff-Modal */
#diffModal {
    width: 100%;
    top:20%
}

#diffModal .modal-content,
#diffModal .modal-dialog {
    width: 800px;
}

#diffModal .modal-body {
    overflow-y: auto;
    max-height: 400px
}

#diffModal .modal-footer {
    text-align:left;
    background-color: #f5f5f5
}

.diffReportButton.icon-warning-sign {
    color: #b94a48
}

.diffReportButton.icon-ok{
    color: #b1c700;
}

/* Payment-Modal */
#paymentModal {
    width: 100%;
    top:20%
}

#paymentModal .modal-content,
#paymentModal .modal-dialog {
    width: 800px;
}

#paymentModal .modal-body {
    overflow-y: auto;
    max-height: 400px
}

#paymentModal .modal-footer {
    text-align:left;
    background-color: #f5f5f5
}

/* Sonstiges */
SPAN.inactive {
    color: #c5c5c5;
}

/* Kategorien-Baum */
UL.tree {
    list-style-type: none;
    background: url(../img/category-tree/vline.png) repeat-y;
    margin: 0;
    padding: 0;
}

UL.tree UL {
    margin-left: 10px;
}

UL.tree LI {
    margin: 0;
    padding: 0 12px;
    line-height: 30px;
    background: url(../img/category-tree/node.png) no-repeat;
    color: #369;
}

UL.tree LI.last {
    background: #fff url(../img/category-tree/lastnode.png) no-repeat;
}

DIV.tree-element,
UL.tree LI SPAN.tree-element{
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    border-radius: 3px;
    width: 80px;
    color: #50708f;
    padding: 3px 5px;
}

UL.tree LI SPAN.tree-element A {
    color: #50708f;
}

/* Kacheln für die Berichte */
DIV.evaluation-tiles {
    text-align: center;
}

DIV.evaluation-tiles H5 {
    font-size: 16px;
}

/***** Footer & Scrollup ****/
FOOTER {
    background: #2f3238;
    position: relative;
    bottom: 0;
    width: 100%;
    height: 120px;
}

FOOTER .row {
    margin: 10px 10px;
    width: auto;
}

.scrollup{
    position:fixed;
    width:32px;
    height:32px;
    bottom:0px;
    right:1%;
    display: none;
    background-color: #2d5c88;
    text-align: center;
}

A.scrollup {
    outline:0;
}

A.scrollup:HOVER,
A.scrollup:ACTIVE,
A.scrollup:FOCUS {
    opacity:1;
    text-decoration:none;
}

A.scrollup I {
    background-color: inherit !important;
    vertical-align: middle;
    margin-right: 0;
    color:#ffffff;
}

A.scrollup I:HOVER {
    text-decoration:none;
    background-color: inherit;
}


/********************** T Y P O G R A P H I E ********************/
/* Allgemein */
BODY {
    color: #484b52;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6em;
}

/* Überschriften */
.widgetheading {
    position: relative;
    display: inline;
    padding: 0 20px 7px 0;
}

.headline {
    border-bottom: 1px solid #ededed;
    border-top: 0 solid #ededed;
}

.headline .inner-heading H2 {
    font-size: 35px;
    margin: 35px 0 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.page-description {
    font-weight: 300;
    margin: 0 0 15px 0;
    padding-bottom: 20px;
    font-size: 22px;
    line-height: 40px
}

.page-description.sub {
    font-size: 28px;
}


/* Kopfteil */
.navbar .navbar-nav LI A,
.navbar .navbar-nav LI A:HOVER,
.navbar .navbar-nav LI A:FOCUS {
    text-transform: uppercase;
    font-weight: 700;
    padding: 25px 4px 15px 4px;
    color: #333333
}

.navbar .navbar-nav.usermenu LI A,
.navbar .navbar-nav.usermenu LI A:HOVER,
.navbar .navbar-nav.usermenu LI A:FOCUS {
    padding: 25px 4px 20px 4px;
}


.navbar .navbar-nav .dropdown-menu {
    background-color: #33353b;
}

.navbar .navbar-nav .dropdown-menu LI A {
    font-size: 13px;
    font-weight: 500;
    color: #dddddd;
}

.navbar .navbar-nav .dropdown-menu A:HOVER,
.navbar .navbar-nav .dropdown-menu .active A {
    color: #FFFFFF;
    background-color: #3f5e87;
}

/* Formulare */
.control-label {
    color: #383838;
    vertical-align: top;
}

.control-label.label-indented {
    padding-left: 40px;
}

.form-group SPAN.inline-help {
    vertical-align: top;
    padding-top: 7px;
}

.label-ind {
    vertical-align: top;
}

.control-label-left,
.control-label.left {
    text-align: left !important;
}

.form-horizontal .form-group .help-block {
    color: #383838;
}

.form-control,
.input-group .input-group-addon {
    border-radius: 0;
}

.form-control.littlepadding {
    padding-left: 6px;
    padding-right: 6px;
}

SELECT.form-control OPTION.inactive {
    color: #c5c5c5;
}

/* Für das AGS-Partial */
.form-group-ags .form-control-arrow {
    width: 90%;
    display: inline;
}

.form-group-ags SPAN.glyphicon {
    padding-left: 0;
}

/* Tabellen */
TABLE TR TH A,
TABLE TR TH A:HOVER {
    color: #2d5c88;
}

/* Buttons */
.btn.btn-primary,
.btn.btn-default,
.btn.btn-danger,
.btn.btn-warning {
    text-transform: uppercase;
}

.btn {
    font-size: 11px;
    line-height: 20px;
}

.btn-xs {
    font-size: 10px;
}

.btn-34 { /* Button, der 34px hoch ist -> gleich hoch wie ein Input-Feld */
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: top;
}

.btn-icon {
    display: inline-block;
    padding: 1px 4px;
    font-size: 11px;
    line-height: normal;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-icon.btn-primary,
.btn-icon.btn-primary:HOVER {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
    text-transform: uppercase;
}


/***** Farben *****/
A,
A:HOVER,
A:FOCUS,
A:ACTIVE,
.navbar .nav > .active > A,
.navbar .nav > .active > A:HOVER,
.navbar .nav > li > A:HOVER  {
    color:#2d5c88;
}

FOOTER {
    color: #BBBBBB;
}

FOOTER A {
    color: #BBBBBB;
}

FOOTER A:HOVER, A:ACTIVE {
    color: #FFFFFF;
    text-decoration: none;
}

.glyphicon.glyphicon-warning-sign.diffReportButton {
    color:#B94A48;
}

.glyphicon.glyphicon-ok.diffReportButton {
    color:#B1C700;
}



/* Schriftarten */

H1, H2, H3, H4, H5, H6{
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    margin-top:0;
    margin-bottom: 15px;
}

H1.thin, H2.thin, H3.thin, H4.thin, H5.thin, H6.thin{
    font-weight:300;
}

H1{
    font-size:50px;
    line-height: 52px
}

.logo H1 {
    font-size: 30px;
    margin-top: 12px;
    margin-bottom: 0px;
}

H2{
    font-size:40px;
    line-height: 42px
}

H2.error404{
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 100px
}

H2 .error-small {
    font-size: 14px;
    font-weight: 600;
}

H3{
    font-size:32px;
    line-height: 34px;
}

H4{
    font-size:24px;
    line-height: 26px
}

H4.portHeader {font-size: 47px; text-transform: uppercase}

H4.sub{
    font-size: 21px; float: left
}

H4.front {margin-bottom: 30px}

H5{
    font-size:18px;
    line-height: 22px;
}

H5.widgetheading{
    font-size: 16px;
    font-weight: 400
}

H6{
    font-size:16px;
    line-height: 20px;
}

H1 strong,
H2 strong,
H3 strong,
H4 strong,
H5 strong,
H6 strong {
    font-weight:700;
}

/*** Icons ***/
.icons-large {
    height: 250px;
    background-color: #fdfdfd;
    padding: 20px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05),0 0 1px rgba(0,0,0,.04);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.icons-large:hover {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05),0 0 1px rgba(0,0,0,.04);
}

.icons-large H3 {
    font-size: 18px;
    text-align: center;
}

.icons-large A {
    color:#333333;
    text-decoration: none;
}

.icons-large SPAN {
    text-align: center;
    font-size: 45px;
    width: 100%;
    margin-bottom: 15px
}

.icons-large A:hover SPAN {
    color: #23527C;
}


/***************************** H I L F S K L A S S E N ************************/
/*** Floats etc ***/
.clear {
    clear: both;
}

/*** Border etc ***/
.border-0 {
    border: 0 !important;
}

/*** Padding ***/
/* 0 */
.padding-0 {
    padding: 0;
}

.padding-top-0,
.padding-t-0 {
    padding-top: 0 !important;
}

.padding-r-0 {
    padding-right: 0;
}

.padding-l-0 {
    padding-left: 0;
}

.label-padding-t-0 LABEL {
    padding-top: 0 !important;
}

/* 2 */
.padding-r-2 {
    padding-right: 2px;
}

.padding-l-2 {
    padding-left: 2px;
}

/* 5 */
.padding-r-5 {
    padding-right: 5px;
}

.padding-x-5 {
    padding-left: 5px;
    padding-right: 5px;
}

/* 10 */
.padding-10 {
    padding: 10px;
}

.padding-y-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* 15 */
.padding-x-15 {
    padding-left: 15px;
    padding-right: 15px;
}

/* 30 */
.padding-l-30 {
    padding-left: 30px;
}

/*** Margin ***/
/* 0 */
.margin-0 {
    margin: 0;
}

.margin-r-0 {
    margin-right: 0;
}

.margin-b-0 {
    margin-bottom: 0;
}

.margin-left-0,
.margin-l-0 {
    margin-left: 0;
}

.margin-x-0 {
    margin-left: 0;
    margin-right: 0;
}

/* 2 */
.margin-bottom-2,
.margin-b-2 {
    margin-bottom: 2px;
}

/* 3 */
.margin-bottom-3,
.margin-b-3 {
    margin-bottom: 3px;
}

/* 5 */
.margin-top-5,
.margin-t-5 {
    margin-top: 5px;
}

.margin-b-5 {
    margin-bottom: 5px;
}

/* 10 */
.margin-10 {
    margin: 10px;
}

.margin-top-10,
.margin-t-10 {
    margin-top: 10px;
}

.margin-bottom-10,
.margin-b-10 {
    margin-bottom: 10px;
}

/* 12 */
.margin-t-12 {
    margin-top: 12px;
}


/* 15 */
.margin-t-15 {
    margin-top: 15px;
}

/* 20 */
.margin-top-20 {
    margin-top: 20px;
}


.margin-b-20 {
    margin-bottom: 20px !important;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-x-20 {
    margin-right: 20px;
    margin-left: 20px;
}

/* 30 */
.margin-top-30 {
    margin-top: 30px;
}


.margin-r-30 {
    margin-right: 30px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

/* 40 */
.margin-l-40 {
    margin-left: 40px;
}

/* 50 */
/* 30 */
.margin-top-50 {
    margin-top: 50px;
}

.margin-l-50 {
    margin-left: 50px;
}

/* 70 */
.margin-r-70 {
    margin-right: 70px;
}

.margin-l-70 {
    margin-left: 70px;
}

/* 130 */
.margin-l-130 {
    margin-left: 130px;
}

/*** Formular - breite der Eingabefelder & der Labels ***/
.input-status {
    width: 100%;
}

/* Damit ggf. zwei Formularfelder nebeneinander stehen können, beispielsweise bei SL von - bis */
.form-horizontal INPUT.form-control.inline,
.form-horizontal SELECT.form-control.inline,
.inline [class^=width-]  {
    display: inline;
}

/* row für col-sm-? mit weniger padding zwischen den cols */
.row.row-form {
    padding: 0 10px;
    margin: 0 -15px;
}

.row.row-form [class^=col-sm-] {
    padding: 0 5px;
}

.inline .input-status,
.label-ind .input-status, /* damit Formularfelder in eingerückten Labels nicht 100% breit sind */
.inline [class^=width-] .input-group,
[class^=width-] .input-status {/* Sorgt dafür, dass .input-status nicht mehr 100% breit ist, wenn es sich in einem .input-* befindet */
    width: auto;
}

.inline LABEL {
    margin-top: 5px;
    vertical-align: top;
}

/* Damit das Label nicht unter dem Input-Addon verschwindet */
LABEL.padding-addon {
    padding-left: 39px;
}

/* Input-Group-Addon Fix für Pagination-Search -> damit der btn-primary das Feld voll ausfüllt */
.input-group-addon .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: auto;
    height: auto;
}


.width-100p .input-group .form-control,
FORM .width-100p,
FORM .width-100p .form-control,
FORM .label-100p.control-label,
.width-100p {
    width: 100% !important;
}


.width-10 .input-group .form-control,
FORM .width-10,
FORM .width-10 .form-control,
FORM .label-10.control-label,
.width-10 {
    width: 10px !important;
}


.width-20 .input-group .form-control,
FORM .width-20,
FORM .width-20 .form-control,
FORM .label-20.control-label,
.width-20 {
    width: 20px !important;
}


.width-25 .input-group .form-control,
FORM .width-25,
FORM .width-25 .form-control,
FORM .label-25.control-label,
.width-25 {
    width: 25px !important;
}

.width-30 .input-group .form-control,
FORM .width-30,
FORM .width-30 .form-control,
FORM .label-30.control-label,
.width-30 {
    width: 30px !important;
}

.width-40 .input-group .form-control,
FORM .width-40,
FORM .width-40 .form-control,
FORM .label-40.control-label,
.width-40 {
    width: 40px !important;
}

.width-50 .input-group .form-control,
FORM .width-50,
FORM .width-50 .form-control,
FORM .label-50.control-label,
.width-50 {
    width: 50px !important;
}

.width-60 .input-group .form-control,
FORM .width-60,
FORM .width-60 .form-control,
FORM .label-60.control-label,
.width-60 {
    width: 60px !important;
}

.width-70 .input-group .form-control,
FORM .width-70,
FORM .width-70 .form-control,
FORM .label-70.control-label,
.width-70 {
    width: 70px !important;
}

.width-80 .input-group .form-control,
FORM .width-80,
FORM .width-80 .form-control,
FORM .label-80.control-label,
.width-80 {
    width: 80px !important;
}

.width-90 .input-group .form-control,
FORM .width-90,
FORM .width-90 .form-control,
FORM .label-90.control-label,
.width-90 {
    width: 90px !important;
}

.width-100 .input-group .form-control,
FORM .width-100,
FORM .width-100 .form-control,
FORM .label-100.control-label,
.width-100 {
    width: 100px !important;
}

.width-110 .input-group .form-control,
FORM .width-110,
FORM .width-110 .form-control,
FORM .label-110.control-label,
.width-110 {
    width: 110px !important;
}

.width-120 .input-group .form-control,
FORM .width-120,
FORM .width-120 .form-control,
FORM .label-120.control-label,
.width-120 {
    width: 120px !important;
}

.width-130 .input-group .form-control,
FORM .width-130,
FORM .width-130 .form-control,
FORM .label-130.control-label,
.width-130 {
    width: 130px !important;
}

.width-140 .input-group .form-control,
FORM .width-140,
FORM .width-140 .form-control,
FORM .label-140.control-label,
.width-140 {
    width: 140px !important;
}

.width-150 .input-group .form-control,
FORM .width-150,
FORM .width-150 .form-control,
FORM .label-150.control-label,
.width-150 {
    width: 150px !important;
}

.width-160 .input-group .form-control,
FORM .width-160,
FORM .width-160 .form-control,
FORM .label-160.control-label,
.width-160 {
    width: 160px !important;
}

.width-180 .input-group .form-control,
FORM .width-180,
FORM .width-180 .form-control,
FORM .label-180.control-label,
.width-180 {
    width: 180px !important;
}

.width-200 .input-group .form-control,
FORM .width-200,
FORM .width-200 .form-control,
FORM .label-200.control-label,
.width-200 {
    width: 200px !important;
}

.width-230 .input-group .form-control,
FORM .width-230,
FORM .width-230 .form-control,
FORM .label-230.control-label,
.width-230 {
    width: 230px !important;
}

.width-250 .input-group .form-control,
FORM .width-250,
FORM .width-250 .form-control,
FORM .label-250.control-label,
.width-250 {
    width: 250px !important;
}

.width-300 .input-group .form-control,
FORM .width-300,
FORM .width-300 .form-control,
FORM .label-300.control-label,
.width-300 {
    width: 300px !important;
}

/* Hide & Show */
.hidden {
    display: none;
}

.hide {
    display: none;
}

.show {
    display: block;
}