.mb-hidden
{
    display: none !important;
}

.mb-invisible
{
    visibility: hidden !important;
}

.mb-media-icon
{
    height: 16px;
    width: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 0;
}

.mb-media-button
{
    height: 16px;
    width: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 0;
    cursor: pointer;
}

.mb-clickable 
{
    cursor: pointer;
}

/*
.mb-checkable
{
    position: relative;
    line-height: 1em;
    padding: 3px 0 3px 1.3em;
    margin: 0 .5em 0 0;
}

.mb-checkable input
{
    margin: 0;
    height: 1.2em;
    width: 1.2em;
    margin-top: -.6em;
    margin-right: 1.6em;
    position: absolute;
    top: 50%;
    left: 0;
}
*/

.mb-checkable 
{
    position: relative;
    margin: 0 .5em 0 0;
}

.mb-checkable input 
{
    margin-right: 1px;
    vertical-align: -2px;
}

.mb-block
{
    display: block;
}

.mb-inline-block
{
    display: inline-block;
}

.mb-absolute-left-0 { left: 0 !important; position: absolute !important;}
.mb-absolute-left-5 { left: 5px !important; position: absolute !important;}
.mb-absolute-left-10 { left: 10px !important; position: absolute !important;}
.mb-absolute-left-15 { left: 15px !important; position: absolute !important;}
.mb-absolute-left-20 { left: 20px !important; position: absolute !important;}
.mb-absolute-left-25 { left: 25px !important; position: absolute !important;}
.mb-absolute-left-30 { left: 30px !important; position: absolute !important;}
.mb-absolute-left-35 { left: 35px !important; position: absolute !important;}
.mb-absolute-left-40 { left: 40px !important; position: absolute !important;}
.mb-absolute-left-45 { left: 45px !important; position: absolute !important;}
.mb-absolute-left-50 { left: 50px !important; position: absolute !important;}

.mb-absolute-right-0 { right: 0 !important; position: absolute !important;}
.mb-absolute-right-5 { right: 5px !important; position: absolute !important;}
.mb-absolute-right-10 { right: 10px !important; position: absolute !important;}
.mb-absolute-right-15 { right: 15px !important; position: absolute !important;}
.mb-absolute-right-20 { right: 20px !important; position: absolute !important;}
.mb-absolute-right-25 { right: 25px !important; position: absolute !important;}
.mb-absolute-right-30 { right: 30px !important; position: absolute !important;}
.mb-absolute-right-35 { right: 35px !important; position: absolute !important;}
.mb-absolute-right-40 { right: 40px !important; position: absolute !important;}
.mb-absolute-right-45 { right: 45px !important; position: absolute !important;}
.mb-absolute-right-50 { right: 50px !important; position: absolute !important;}

.mb-no-margin { margin: 0 !important; }
.mb-margin-5 { margin: 5px !important; }
.mb-margin-10 { margin: 10px !important; }
.mb-margin-15 { margin: 15px !important; }
.mb-margin-20 { margin: 20px !important; }

.mb-margin-right-0 { margin-right: 0 !important; }
.mb-margin-right-5 { margin-right: 5px !important; }
.mb-margin-right-10 { margin-right: 10px !important; }
.mb-margin-right-15 { margin-right: 15px !important; }
.mb-margin-right-20 { margin-right: 20px !important; }

.mb-margin-top-0 { margin-top: 0 !important; }
.mb-margin-top-3 { margin-top: 3px !important; }
.mb-margin-top-5 { margin-top: 5px !important; }
.mb-margin-top-10 { margin-top: 10px !important; }
.mb-margin-top-15 { margin-top: 15px !important; }
.mb-margin-top-20 { margin-top: 20px !important; }

.mb-margin-bottom-0 { margin-bottom: 0 !important; }
.mb-margin-bottom-5 { margin-bottom: 5px !important; }
.mb-margin-bottom-10 { margin-bottom: 10px !important; }
.mb-margin-bottom-15 { margin-bottom: 15px !important; }
.mb-margin-bottom-20 { margin-bottom: 20px !important; }

