/* Colours
.blue1: #177ed9;
.blue2: #519ee3;
.blue3: #8abeec;
.blue4: #c5dff5;
.bubblegum1: #56c5ed;
.bubblegum2: #5ed3f2;
.bubblegum3: #91e1f6;
.bubblegum4: #c8f0fa;
.lime1: #79cc00;
.lime2: #9bd940;
.lime3: #bce57f;
.lime4: #ddf2bf;
.pumpkin1: #f87704;
.pumpkin2: #fa9943;
.pumpkin3: #fbbb81;
.pumpkin4: #fdddc0;
.raspberry1: #ff0033;
.raspberry2: #ff4066;
.raspberry3: #ff7f98;
.raspberry4: #ffbfcc;
.grey-dark: #4a4949;
.grey-mid: #a7a7a7;
.grey-light: #ececec;
.almost-white: #f4f4f4;
.white: #ffffff; */

@font-face {
    font-family: 'Humanist777BT-LightB';
    src: url('webfonts/24D6BD_0_0.eot');
    src: url('webfonts/24D6BD_0_0.eot?#iefix') format('embedded-opentype'),
        url('webfonts/24D6BD_0_0.woff') format('woff'),
        url('webfonts/24D6BD_0_0.ttf') format('truetype');
}

/* Core styling */
.btn, .ui-button-text-only {
    background: #177ed9;
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 4px;
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    color: #ffffff;
    padding: 0 40px 0 15px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    margin: 5px;
    text-align: left;
    padding: 0 40px 0 15px;
}
.ui-button-text-only {
    padding:0px 15px 0px 15px;
}
/* Icons */
.btn:after {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    right: 15px;
    color: #fff;
    font-size: 16px;
    top: -1px; 
}

.btn:after { transition: all 0.2s ease-in-out; }
.btn.btn-up:after { content: '\f106'; }
.btn.btn-right:after { content: '\f105'; }
.btn.btn-down:after { content: '\f107'; }
.btn.btn-left:after { content: '\f104'; right: unset; left: 15px; }

.btn.btn-left{padding: 0 15px 0 40px; }
/* Large button */
.btn.btn-large {  height: 40px;    line-height: 40px;    padding: 0 60px 0 15px;    font-size: 14px;}

/* Default button */
.btn.btn-default, .ui-button-text-only { background: #177ed9; }
.btn.btn-default:hover, .btn.btn-large:hover , .ui-button-text-only:hover { background: #519ee3; }

.btn.btn-default:active,
.btn.btn-large:active,
.ui-button-text-only:active,
.btn.btn-default:focus,
.btn.btn-large:focus,
.ui-button-text-only:focus {
    text-decoration: none;
    color: #fff;
}
span.ui-button-text{
    outline:none;
}
/* Primary button */
.btn.btn-primary, .ui-button-text-only.btn-primary { background: #79cc00; }
.btn.btn-primary:hover, .ui-button-text-only.btn-primary:hover { background: #9bd940; }

/* Gray button */
.btn.btn-gray { background: #a7a7a7; }
.btn.btn-gray:hover { background: #aaaaaa; }
/* Red button */


/* White button */
.btn.btn-white { background: #fff; color: #111111; line-height: 27px; border: 1px solid #ccc; }
.btn.btn-white:focus { color: #111111 !important; }
.btn.no-after:after{content: none;}

.btn.btn-warning{ background: #ff0000; }

.userFilterBorderDiv{
    display: inline;
    border: 1px solid #dddfe2;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.userFilterInputDiv{
    float: left;
    width: 180px;
    margin: 10px;
}

.userFilterInputLabel{
    color: #066fd2;
    font-family: 'Humanist777BT-LightB';
    font-size: 15px;
    float: left;
    padding-bottom: 5px;
    width: 100%;

}

.userFilterInput{
    padding-right: 8px;
    padding-left: 8px;
    width: 100%;
    float: left;
    height: 32px;
    box-sizing: border-box;
}

.hiddenBtn{
    display: none;
}

.btn_no_content:after {
    content: '' !important;
}
/* white button */
.btn.btn-white {
    color: #000;
    background-color: #fff;
    border-color: black;
    border: 1px solid #ccc;
}
.btn.btn-white:hover {
    color: #000;
    background-color: #fff;
    border-color: black;
    border: 1px solid #ccc;
}


.ui-dialog {
    padding:0px !important;
}
.ui-dialog-titlebar {
    background:#1076D4 !important;
    color:white !important;
}
.ui-dialog-content,
.ui-dialog-title {
    font-size:13px !important;
    font-family: Arial, sans-serif !important;
    font-weight: normal !important;
}
.ui-dialog .ui-dialog-buttonpane {
    border-width:0px !important;
}
.ui-dialog-content .ui-icon {
    margin: 15px 7px 20px 0px !important;
}

.ui-dialog-titlebar-close  {
    background:transparent url('/resources/images/close_icon.png') !important;
    background-repeat:no-repeat !important;;
    width:24px !important;
    height:24px !important;
    right:5px !important;
}
.ui-dialog-titlebar-close .ui-icon-closethick {
    display:none !important;
}
.ui-dialog-titlebar.ui-corner-all {
    border-radius:0px !important;
}
.ui-widget-overlay {
    background:#000 !important;
    opacity:0.5 !important;
}
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; bottom:0px; z-index:9000 !important; }
.ui-dialog { z-index: 9001 !important ;}

.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close:hover {
    top:12px !important;
}
/*!
 *  Font Awesome v4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/*!
 *  Font Awesome v4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
.mel-tooltip {
    background:blue !important;
}