/**************************************\
| Forms
\**************************************/

.nbito-admin .nbito-form{}


/**************************************\
| Control Groups
\**************************************/

.nbito-admin .nbito-control-group{ margin-bottom:15px; display: table; width:100%; }
.nbito-admin .nbito-control-group .nbito-required{ font-weight:bold; }
.nbito-admin .nbito-control-label, 
.nbito-admin .nbito-form .nbito-spacer
{
    /*margin-bottom:8px;*/ 
    font-weight:normal;
    /*padding-top:10px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}
.nbito-admin .nbito-form .nbito-button
{ 
    /*margin-bottom:15px;*/
}
.nbito-admin .nbito-control-group .nbito-button
{ 
    margin-bottom:0;
}

.nbito-admin .nbito-control-label+.nbito-control-label
{
    margin-left:10px;
}

/**************************************\
| Controls
\**************************************/

.nbito-admin .nbito-control, 
.nbito-admin .nbito-control-style,
.nbito-admin .nbito-control-label.nbito-format-inline
{
    border-spacing: 0px;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    vertical-align:middle;
    display:block;
    width:100%;
    padding:10px 12px;
    font-size:1.1em;
    color:#555;
    border:1px #ccc solid;
    border-radius:2px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.nbito-admin .nbito-control-label.nbito-format-inline
{
    background-color:#e1e1e1;
}

.nbito-admin .nbito-control
{
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition:background-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition:background-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.nbito-admin .nbito-control-wrapper
{
    display:block;
}

.nbito-admin .nbito-control-note
{
    font-size:0.9em;
}

/**************************************\
| Text
\**************************************/

.nbito-admin .nbito-control[type="text"]
{
}

/**************************************\
| Textarea
\**************************************/

.nbito-admin textarea.nbito-control
{
    font-family: inherit;
    font-size: inherit;
    font-size:1.1em;
}

/**************************************\
| Select
\**************************************/

.nbito-admin select.nbito-control
{
}
.nbito-admin select.nbito-control option
{
}

/**************************************\
| Checkbox
\**************************************/

.nbito-admin .nbito-control[type="checkbox"]
{ 
    width:auto;
    margin:0;
    padding:0;
    display:inline-block;
    box-sizing: border-box;
    -webkit-writing-mode: horizontal-tb;
}

.nbito-admin .nbito-control[type="checkbox"] .nbito-control-checkbox-label span
{
    margin-left:10px;
}

/**************************************\
| Radio
\**************************************/

.nbito-admin .nbito-control[type="radio"]
{ 
    width:auto;
    margin:0;
    padding:0;
    display:inline-block;
    box-sizing: border-box;
    -webkit-writing-mode: horizontal-tb;
}

.nbito-admin .nbito-control[type="radio"] .nbito-control-radio-group
{
    
}

.nbito-admin .nbito-control[type="radio"] .nbito-control-radio-label span
{
    margin-left:10px;
}


/**************************************\
| Focus
\**************************************/

.nbito-admin .nbito-control:focus
{
    border-color:;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

/**************************************\
| Errors/Success
\**************************************/

.nbito-admin .nbito-control.nbito-error
{
    border-color:;
}

.nbito-admin .nbito-control[type="checkbox"].nbito-error
{
    background-color: !important;
    color:#505050 !important;
}

.nbito-admin .nbito-control.nbito-success
{
    border-color:;
}

.nbito-admin .nbito-control[type="checkbox"].nbito-success
{
    background-color: !important;
    color:#fefefe !important;
}


/**************************************\
| Sizes
\**************************************/

.nbito-admin .nbito-control.nbito-size-xs, 
.nbito-admin .nbito-control-style.nbito-size-xs
{
    font-size: 0.6em;
    padding: 5.5px 8px;
}
.nbito-admin .nbito-control.nbito-size-s, 
.nbito-admin .nbito-control-style.nbito-size-s
{
    font-size: 0.7em;
    padding: 7.5px 10px;
}
.nbito-admin .nbito-control.nbito-size-m, 
.nbito-admin .nbito-control-style.nbito-size-m
{
    font-size: 0.8em;
    padding: 8px 12px;
}
.nbito-admin .nbito-control.nbito-size-l, 
.nbito-admin .nbito-control-style.nbito-size-l
{
    font-size: 1.2em;
    padding: 12.5px 14px;
}
.nbito-admin .nbito-control.nbito-size-xl, 
.nbito-admin .nbito-control-style.nbito-size-xl
{
    font-size: 1.4em;
    padding: 14px 16px;
}

/**************************************\
| Colors
\**************************************/

.nbito-admin .nbito-control.nbito-color-red,
.nbito-admin .nbito-control-style.nbito-color-red,
.nbito-admin .nbito-control-group.nbito-color-red .nbito-control,
.nbito-admin .nbito-control-label.nbito-color-red,
.nbito-admin .nbito-control-group.nbito-color-red .nbito-control-label
{    
        color:#505050 !important;
    border-color:#9f0000;
    background-color: !important;
    
}

.nbito-admin .nbito-control-label.nbito-color-red,
.nbito-admin .nbito-control-group.nbito-color-red .nbito-control-label
{
    background-color:#bd0709 !important;
}

.nbito-admin .nbito-control.nbito-color-red:focus,
.nbito-admin .nbito-control-group.nbito-color-red .nbito-control:focus
{
        border-color:;
        color:inherit !important;
    background-color:white !important;
}
.nbito-admin .nbito-control.nbito-color-red::-webkit-input-placeholder{ color:#505050; }
.nbito-admin .nbito-control.nbito-color-red::-moz-placeholder{ color:#505050; }
.nbito-admin .nbito-control.nbito-color-red:-ms-input-placeholder{ color:#505050; }
.nbito-admin .nbito-control.nbito-color-green,
.nbito-admin .nbito-control-style.nbito-color-green,
.nbito-admin .nbito-control-group.nbito-color-green .nbito-control,
.nbito-admin .nbito-control-label.nbito-color-green,
.nbito-admin .nbito-control-group.nbito-color-green .nbito-control-label
{    
        color:#fefefe !important;
    border-color:#3f6f00;
    background-color: !important;
    
}

.nbito-admin .nbito-control-label.nbito-color-green,
.nbito-admin .nbito-control-group.nbito-color-green .nbito-control-label
{
    background-color:#5d8d00 !important;
}

.nbito-admin .nbito-control.nbito-color-green:focus,
.nbito-admin .nbito-control-group.nbito-color-green .nbito-control:focus
{
        border-color:;
        color:inherit !important;
    background-color:white !important;
}
.nbito-admin .nbito-control.nbito-color-green::-webkit-input-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-green::-moz-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-green:-ms-input-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-blue,
.nbito-admin .nbito-control-style.nbito-color-blue,
.nbito-admin .nbito-control-group.nbito-color-blue .nbito-control,
.nbito-admin .nbito-control-label.nbito-color-blue,
.nbito-admin .nbito-control-group.nbito-color-blue .nbito-control-label
{    
        color:#fefefe !important;
    border-color:#00397e;
    background-color: !important;
    
}

.nbito-admin .nbito-control-label.nbito-color-blue,
.nbito-admin .nbito-control-group.nbito-color-blue .nbito-control-label
{
    background-color:#1b579c !important;
}

.nbito-admin .nbito-control.nbito-color-blue:focus,
.nbito-admin .nbito-control-group.nbito-color-blue .nbito-control:focus
{
        border-color:;
        color:inherit !important;
    background-color:white !important;
}
.nbito-admin .nbito-control.nbito-color-blue::-webkit-input-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-blue::-moz-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-blue:-ms-input-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-orange,
.nbito-admin .nbito-control-style.nbito-color-orange,
.nbito-admin .nbito-control-group.nbito-color-orange .nbito-control,
.nbito-admin .nbito-control-label.nbito-color-orange,
.nbito-admin .nbito-control-group.nbito-color-orange .nbito-control-label
{    
        color:#fefefe !important;
    border-color:#b24f00;
    background-color: !important;
    
}

.nbito-admin .nbito-control-label.nbito-color-orange,
.nbito-admin .nbito-control-group.nbito-color-orange .nbito-control-label
{
    background-color:#d06d00 !important;
}

.nbito-admin .nbito-control.nbito-color-orange:focus,
.nbito-admin .nbito-control-group.nbito-color-orange .nbito-control:focus
{
        border-color:;
        color:inherit !important;
    background-color:white !important;
}
.nbito-admin .nbito-control.nbito-color-orange::-webkit-input-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-orange::-moz-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-orange:-ms-input-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-yellow,
.nbito-admin .nbito-control-style.nbito-color-yellow,
.nbito-admin .nbito-control-group.nbito-color-yellow .nbito-control,
.nbito-admin .nbito-control-label.nbito-color-yellow,
.nbito-admin .nbito-control-group.nbito-color-yellow .nbito-control-label
{    
        color:#fefefe !important;
    border-color:#b77f00;
    background-color: !important;
    
}

.nbito-admin .nbito-control-label.nbito-color-yellow,
.nbito-admin .nbito-control-group.nbito-color-yellow .nbito-control-label
{
    background-color:#d59d0c !important;
}

.nbito-admin .nbito-control.nbito-color-yellow:focus,
.nbito-admin .nbito-control-group.nbito-color-yellow .nbito-control:focus
{
        border-color:;
        color:inherit !important;
    background-color:white !important;
}
.nbito-admin .nbito-control.nbito-color-yellow::-webkit-input-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-yellow::-moz-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-yellow:-ms-input-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-gray,
.nbito-admin .nbito-control-style.nbito-color-gray,
.nbito-admin .nbito-control-group.nbito-color-gray .nbito-control,
.nbito-admin .nbito-control-label.nbito-color-gray,
.nbito-admin .nbito-control-group.nbito-color-gray .nbito-control-label
{    
        color:#fefefe !important;
    border-color:#11181c;
    background-color: !important;
    
}

.nbito-admin .nbito-control-label.nbito-color-gray,
.nbito-admin .nbito-control-group.nbito-color-gray .nbito-control-label
{
    background-color:#2f363a !important;
}

.nbito-admin .nbito-control.nbito-color-gray:focus,
.nbito-admin .nbito-control-group.nbito-color-gray .nbito-control:focus
{
        border-color:;
        color:inherit !important;
    background-color:white !important;
}
.nbito-admin .nbito-control.nbito-color-gray::-webkit-input-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-gray::-moz-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-gray:-ms-input-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-pink,
.nbito-admin .nbito-control-style.nbito-color-pink,
.nbito-admin .nbito-control-group.nbito-color-pink .nbito-control,
.nbito-admin .nbito-control-label.nbito-color-pink,
.nbito-admin .nbito-control-group.nbito-color-pink .nbito-control-label
{    
        color:#fefefe !important;
    border-color:#8e040d;
    background-color: !important;
    
}

.nbito-admin .nbito-control-label.nbito-color-pink,
.nbito-admin .nbito-control-group.nbito-color-pink .nbito-control-label
{
    background-color:#ac222b !important;
}

.nbito-admin .nbito-control.nbito-color-pink:focus,
.nbito-admin .nbito-control-group.nbito-color-pink .nbito-control:focus
{
        border-color:;
        color:inherit !important;
    background-color:white !important;
}
.nbito-admin .nbito-control.nbito-color-pink::-webkit-input-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-pink::-moz-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-pink:-ms-input-placeholder{ color:#fefefe; }
.nbito-admin .nbito-control.nbito-color-white,
.nbito-admin .nbito-control-style.nbito-color-white,
.nbito-admin .nbito-control-group.nbito-color-white .nbito-control,
.nbito-admin .nbito-control-label.nbito-color-white,
.nbito-admin .nbito-control-group.nbito-color-white .nbito-control-label
{    
        border-color:#c3c3c3;
    
}

.nbito-admin .nbito-control-label.nbito-color-white,
.nbito-admin .nbito-control-group.nbito-color-white .nbito-control-label
{
    background-color:#e1e1e1 !important;
}

.nbito-admin .nbito-control.nbito-color-white:focus,
.nbito-admin .nbito-control-group.nbito-color-white .nbito-control:focus
{
        border-color:#c3c3c3;
        color:inherit !important;
    background-color:white !important;
}
.nbito-admin .nbito-control.nbito-color-white::-webkit-input-placeholder{ color:#505050; }
.nbito-admin .nbito-control.nbito-color-white::-moz-placeholder{ color:#505050; }
.nbito-admin .nbito-control.nbito-color-white:-ms-input-placeholder{ color:#505050; }
.nbito-admin .nbito-control.nbito-color-black,
.nbito-admin .nbito-control-style.nbito-color-black,
.nbito-admin .nbito-control-group.nbito-color-black .nbito-control,
.nbito-admin .nbito-control-label.nbito-color-black,
.nbito-admin .nbito-control-group.nbito-color-black .nbito-control-label
{    
        color:#505050 !important;
    border-color:#000000;
    background-color: !important;
    
}

.nbito-admin .nbito-control-label.nbito-color-black,
.nbito-admin .nbito-control-group.nbito-color-black .nbito-control-label
{
    background-color:#000000 !important;
}

.nbito-admin .nbito-control.nbito-color-black:focus,
.nbito-admin .nbito-control-group.nbito-color-black .nbito-control:focus
{
        border-color:;
        color:inherit !important;
    background-color:white !important;
}
.nbito-admin .nbito-control.nbito-color-black::-webkit-input-placeholder{ color:#505050; }
.nbito-admin .nbito-control.nbito-color-black::-moz-placeholder{ color:#505050; }
.nbito-admin .nbito-control.nbito-color-black:-ms-input-placeholder{ color:#505050; }
.nbito-admin .nbito-control.nbito-color-links,
.nbito-admin .nbito-control-style.nbito-color-links,
.nbito-admin .nbito-control-group.nbito-color-links .nbito-control,
.nbito-admin .nbito-control-label.nbito-color-links,
.nbito-admin .nbito-control-group.nbito-color-links .nbito-control-label
{    
        color: !important;
    border-color:;
    background-color: !important;
    
}

.nbito-admin .nbito-control-label.nbito-color-links,
.nbito-admin .nbito-control-group.nbito-color-links .nbito-control-label
{
    background-color: !important;
}

.nbito-admin .nbito-control.nbito-color-links:focus,
.nbito-admin .nbito-control-group.nbito-color-links .nbito-control:focus
{
        border-color:;
        color:inherit !important;
    background-color:white !important;
}
.nbito-admin .nbito-control.nbito-color-links::-webkit-input-placeholder{ color:; }
.nbito-admin .nbito-control.nbito-color-links::-moz-placeholder{ color:; }
.nbito-admin .nbito-control.nbito-color-links:-ms-input-placeholder{ color:; }
.nbito-admin .nbito-control.nbito-color-states,
.nbito-admin .nbito-control-style.nbito-color-states,
.nbito-admin .nbito-control-group.nbito-color-states .nbito-control,
.nbito-admin .nbito-control-label.nbito-color-states,
.nbito-admin .nbito-control-group.nbito-color-states .nbito-control-label
{    
        color: !important;
    border-color:;
    background-color: !important;
    
}

.nbito-admin .nbito-control-label.nbito-color-states,
.nbito-admin .nbito-control-group.nbito-color-states .nbito-control-label
{
    background-color: !important;
}

.nbito-admin .nbito-control.nbito-color-states:focus,
.nbito-admin .nbito-control-group.nbito-color-states .nbito-control:focus
{
        border-color:;
        color:inherit !important;
    background-color:white !important;
}
.nbito-admin .nbito-control.nbito-color-states::-webkit-input-placeholder{ color:; }
.nbito-admin .nbito-control.nbito-color-states::-moz-placeholder{ color:; }
.nbito-admin .nbito-control.nbito-color-states:-ms-input-placeholder{ color:; }


/**************************************\
| Formats - Horizontal
\**************************************/

.nbito-admin .nbito-form.nbito-format-horizontal{ }
.nbito-admin .nbito-form.nbito-format-horizontal .nbito-control-group,
.nbito-admin .nbito-control-group.nbito-format-horizontal
{
    width:100%;
}

.nbito-admin .nbito-form.nbito-format-horizontal .nbito-control-group > .nbito-control-radio-group,
.nbito-admin .nbito-form.nbito-format-horizontal .nbito-control-group > .nbito-control-wrapper
{ 
    width:80%;
    display:inline-block;
}

.nbito-admin .nbito-form.nbito-format-horizontal .nbito-control-label, 
.nbito-admin .nbito-control-group.nbito-format-horizontal .nbito-control-label, 
.nbito-admin .nbito-form.nbito-format-horizontal .nbito-spacer, 
.nbito-admin .nbito-control-group.nbito-format-horizontal .nbito-spacer
{ 
    display:inline-block;
    box-sizing: border-box;
    width: 20%;
    min-height: 20px;
    vertical-align:middle;
    text-align:right;
    padding-right:20px;
    float:left;
}
.nbito-admin .nbito-form.nbito-format-horizontal .nbito-control-label, 
.nbito-admin .nbito-control-group.nbito-format-horizontal .nbito-control-label 
{
}
.nbito-admin .nbito-form.nbito-format-horizontal .nbito-control-group > .nbito-control,
.nbito-admin .nbito-control-group.nbito-format-horizontal .nbito-control-group > .nbito-control,
.nbito-admin .nbito-form.nbito-format-horizontal .nbito-control-group > .nbito-control-wrapper,
.nbito-admin .nbito-control-group.nbito-format-horizontal .nbito-control-group > .nbito-control-wrapper
{ 
    box-sizing: border-box;
    
    min-height: 20px;
    width: 80%;
    vertical-align:middle;
}
.nbito-admin .nbito-form.nbito-format-horizontal .nbito-control[type=checkbox],
.nbito-admin .nbito-control-group.nbito-format-horizontal .nbito-control[type=checkbox],
.nbito-admin .nbito-form.nbito-format-horizontal .nbito-control[type=radio],
.nbito-admin .nbito-control-group.nbito-format-horizontal .nbito-control[type=radio]
{
    width:auto;
    text-align:left;
}

.nbito-admin .nbito-form.nbito-format-horizontal .nbito-button, 
.nbito-admin .nbito-control-group.nbito-format-horizontal .nbito-button 
{
}


/**************************************\
| Formats - Inline
\**************************************/

.nbito-admin .nbito-form.nbito-format-inline .nbito-control-group,
.nbito-admin .nbito-control-group.nbito-format-inline
{
    box-sizing: border-box;
    display:inline-block;
    width:auto;
    vertical-align:middle;
};

.nbito-admin .nbito-form.nbito-format-inline .nbito-control-group+.nbito-control-group,
{
    margin-left:10px;
}

.nbito-admin .nbito-control-group.nbito-format-inline+.nbito-control-group.nbito-format-inline
{
    margin-left:10px;
}

.nbito-admin .nbito-form.nbito-format-inline .nbito-control-group label,
.nbito-admin .nbito-control-group.nbito-format-inline label
{
    box-sizing: border-box;
    display:inline-block;
    width:auto;
    min-width:auto;
    vertical-align:middle;
}
.nbito-admin .nbito-form.nbito-format-inline .nbito-control-group .nbito-control, 
.nbito-admin .nbito-form.nbito-format-inline .nbito-control-group .nbito-control-style,
.nbito-admin .nbito-control-group.nbito-format-inline .nbito-control,
.nbito-admin .nbito-control-group.nbito-format-inline .nbito-control-style
{
    box-sizing: border-box;
    display:inline-block;
    width:200px;
    vertical-align:middle;
}
.nbito-admin .nbito-form.nbito-format-inline .nbito-control-group .nbito-control[type=checkbox],
.nbito-admin .nbito-control-group.nbito-format-inline .nbito-control[type=checkbox]
{
    width:auto;
}

.nbito-admin .nbito-control-label.nbito-format-inline
{
    display:inline-block;
    width:auto;
    vertical-align:middle;
}

/**************************************\
| Merges
\**************************************/

.nbito-admin .nbito-control.nbito-merge-right,
.nbito-admin .nbito-control-style.nbito-merge-right
{
    display:inline-block;
    width:auto;
}

.nbito-admin .nbito-control.nbito-merge-left,
.nbito-admin .nbito-control-style.nbito-merge-left
{
    display:inline-block;
    width:auto;
}

.nbito-admin .nbito-control.nbito-merge-both,
.nbito-admin .nbito-control-style.nbito-merge-both
{
    display:inline-block;
    width:auto;
}