.mb-margin-left-0 { margin-left: 0 !important; }
.mb-margin-left-3 { margin-left: 3px !important; }
.mb-margin-left-5 { margin-left: 5px !important; }
.mb-margin-left-10 { margin-left: 10px !important; }
.mb-margin-left-15 { margin-left: 15px !important; }
.mb-margin-left-20 { margin-left: 20px !important; }

.mb-no-padding { padding: 0 !important; }
.mb-padding-5 { padding: 5px !important; }
.mb-padding-10 { padding: 10px !important; }
.mb-padding-15 { padding: 15px !important; }
.mb-padding-20 { padding: 20px !important; }

.mb-padding-right-0 { padding-right: 0 !important; }
.mb-padding-right-5 { padding-right: 5px !important; }
.mb-padding-right-10 { padding-right: 10px !important; }
.mb-padding-right-15 { padding-right: 15px !important; }
.mb-padding-right-20 { padding-right: 20px !important; }

.mb-padding-top-0 { padding-top: 0 !important; }
.mb-padding-top-5 { padding-top: 5px !important; }
.mb-padding-top-10 { padding-top: 10px !important; }
.mb-padding-top-15 { padding-top: 15px !important; }
.mb-padding-top-20 { padding-top: 20px !important; }

.mb-padding-bottom-0 { padding-bottom: 0 !important; }
.mb-padding-bottom-5 { padding-bottom: 5px !important; }
.mb-padding-bottom-10 { padding-bottom: 10px !important; }
.mb-padding-bottom-15 { padding-bottom: 15px !important; }
.mb-padding-bottom-20 { padding-bottom: 20px !important; }

.mb-padding-left-0 { padding-left: 0 !important; }
.mb-padding-left-5 { padding-left: 5px !important; }
.mb-padding-left-10 { padding-left: 10px !important; }
.mb-padding-left-15 { padding-left: 15px !important; }
.mb-padding-left-20 { padding-left: 20px !important; }

.mb-btn
{
    border: 2px solid #2e6da4;
    border-radius: 4px;
}

.mb-float-left
{
    float: left;
}

.mb-btn-primary
{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.mb-error-message
{
    color: red;
    font-weight: 500;
    margin-left: 15px;
}
.ui-dialog .mb-error-message
{
    color: #d66262;
    margin-bottom: 10px;
    background: #ffe4e4;
    padding: 0 10px;
    border-radius: 4px;
    border: #ffb2b2 solid 1px;
    margin-left: 0;
    width: 100%;
    clear: left;
    float: left;
}

.mb-dialog-container 
{
    width: 100%;
    height: 100%;
    position: relative;
}

.mb-display-block 
{
    display: block;
}

select.mb-disabled-select
{
    /* For FireFox */
    -webkit-appearance: none;
    /* For Chrome */
    -moz-appearance: none;
}

/* For IE10+ */
select.mb-disabled-select::-ms-expand 
{
    display: none;
}

/* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile 12-12.1
   - Android Browser 2.1-4.4.4
   - Samsung Internet ≤6.2
   - QQ Browser */
::-webkit-input-placeholder {
    color: #ccc;
    font-weight: 400;
}

/* Firefox 4-18 */
:-moz-placeholder {
    color: #ccc;
    font-weight: 400;
}

/* Firefox 19-50 */
::-moz-placeholder {
    color: #ccc;
    font-weight: 400;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
    color: #ccc !important;
    font-weight: 400 !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
::-ms-input-placeholder {
    color: #ccc;
    font-weight: 400;
}

/* CSS Pseudo-Elements Level 4 Editor's Draft
   - Browsers not mentioned in vendor prefixes
   - Browser of newer versions than mentioned in vendor prefixes */
::placeholder {
    color: #ccc;
    font-weight: 400;
}